Vue.js とは

2025-05-03

Vue は、Web 上でユーザーインターフェイスとシングルページアプリケーションを構築するためのオープンソースのフロントエンド JavaScript フレームワークです。 2014 年にリリースされ、Evan とそのコアチームによって管理されている Evan You によって作成された Vue は、ビューレイヤー専用のコアライブラリを提供する宣言型レンダリングとコンポーネントコンポジションに重点を置いています。

ルーティング、状態管理、ビルドツールなどの高度な機能を備えたサーバーレンダリング Vue Web アプリを構築する場合は、 Nuxt.jsを参照してください。

Vue の特徴

Vue は、モデルビュー・ビューモデルのアーキテクチャを使用しています。 Evan You は以前、Google で AngularJS に取り組み、Angular の一部を抽出して、より軽量なフレームワークを提供しました。 Vue は React、Angular、Ember、Knockout などに似ている場合があります。これらの他の JavaScript フレームワークとのより詳細な比較については、Vue のドキュメントを参照してください。

Vue でできること

シングルページアプリ (SPA) を構築する
Vue のコンポーネントのみを使用して、単純な to-do リストをアプリに追加したり、より複雑な例を見つけたりします
Nuxt.jsのヘルプを得て、Node.js バックエンドを使い、サーバーでレンダリングされたウェブサイトを構築する。

Vueツール

Vue.js はビューレイヤーのみに焦点を当てているため、より複雑なアプリを作成するために追加のツールが必要になる場合があります。使用を検討してみてください。

パッケージマネージャー: Vue の一般的なパッケージマネージャーとしては、NodeJS に含まれている npm や、yarn の 2 つがあります。どちらも、インストール可能な、適切に管理されたパッケージの広範なライブラリをサポートしています。
Vue CLI: Babel、PostCSS、TypeScript、ESLint などのすぐに使えるサポートを備えた、迅速な Vue.js 開発のための標準ツールキット。
Nuxt.js: サーバー側でレンダリングされた Vue.js アプリを可能にするフレームワーク。サーバー側のレンダリングにより、SEO が向上し、ユーザーインターフェイスの応答性が向上します。
VS Code 用 Vue 拡張パック: 構文の強調表示、コードの書式設定、コードスニペットを .vue ファイルに追加します。
Vuetify: Material Design Framework コンポーネントを提供する Vue UI ライブラリ。
Vuesion: 実稼働対応のプログレッシブ Web アプリ (PWA) 用の Vue 定型句。
ストーリーブック: Vue ユーザーインターフェイスコンポーネントの開発およびテスト環境。
Vue ルーター: Vue コンポーネントへのアプリケーション URL のマッピングをサポートします。
Vueデザインシステム:Vue.jsを使用してデザインシステムを構築するためのオープンソースツール。
VueX: Vue アプリの状態管理システム。