出版社内容情報
AIによるコード生成が現実となった今、ソフトウェアテストの重要性はますます高まっています。AIエージェントの能力を最大限に発揮する上でも、テスト自動化などを含む開発基盤の整備は必須のものになってくるでしょう。本書では、フロントエンド開発の現場で効果的にテストを導入・運用するための力を身に付けることを目的に、フロントエンドテストの全体像を基礎から体系的に解説します。テストの意義や種類といった基礎から始まり、静的テスト、ロジックテスト、コンポーネントテスト、E2Eテスト、そしてビジュアルリグレッションテスト（VRT）まで幅広くカバー。さらに、Storybookを活用したテスト手法やAPI通信を含む実践的なケース、テスト戦略の設計、そして現場視点でのAI活用ノウハウまでを丁寧に解説します。フロントエンド開発におけるテストを本格的に学びたい方に最適な一冊です。
【目次】
■第1章 フロントエンドテストの基礎知識
1.1 ソフトウェア開発におけるテストとは
1.1.1 自動テストの現在地
1.1.2 自動テストの目的
1.1.3 自動テストはなぜ難しいのか
1.2 フロントエンドとテストの変遷
1.2.1 フロントエンド技術の移り変わり
1.2.2 フロントエンドテストの変遷
1.2.3 フロントエンドテストの現在
1.2.4 本書の構成
1.3 テストの分類と戦略の考え方
1.3.1 テストの分類
1.3.2 テストピラミッドとテスティングトロフィー
1.3.3 テストが与える自信とコストのバランス
1.4 まとめ
■第2章 開発環境のセットアップ
2.1 本書の開発環境
2.1.1 必要な前提環境
2.1.2 本書で使用するツールの全体像
2.2 エディタと拡張機能
2.2.1 推奨する拡張機能
2.3 サンプルプロジェクトのセットアップ
2.3.1 プロジェクトの取得と起動
2.3.2 プロジェクト構成
2.3.3 一からプロジェクトを作成する場合
2.4 まとめ
■第3章 静的テスト
3.1 静的テストとは
3.1.1 静的テストの概要
3.1.2 静的テストの目的
3.1.3 静的テストの特徴
3.1.4 本章の解説内容
3.2 Prettier［コードフォーマッター］
3.2.1 Prettierとは
3.2.2 Prettierの導入
3.2.3 Prettierの実行
3.2.4 Prettierの設定ファイル
3.2.5 VS Codeへの適用
3.2.6 .prettierignore
3.3 ESLint［リンター］
3.3.1 ESLintとは
3.3.2 ESLintの特徴
3.3.3 ESLintの導入
3.3.4 ESLintの設定ファイル
3.3.5 ESLintの実行
3.3.6 VS Codeへの適用
3.3.7 ESLintとPrettierの併用
3.4 Stylelint［CSSリンター］
3.4.1 Stylelintとは
3.4.2 Stylelintの特徴
3.4.3 Stylelintの導入
3.4.4 Stylelintの設定ファイル
3.4.5 Stylelintの実行
3.4.6 VS Codeへの適用
3.5 Biome［フォーマッター
