Vue.js とは

  • [アーティクル]

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

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

Vue の特徴

Vue は、Model-View-View Model (MVVM) アーキテクチャを採用しています。 Evan You は、以前は Google の AngularJS で勤務しており、Angular の一部を抽出して、より軽量なフレームワークを提供しています。 Vue は、React、Angular、Ember、Knockout などに似ています。これらの他の JavaScript フレームワークとの詳細な比較については、Vue のドキュメントを参照してください。

Vue の用途

Vue ツール

Vue.js はビュー レイヤーにのみフォーカスされているため、より複雑なアプリを作成するには、追加のツールが必要になる場合があります。 次のツールの使用を検討できます。

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

その他のリソース