【最新のNext.jsを実践的なサンプルコードで解説！】 最新のNext.jsを現場で使うために実践的な知識を詰め込んだ一冊です。フレームワークの基礎はもちろん、パフォーマンスを上げるための知識や関連ライブラリまで、詳細なサンプルコードをもとに解説していきます。 ■目次 ●第1章：Next.jsの基礎 　　1.1：Next.jsプロジェクトの始め方 　　1.2：アプリケーションのルーティング 　　1.3：SPAならではのナビゲーション 　　1.4：ネスト可能なレイアウト ●第2章：Server Componentとレンダリング 　　2-1：Server ComponentとClient Component 　　2-2：Server Componentのデータ取得 　　2-3：動的データ取得と静的データ取得 　　2-4：Routeのレンダリング ●第3章：App Routerの規約 　　3.1：Segment構成ファイル 　　3.2：Segment構成フォルダ 　　3.3：Parallel RoutesとIntercepting Routes 　　3.4：Routeのメタデータ ●第4章：Route Handler 　　4.1：Route Handlerの定義 　　4.2：Route Handlerのレンダリング 　　4.3：Route Handlerの使用例 ●第5章：サンプルアプリの概要 　　5.1：サンプルコードの概要とシステム構成 　　5.2：ローカル開発環境の構築 　　5.3：ORMライブラリ「Prisma」の概要 　　DBビジュアルエディター「Prisma Studio」の概要 　　5.5：開発環境のストレージサーバー ●第6章：データ取得とキャッシュ 　　6.1：サンプルコード共通のUIコンポーネント 　　6.2：fetch関数でのデータ取得 　　6.3：fetch関数のRequestのメモ化 　　6.4：fetch関数のキャッシュ 　　6.5：Prisma Clientでのデータ取得 　　6.6：Prisma ClientのRequestのメモ化 　　6.7：Prisma Clientのキャッシュ ●第7章：認証機能 　　7.1：環境変数の設定 　　7.2：OAuthクライアントの作成 　　7.3：NextAuth.jsの導入 　　7.4：ログインユーザーのデータ表示 　　7.5：閲覧ユーザーに応じた表示分岐 ●第8章：モーダル表示とデータ連携 　　8.1：汎用的なモーダルコンポーネント 　　8.2：Parallel RoutesとIntercepting Routesを用いたモーダル 　　8.3：バックエンド間連携によるデータ保存 　　8.4：バックエンド間連携によるデータ削除 ●第9章：データ更新とUI 　　9.1：Server Actionの基礎 　　9.2：Server Actionによるデータ保存 　　9.3：Server Actionによるデータ削除 　　9.4：Server Actionのエラーハンドリング231 　　9.5：Server ActionとフィードバックUI表示 　　9.6：Server Actionによる楽観的UI更新 　　9.7：Server ActionのFormバリデーション 　　9.8：Revaliateの設計 ●第10章：パフォーマンスとキャッシュ 　　10.1：コンポーネント構造のパフォーマンスへの影響 　　10.2：fetchCacheの設定 　　10.3：静的Routeを増やす実装 　　10.4：SSG Routeの実装 　　10.5：SSG Routeのパフォーマンスの定量評価 　　10.6：Next.jsによるアセットの最適化 　　10.7：Next.jsの4種類のキャッシュ 付録A：Prisma 　　A.1：Prisma schemaの概要 　　A.2：Prisma Clientの概要 　　A.3：Prismaのマイグレーションとシーディング ■著者プロフィール 吉井健文：フロントエンドを専門とするエンジニア。著書として『フロントエンド開発のためのテスト入門』（翔泳社、2023年）、『実践TypeScript』（マイナビ、2019年）があるほか、WEB+DB PRESSへの寄稿なども行う。Twitter: @takepepe

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、TypeScriptの「型システム」に関する知識を体系的に学ぶための一冊です。TypeScriptやJavaScriptで、ある程度のアプリケーションを作った経験がある人を対象としているため、アプリケーション構築に必要なノウハウなどは提供していません。TypeScriptの型システムにフォーカスし、その基礎からフレームワークと連携した活用方法まで、より深く解説しています。 本書を読めば「TypeScriptは、スピーディーに品質の高いサービスを開発する上では欠かせない最高のパートナー」だということがわかるはずです。よいライブラリを使えば自動的によいアプリケーションが作れるわけではないように、型定義も個人の力量とアイディアが重要です。本書は、そういった「型定義」のスキルアップを目指すには最適の一冊です。

現場で役立つテスト手法を基礎から解説！ 「どこから」「どうやって」手をつければよいかわかる 本書は、Webアプリケーション開発に携わるフロントエンドエンジニアを対象に、「テスト」の基本知識と具体的な実践手法を解説した書籍です。 高度な機能を画面上で提供する現代のWebアプリケーションでは、その品質や保守性を担保するうえで、フロントエンドにおける自動テストが重要な役割を持ちます。 本書はそんな「フロントエンドにおけるテスト」をテーマに、基本的なテストコードの書き方や、目的に応じたテスト手法・ツールの使い分け方を解説します。「UIコンポーネントテスト」や「ビジュアルリグレッションテスト」など、フロントエンドならではの具体的なテスト課題に重点を置いており、基本から実践まで必要な知識を体系的に身につけることができます。 解説はサンプルWebアプリケーション（Next.js）を舞台にしたハンズオン形式で進みます。「アクセシビリティの改善」や「CIでのテスト実行」といったトピックもフォローしているので、開発現場で役立つ実践的な知識・ノウハウがきちんと身につく一冊です。 ■こんな方におすすめ ・テストの必要性は理解しているが着手できていない ・それなりに開発経験はあるがテストを書いたことがない ・現在取り組んでいるテスト手法が最適かわからない ■本書で取り上げるテストツール Jest／Testing Library／Storybook／reg-suit／Playwright...etc ■目次 第1章　テストの目的と障壁 第2章　テスト手法とテスト戦略 第3章　はじめの単体テスト 第4章　モック 第5章　UIコンポーネントテスト 第6章　カバレッジレポートの読み方 第7章　Webアプリケーション結合テスト 第8章　UIコンポーネントエクスプローラー 第9章　ビジュアルリグレッションテスト 第10章　E2E テスト 【ダウンロード付録】 付録A　GitHub Actionsで実行するUIコンポーネントテスト 付録B　GitHub Actionsで実行するE2Eテスト ※翔泳社の書籍サイトからPDFをダウンロードできます。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。