Vuex

Vuexは、 Vue.jsアプリケーション用のオープンソースの状態管理ライブラリです。Vue.jsの開発者であるEvan Youによって作成され、Vue.jsアプリケーションの状態を管理するための集中ストアを提供し、コンポーネント間でデータをより簡単に処理および同期できるようにします。^{[ 1 ]}

Vuexは単方向データフローパターンに従うため、アプリケーション全体でデータは一方向に流れます。^{[ 2 ]}

Vuexでは、アプリケーションの状態は単一のストア（JavaScriptオブジェクト）に保存されます。アプリケーション内の各コンポーネントはストアにアクセスして状態を更新できますが、ストア自体はミューテーションをコミットすることによってのみ変更できます。ミューテーションはストアの状態を変更できる関数であり、常に同期的に実行される必要があります。^{[ 3 ]}

アクションは、変更をコミットするだけでなく、API呼び出しなどの他の操作も実行する非同期関数です。複雑なロジックを処理するために使用され、コンポーネントや他のアクションから呼び出すことができます。^{[ 4 ]}

一方、ゲッターは、コンポーネントがストアの状態を変更せずにアクセスして操作できるようにする関数です。ゲッターは、状態から値を導出したり、データをフィルタリングしたりするために使用できます。 ^{[ 5 ]}

Vuexの歴史は、Evan You氏によって開発されたプログレッシブJavaScriptフレームワークであるVue.jsの誕生から始まります。Vue.jsは2014年2月に初めてリリースされ、そのシンプルさとパフォーマンスの高さから急速に人気を集めました。

Vue.jsアプリケーションの複雑化に伴い、効果的な状態管理の必要性が高まった。開発者たちは、Vue.jsアプリケーション内のコンポーネントの状態を管理・同期できるソリューションを求めていた。

Vue.jsの生みの親であるエヴァン・ユーは、このニーズを認識し、Vue.jsとシームレスに統合できる専用の状態管理ライブラリを開発することを決意しました。このライブラリは後にVuexとして知られるようになりました。

Vuexは2015年3月に正式に導入されました。その目的は、Vue.jsアプリケーションでアプリケーションの状態を管理するための集中管理された予測可能な方法を提供することでした。^{[ 6 ]}

今後の開発に関して、Vuex チームはライブラリの強化に取り組んでおり、最近 Vuex 4 をリリースしました。このバージョンでは、TypeScript のサポートの改善、デバッグツールの強化、パフォーマンスの向上が実現されています。チームはまた、サーバーサイド レンダリングのサポートの追加と新しいコンポジション API の導入にも取り組んでおり、これにより将来的に Vue.js で Vuex をより簡単に使用できるようになると報告されています。^{[ 9 ]}

Pinia は、Vue.js アプリケーション向けのもう 1 つの状態管理ライブラリで、Vuex の将来に疑問を投げかけています。2019 年にリリースされた Pinia は、Vuex と同様に、アプリケーションの状態を管理するための集中ストアを提供します。ただし、いくつかの点で Vuex とは異なります。まず、Pinia はよりモダンな API を使用し、Vue.js 3 の Composition API の機能を活用できます。Pinia は Vuex と比較してコードベースが小さく、構造も異なるため、特に Vue.js での状態管理に慣れていない開発者にとっては理解しやすいと感じられます。これらの利点により、Pinia は Vue.js コミュニティでかなりの人気を集めており、Vue.js プロジェクトで推奨される状態管理ライブラリとして、多くの点で Vuex に取って代わっています。それでも、Vuex は依然として多くのユーザーを抱えており、既存の Vue.js アプリケーションで広く使用されています。^{[ 10 ]}

• ヴィテ
• ピニア

• 公式サイト
• Vuex（GitHub）
• Vuexがリリース
• pinia （GitHub）