Summary  
This chapter explains how to designate a project folder as the working directory for generated code, grant the necessary filesystem permissions, and use a planning phase to define the project’s structure before starting implementation.  

General domain of usage  
Web application development

プロンプトを1つも書く前に、Claude Codeが知っておくべきことが1つあります。それは、作業内容をどこに保存するかということです。Claude Codeがプロジェクトを構築する際、実際のコードファイルをコンピュータに書き込みます。そのため、ファイルを保存するフォルダーが必要です。これは、作業を始める前に施工業者にどの部屋で作業するかを伝えるのと同じようなものです。

Claude Codeを開くと、上部に3つのタブが表示されます。**Code**をクリックしてClaude Codeに入ります。そこから、**New Session**をクリックして新しいプロジェクトを開始します。フォルダーセレクターは左下にあります。**Select a Folder**と表示されている場合は、それが最初に設定すべき項目です。

Claude Codeは初回にフォルダーへのアクセス許可を求めます。これは許可しても安全です。プロジェクトのコードファイルを読み書きするために、そのアクセスが必要です。


注意

Claude Code でプロジェクトをセットアップする際、最初に何をすべきですか？

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

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

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

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

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

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

プロジェクトのセットアップ