Nuxt 3 フロントエンド開発の教科書
書籍情報
発売日 : 2023年09月22日
著者/編集 : WINGSプロジェクト 齊藤新三/山田 祥寛
出版社 : 技術評論社
発行形態 : 単行本
ページ数 : 368p
書籍説明
内容紹介
本書は、最近需要が急増しているSSR(Server Side Rendering)によるSPA開発に適したWebアプリケーションフレームワーク「Nuxt 3」の解説書です。Nuxtは、最新のバージョン3でVue 3に完全対応したことで、Composition APIやTypeScriptを活用した効率的な開発が可能になりました。さらに、CSR/SSR/SSG/ISGの柔軟な切り替えやサーバレスビルドにも対応し、サーバレスWebサービス開発に最適のフレームワークへと進化しました。本書では、Nuxt 3の基本機能から、Composition APIを使ったアプリケーション開発の方法、エラー処理やNetlify/AWS Lambda/Herokuの本番環境へのデプロイまで、Nuxt 3の全機能を網羅して解説します。
目次
●第1章 Nuxtを初体験
1.1 VueとNuxtの関係
1.2 Nuxtの環境構築
1.3 Nuxtプロジェクトの作成と実行
●第2章 Nuxtアプリケーションの基本
2.1 SFCへの記述の基本
2.2 コンポーネント間連携
2.3 ステートの利用
●第3章 Nuxtでのルーティング
3.1 Nuxtルーティングの基本
3.2 ルートパラメータとルーティング制御
3.3 ネストされたルーティング
3.4 レイアウト機能
3.5 ヘッダ情報の変更機能
●第4章 Nuxtのデータ取得処理
4.1 Nuxtのデータ取得の基本
4.2 データ取得処理をまとめておけるuseAsyncData()
4.3 useAsyncData()と$fetch()を簡潔に書けるuseFetch()
4.4 ページ遷移を優先するLazy
4.5 データ取得処理を再実行するリフレッシュ
4.6 コンポーザブルとランタイム設定
●第5章 Nuxtのサーバ機能
5.1 Nuxtのサーバ機能の基本
5.2 送信データの扱い
5.3 サーバサイドルーティング
5.4 Nuxt のサーバストレージ機能
●第6章 Nuxtでのエラー処理
6.1 Nuxtのエラー発生とエラー処理タグ
6.2 子コンポーネントレンダリング時のエラー
6.3 カスタムエラー画面
6.4 サーバAPIエンドポイントのエラー処理
6.5 会員情報管理アプリへのエラー処理
●第7章 Nuxtのミドルウェア
7.1 ログイン機能の実装
7.2 ルートミドルウェア
7.3 サーバミドルウェア
●第8章 Nuxtの動作の仕組み
8.1 npm runのオプション
8.2 Nuxtのレンダリングモード
8.3 Redisとの連携
●第9章 Nuxtを本番環境へデプロイ
9.1 Nuxtのデプロイ先サービス
9.2 Netlifyへのデプロイ
9.3 AWS Lambdaへのデプロイ
9.4 Herokuへのデプロイ
付録1 ネットワーク速度の変更
付録2 Vue Devtools
付録3 Nuxt Devtools
1.1 VueとNuxtの関係
1.2 Nuxtの環境構築
1.3 Nuxtプロジェクトの作成と実行
●第2章 Nuxtアプリケーションの基本
2.1 SFCへの記述の基本
2.2 コンポーネント間連携
2.3 ステートの利用
●第3章 Nuxtでのルーティング
3.1 Nuxtルーティングの基本
3.2 ルートパラメータとルーティング制御
3.3 ネストされたルーティング
3.4 レイアウト機能
3.5 ヘッダ情報の変更機能
●第4章 Nuxtのデータ取得処理
4.1 Nuxtのデータ取得の基本
4.2 データ取得処理をまとめておけるuseAsyncData()
4.3 useAsyncData()と$fetch()を簡潔に書けるuseFetch()
4.4 ページ遷移を優先するLazy
4.5 データ取得処理を再実行するリフレッシュ
4.6 コンポーザブルとランタイム設定
●第5章 Nuxtのサーバ機能
5.1 Nuxtのサーバ機能の基本
5.2 送信データの扱い
5.3 サーバサイドルーティング
5.4 Nuxt のサーバストレージ機能
●第6章 Nuxtでのエラー処理
6.1 Nuxtのエラー発生とエラー処理タグ
6.2 子コンポーネントレンダリング時のエラー
6.3 カスタムエラー画面
6.4 サーバAPIエンドポイントのエラー処理
6.5 会員情報管理アプリへのエラー処理
●第7章 Nuxtのミドルウェア
7.1 ログイン機能の実装
7.2 ルートミドルウェア
7.3 サーバミドルウェア
●第8章 Nuxtの動作の仕組み
8.1 npm runのオプション
8.2 Nuxtのレンダリングモード
8.3 Redisとの連携
●第9章 Nuxtを本番環境へデプロイ
9.1 Nuxtのデプロイ先サービス
9.2 Netlifyへのデプロイ
9.3 AWS Lambdaへのデプロイ
9.4 Herokuへのデプロイ
付録1 ネットワーク速度の変更
付録2 Vue Devtools
付録3 Nuxt Devtools
著者情報
WINGSプロジェクト 齊藤新三
山田 祥寛