Vue.js + Vite で車検証QR読み取り機能を作成したときの色々なネタ（備忘録） ※Version "vue": "^3.2.47" "@zxing/browser": "^0.1.1", …

この記事を書いた理由 個人開発でLaravelとReactで何かを作りたいな〜 ただDockerは慣れていないので他の方法は無いかな〜って模索していた時に見つけた方法を備忘録として残そうかなと思います （Dockerが使えるに越したことはないと思ってます☺️…

概要 まだまだVue.jsの理解も浅い中で、コンポーネント分割していたらロジックが複雑になってしまい、状態管理にPiniaを使うことにしました。 $subscribeによるState監視で意図しない…

概要 ノードツリーをユーザーが作れるような機能を考える際に、ライブラリを探したメモとして残します。 Miroのような機能が実現できるのが一番の理想ですが、現状実現しているのは以下GIFのようなデシジ…

単一コンポーネントファイル(.vue)の記述 <template> <h1>{{ title }}</h1> </template> <script setup lang="ts"> const t…

axiosとfetch axios axiosは、Promiseを使用してHTTPリクエストを実行するJavaScriptライブラリです。axiosは、主にブラウザとNode.js環境の両方で使用さ…

Vuetifyの公式ドキュメントを含めてカスタムSASS変数を定義してコンポーネント内で使う方法、どこにも書いてなかったんだな・・・適当な記事ばっかり Step 1. assets/variable…

Vue3 CompositionAPIで親コンポーネントから子コンポーネントの関数を呼び出したい場合、子コンポーネントに ref を設定し、関数を呼び出す。 <template> <div> <bu…

Vue3のリリースから、Vuexに取って代わる状態管理ツールとして誕生したPiniaについて、Vue2までメジャーだったVuexとの比較を交えながら使用方法を解説していきたいと思います。 本記事の…

仕事でもプライベートでもVue2しか書かず、Vue2一筋でVue3を食わず嫌いして勉強を先延ばしにしていたのですが「そろそろ勉強せんとな...」ということで最近やっと手をつけました。しかし最終的に…