本書は、Vueとその上に構築されたフレームワークであるNuxtを用いたWebアプリケーション開発手法を解説する入門書です。JavaScriptの変数、関数、条件分岐、ループ、配列、オブジェクトの基本的な扱い方を理解している読者を対象に、VueやNuxtの使用経験がない場合にも基礎から説明します。入門時の障壁となりがちな環境構築を後回しにし、ブラウザーでコードを書きながら開発を始める方法と、Vueでデータを扱い表示する基本を学びます。続く章ではNuxtの主要な機能を活用したアプリケーションの構築を扱い、豊富なサンプルコードやTypeScriptを使用したコード例を通じて内容を進めます。章末には学んだ内容を用いてアプリケーションや機能を実装する総合演習があり、付録には解答例を掲載し、最終章ではNuxtアプリケーションを公開する手順を説明します。
【目次】
まえがき
第1章 オンライン環境ではじめるNuxt開発
第2章 静的データのレンダリング
第3章 リアクティブデータの操作
第4章 ページルーティング
第5章 データフェッチと動的ルーティング
第6章 コンポーネントの作成と活用
第7章 状態管理
第8章 ライフサイクルと副作用
第9章 サーバーサイド処理の活用
第10章 アプリケーションの公開
ローカル開発環境の構築
総合演習の解答例
あとがき
-
2.1 マスタッシュ構文
-
2.2 マスタッシュ構文が使えない場面
-
2.3 v-bindディレクティブ
-
2.4 v-if・v-showディレクティブ
-
2.5 v-forディレクティブ
-
3.1 リアクティブとは
-
3.2 v-onディレクティブ
-
3.3 v-modelディレクティブ
-
3.4 算出プロパティー(computed)
-
3.5 総合演習(1) 税込価格電卓
-
3.6 総合演習(2) Todoリスト
-
4.1 ページルーティングの基本
-
4.2 レイアウトの適用
-
4.3 ページのメタデータの設定
-
5.1 useFetchによるデータ取得
-
5.2 データフェッチの手動実行
-
5.3 動的ルーティングの基本
-
5.4 総合演習(3) 書籍情報検索
-
5.5 総合演習(4) 駅情報表示
-
9.1 APIルートの定義と利用
-
9.2 ミドルウェアの定義と利用
-
9.3 ランタイム設定と環境変数
-
10.1 アセットの管理
-
10.2 エラーページのカスタマイズ
-
10.3 アプリケーションの公開
-
A.1 ローカル開発環境の構築
-
B.1 総合演習の解答例
-
あとがき
試し読み
試し読み
試し読み
