サイトアイコン

Nuxt 3 フロントエンド開発の教科書

Nuxt 3 フロントエンド開発の教科書

出版社: 技術評論社

ジャンル: アプリケーション開発

著者:WINGSプロジェクト 齊藤新三, 山田 祥寛

レビュー:

ISBNコード: 9784297136857

概要:

本書は、最近需要が急増している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
広告・PR: リンク経由の購入で収益を得る場合があります。

参考価格: 3520
※ 価格は変動する場合があります。

 

 

概要:

本書は、最近需要が急増している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
広告・PR: リンク経由の購入で収益を得る場合があります。

参考価格: 3520
※ 価格は変動する場合があります。

 

 

レビュー一覧