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

［表紙］Nuxt 3 フロントエンド開発の教科書

紙版発売
電子版発売

B5変形判／368ページ

定価3,520円（本体3,200円＋税10%）

ISBN 978-4-297-13685-7

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

本書は，最近需要が急増している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の全機能を網羅して解説します。

こんな方におすすめ

  • Nuxt 3を使ってWebフロントエンドやWebアプリケーションを開発したい人

本書のサンプル

本書の一部ページを，PDFで確認することができます。

目次

第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