これからはじめる Vue.js 3 実践入門(コレカラハジメルビュージェイエススリージッセンニュウモン)

いま学んでおきたい JavaScript フレームワーク「 Vue.js 」のエッセンスを一冊に詰め込みました!豊富なサンプルコードで試しながら理解できます!Vue.js (ビュージェイエス) は、 Web アプリのビュー (見た目) の部分に特化したシンプルなフレームワークです。既存のアプリに後乗せで導入したり、徐々に適用範囲を拡大したりすることが手軽に行えます。シンプルな分、他のフレームワークと比べて学習コストが低く、 HTML と JavaScript が一通りわかる人ならコードを理解するのも簡単です。本書では、 Vue.js の中核である、ページを構成する UI 部品「コンポーネント」をしっかりと解説し、さらには本格的なアプリ開発で必要となる要素までを網羅的に取り扱います。丁寧な解説でよくわかる、入門書の決定版です!
Chapter1 イントロダクション 1-1 JavaScript の歴史 1-2 jQuery から JavaScript フレームワークへ 1-3 主な JavaScript フレームワークと Vue.jsChapter2 Vue.js の基本 2-1 Vue.js を利用するための準備 2-2 Vue.js 理解のための 3 つの柱 2-3 リアクティブデータ Chapter3 ディレクティブ 3-1 イベント関連のディレクティブ 3-2 フォーム関連のディレクティブ 3-3 制御関連のディレクティブ 3-4 データバインディング関連のディレクティブ 3-5 より高度なイベント処理 Chapter4 コンポーネント (基本) 4-1 コンポーネントの基本 4-2 コンポーネント間の通信 4-3 コンポーネント配下のコンテンツをテンプレートに反映させる 〜 スロット Chapter5 コンポーネント (応用) 5-1 動的コンポーネント 5-2 v-model による双方向データバインディング 5-3 アニメーション機能 5-4 コンポーネントのその他の話題 Chapter6 部品化技術 6-1 ディレクティブの自作 6-2 フィルターの自作 6-3 プラグインの利用と自作 6-4 ミックスイン Chapter7 Vue CLI7-1 Vue CLI の基本 7-2 単一ファイルコンポーネント 7-3 TypeScriptChapter8 ルーティング 8-1 ルーティングとは?8-2 ルーティングの基本 8-3 ルーター経由で情報を渡す手法 8-4 マルチビュー、入れ子のビュー、ガードなど Chapter9 Vuex9-1 Vuex とは?9-2 Vuex の基本 9-3 Vuex ストアを構成する要素 9-4 巨大なストアを分割管理する 〜 モジュール Chapter10 テスト 10-1 単体テスト 10-2 E2E テスト Chapter11 応用アプリ 11-1 アプリの構造を概観する 11-2 アプリの共通機能を読み解く 11-3 アプリの実装を理解する

フロントエンド開発で Vue.js を選んだものの、公式ドキュメントだけでは体系的な学習ルートが見えにくいと感じる人は少なくありません。本書は Vue.js 3 の基本文法からコンポーネント設計、 Vue Router 、状態管理までを 1 冊で通して解説しており、断片的な知識をつなげて「ひとつのアプリケーションを構築できる」状態へ導くことを目的としています。

著者の山田祥寛氏は技術書の執筆実績が豊富で、サンプルコードの粒度と解説の詳しさのバランスが安定しています。 Vue 3 で導入された Composition API についても章を割いて扱っており、 Options API との違いを手を動かしながら比較できます。 JavaScript の基礎知識がある読者であれば、フレームワーク未経験でも最初のページから追いかけられる構成です。

一方で、実務で遭遇するビルド環境の細かなトラブルシューティングや、大規模アプリケーション固有の設計判断までは射程に含まれていません。本書で Vue.js の「動かし方」を一通り習得した後、公式ドキュメントや設計パターンの書籍に進む流れが自然です。