React/Next.jsによるWebアプリケーション開発で役立つ応用力が身につく！ たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。とことん丁寧でわかりやすく、開発に必要な応用力が身につけられる、必読の入門書です。最新 React 18以降／Next.js 13以降に対応 Chapter 1　イントロダクション 1-1　ReactとJavaScript 1-2　Reactアプリを開発／実行するための基本環境 1-3　モダンJavaScriptの基本 Chapter 2　Reactの基本 2-1　はじめてのReact 2-2　サンプルアプリの内容を確認する 2-3　JSXの基本 Chapter 3　コンポーネント開発（基本） 3-1　コンポーネントを支える基本概念 - PropsとState 3-2　条件分岐と繰り返し処理 3-3　Props／Stateの理解を深める 3-4　より高度なイベント処理 Chapter 4　コンポーネント開発（フォーム） 4-1　フォーム操作の基本 4-2　Stateにおける構造化データの更新 4-3　検証機能の実装 - React Hook Form Chapter 5　コンポーネント開発（応用） 5-1　組み込みコンポーネント 5-2　コンポーネント開発でのスタイル定義 5-3　コンポーネントのその他の話題 Chapter 6　Reactライブラリの活用 6-1　典型的なUIを実装する - MUI 6-2　コンポーネントの見た目／動作をカタログ表示する - Storybook 6-3　外部サービスからデータを取得する - React Query Chapter 7　フックの活用 7-1　コンポーネント描画／破棄時に処理を実行する - 副作用フック 7-2　さまざまな値への参照を準備する - useRef関数 7-3　状態と処理とをまとめて管理する - useReducer関数 7-4　コンポーネントの複数階層で値を受け渡しする - useContext関数 7-5　ステート管理ライブラリ「Recoil」 7-6　関数、またはその結果をメモ化する - memo／useMemo／useCallback関数 7-7　優先順位の低いState更新を区別する - useTransition関数 7-8　フックの自作 Chapter 8　ルーティング 8-1　React Routerの基本 8-2　ルーター対応リンクの設置 8-3　ルーター経由で情報を受け渡しする手法 8-4　Routeコンポーネントの属性 8-5　ルーティングに関わるその他のテクニック Chapter 9　テスト 9-1　単体テスト 9-2　E2Eテスト Chapter 10　TypeScriptの活用 10-1　TypeScriptの基本 10-2　ReactアプリへのTypeScriptの導入 Chapter 11　Next.jsの活用 11-1　Next.jsの基本 11-2　App Routerの基本を理解する 11-3　応用アプリ「Reading Recorder」を作成する 11-4　アプリの実装を読み解く 11-5　Vercelへのデプロイ

本書は、最近需要が急増している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