Summary  
This chapter covers how to leverage an AI assistant to interactively explore and comprehend a project’s folder structure and code components by asking plain-English questions about files and directories.

General domain of usage  
Web application development

これで動作するアプリが完成しました。この章では、Claude Code が実際に構築した内容を理解し、謎のファイルが詰まったフォルダをただ眺めるだけにならないようにします。

### 正直なところ

経験豊富な開発者であっても、プロジェクト内のすべてのファイルを暗記しているわけではありません。彼らが知っているのは、各ファイルが何をしているのかを調べる方法です。Claude Code はこのプロジェクト全体を構築し、作成したすべてを把握しています。そのため、自分のコードベースを理解するための最良のガイドとなります。

### プロジェクトの構成方法

プロジェクトフォルダを建物に例えて考えてみてください。それぞれの部屋には役割があります。

ボタンやフォームなどの再利用可能な構成要素

アプリが依存する内部ロジック

アプリの動作方法を指定する設定

これを暗記する必要はありません。存在を知っていれば十分です。

注意

### 不明点があればいつでも質問

Claude Code チャットを開いて質問してください。例えば：

`"Explain the components folder to me like I have no coding experience."`

Claude は毎回わかりやすい英語で答えてくれます。これは非常に役立つ習慣の一つです。見慣れないものがあれば、必ず質問しましょう。推測しないでください。あなたのそばには、全体を構築した専門家がいて、どの部分でもその場で説明してくれます。

プロジェクトの一部について Claude Code に質問する主な利点は何ですか？

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

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

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

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

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

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

生成されたコードのレビュー

正直なところ

プロジェクトの構成方法

不明点があればいつでも質問