vue

2022-01-15-23-38-17.webp

Wordpressからmarkdown記事を抜き出して、Nuxt.jsのブログに移植する方法

はじめに 最近、肩こりがひどくて痛みを伴うため接骨院に通院しています。 典型的な猫背となで肩らしくそこの矯正を始め、2週間がたちました。 通院している患者の中でも1番か2番を争うぐらい肩が凝ってると言われなんとも言えない気持ちになりました。 肩甲骨を左右に広げるような施術があるのですが、

markdown-img-paste-20211027223641773.webp

Componentをブログっぽい配置にしてみる【Vuetify+Nuxt.js】

はじめに 少し前からNuxt.jsを使って移行先のブログを作っています。 昨日カテゴリを用意して満足してたんですが、あんまりブログっぽくないなぁと思っていたので整形したよって話です。 今日は配置をいい感じにしようっていうのが趣旨になります。 前回の記事ではこんな体たらくだったのを直してい

nodejs_1633186822.webp

Raspberry pi4にVueを導入する方法

はじめに 機能モリモリにしているとGUIが欲しくなって、Webブラウザで操作するようにするとリッチに見えるし、手軽なんじゃないかと準備をはじめました。 ReactかVueかどっちでも良いのですが、個人的にはVueの方がこじんまりしたソフトには向いてて好きなのでVueを入れておきます。

Pasted.webp

Nuxt.jsで記事検索機能を実装してみよう

地獄の釜が開かれた 本業の方は、納期が2ヶ月近く圧縮されました。当初の計画でもショートしていたので当然間に合うはずもありませんが、サラリーマンなのでそうも言ってられない。言いますけど…。 このまま進むと私を含めて全員が炎上プロジェクに焼かれて朽ちてしまいます。無駄な死体を増やさないた

markdown-img-paste-2021082616490682.webp

Nuxt.jsでパンくずリストを実装してみやう

はじめに ブログ作りを少しずつではありますが進めています。 今回はパンくずリストと呼ばれる、サイト上の今どこにいるのかを示すやつを作っていきます。 イメージはこちらです。このバーを作っていきましょう。 今回参考にしたのはこのブログ記事です。 参考元:The Perfect Breadcrumbs (in Nuxt) Nuxt.js+Vueti

markdown-img-paste-20210824062854559.webp

Nuxt.js+Vuetify.jsを使ってブログを作っていこう

はじめに 前回記事で、Nuxt.jsでブログを作ってみる。で素のnuxt.jsを触り始めました。 今回はGUIをよりリッチに整えて作っていきたいので、Vuetify.jsを入れて再度作り込んで行きます。 Material Design系のUIが手軽に作れるという触れ込みです。 Vuetify | Material Design Framework 前回記事と同じと

markdown-img-paste-20210819015858684.webp

Nuxt.jsでブログを作ってみる。

はじめに いい加減作るつくるというてたブログの移行を始めましょう ネット記事を探すとテンプレートやら、作り方みたいなものが出てくるんですが、いまいち中身が見えてこないといいますか・・・ 改良するにしても仕組みが分からなんのでいじくり回して理解していきたいなというのが今回の趣旨です。 さっ

markdown-img-paste-20210704020233361.webp

VueとGoでWeb API取得JSONを構造体に詰め込み、V-forと組み合わせ一覧表示してみる話

はじめに 夏のボーナスで関西の巨大私鉄である近鉄ホールディングスの株を買いました。 昔は近鉄バッファローズという球団を持つほどでしたが… 近鉄にはお世話になっており、通勤通学、難波や梅田に出る際には大変お世話になりました。 台風の日も、大雪の日も止まらず走ってくれましたね。 近鉄が運行停止

markdown-img-paste-20210703082154432.webp

Go+Vueを組み合わせたアプリテンプレート

はじめに Goで取得したAPIの結果をVueで表示していきましょうというのが今回の趣旨です。 Go + Vue.js でGETとPOSTをやってみる わかりやすかったのでこの記事を参考に作り込んでいきましょう。 今回作るフォルダ構成はこんなのになります。 バックエンド(Go) 今回はGoをREST APIとして