Summary  
This chapter covers treating a substantial feature addition as a mini project by entering a planning phase—using AI planning mode to outline required file and UI changes and logic—reviewing that plan before implementing and testing the code.  

General domain of usage  
application development

小さな変更方法の理解。ここでは、追加したい機能がより大きい場合の対応方法について説明。

アプローチはシンプル。プロジェクト開始時と同様に、まず計画し、その後構築。

### 大きな機能追加に計画が必要な理由

色の更新やフィールドの微調整などの小さな変更は、直接プロンプトで対応可能。しかし、複数ファイルや新しいロジック、アプリの挙動変更を伴う機能の場合、いきなり構築を始めると問題が発生しやすい。

まず計画モードに戻ることで、Claude Codeが変更点を事前に検討。計画内容を確認し、要望と異なる点をコード作成前に把握可能。

重要な新機能はすべて小規模プロジェクトとして扱う。計画、承認、構築の順で進行。

ノート

Claude Codeのモデルセレクターをクリックし、プランモードに切り替えます。これにより、Claude Codeは実装を考え、すぐにコードを書くのではなく計画を返します。

1. プランモードに切り替え

この段階で完全に具体的である必要はありません。機能を平易な英語で説明します。Claude Codeが確認の質問をする場合は、それに答えます。質問がない場合は、計画を承認する前に内容をよく確認します。

2. 要望を説明

Claude Codeが提案している内容が実際に望んでいるものと一致しているか確認します。作成または変更予定のファイルを確認します。不明点があれば、承認前に伝えます。

3. 計画の確認

計画が正しいと判断したら承認し、通常のセッションに戻します。Claude Codeがそこから機能を構築します。

4. 承認して構築

機能が完成したら、すぐにブラウザで試します。期待通りに動作していますか？そうでない場合は、調整が必要な点を具体的に記述して再度指示します。

5. テスト

なぜ重要な新機能を構築する前に計画を立てることが大切なのですか？

現代のAIツールとシンプルで実践的なワークフローを活用し、わずか週末で実際のアプリを構築・公開します。Claude Codeを使ってコードの計画、生成、改良を行い、GitHubでプロジェクトを管理し、完成したアプリをVercelでオンラインにデプロイします。アイデアから始めて明確なプロジェクト計画に素早く落とし込み、コア機能、シンプルなアーキテクチャ、高速なイテレーションに重点を置きながら、不要な複雑さを避けて実用的なアプリケーションを段階的に構築します。AIと効果的に連携するためのプロンプト作成、エラー修正、機能改善の方法を学び、最終的にはライブアプリ、整理されたGitHubプロジェクト、今後のアイデアをより速く実現するための再現可能なシステムを手に入れます。

AI支援開発の基本を理解し、開発環境をセットアップし、最初のアプリを作成する前にClaude Codeに慣れる。

あなたのアイデアを明確でシンプルな計画に変換し、実際に価値を提供する最小限のアプリバージョンを定義します。

AIを活用してコードを生成し、プロジェクトをセットアップし、作成された内容を理解することで、ゼロから動作するアプリを構築します。

機能の追加、デザインの洗練、効果的な問題解決方法の習得によるアプリの改善。

プロジェクトを公開し、オンラインでアクセス可能にし、GitHubとVercelを使用してすべてが正常に動作することを確認します。

新機能の追加

大きな機能追加に計画が必要な理由

プロセス