Vue.jsでは1ファイルにHTML、JS、CSSを記載するSFC（シングルファイルコンポーネント）という概念を採用しています。コンポーネント化されたパーツを組み合わせていくことでUIを作成していくというのがVue.js...

v-forはHTMLタグ内で繰り返し構文を行うことができるVue.jsのディレクティブです。以下のコードのようなscriptタグ内で定義した商品情報のオブジェクトが格納された配列の値をv-forを利用することで、繰り返し...

v-ifはHTMLタグ内で条件分岐を行うことができるディレクティブです。 v-ifを利用することで、指定した条件によって表示を簡単に出し分けられるようになります。 今回はVue.jsのディレクティブの中でも基本となるv-...

VuexからPiniaへの移行ガイド はじめに 今日、Vue.jsの世界での状態管理は、多くの開発者にとって重要なトピックとなっています。Vue.jsは、データの流れと状態管理を効率的に行うためのさまざまなツールを提供し...

2020年9月にVue.jsのバージョン3が正式にリリースされました。 Composition APIが正式に導入されるなどバージョン2と比較すると大きな変化を遂げました。 大きく変わったことで学び直しの学習コストもかか...

2020年9月にVue.jsではバージョン3系がリリースされました。 バージョン3系の一番の特徴といってもいいのが『Composition API』の導入だと思います。 Composition APIはVue コンポーネ...

Piniaとは、Vue.jsの状態管理ライブラリです。 Piniaは、「ピーニャ」と読みます。 Vue.js 2 まではVuexがVue.jsの状態管理ツールとして利用されてきましたが、Vue.js 3の公式ドキュメント...

Vue.jsを扱う上でまず知っておきたいのが『単一ファイルコンポーネント(Single File Component)』です。 英語表記の頭文字を取って『SFC』とも呼ばれています。 Vue.jsではこのSFCというフォ...

Vue.jsの様々な要素の中でもまず使いたい要素が『コンポーネント』です。 このコンポーネントを利用するために、Vue.jsを使う方も多くいらっしゃるのではないでしょうか。 今回はこのコンポーネントとは何かについて解説す...

JavaScriptを使ってソフトウェア開発を行う際は、効率よく開発を進めることができるなどのメリットから、多くの企業でJavaScriptのフレームワークが導入されています。 JavaScriptを学ぶのであればJav...