Summary  
This chapter explains how to navigate and configure an AI-powered coding environment, covering project session management, tool integration, model selection, and folder organization.  

General domain of usage  
AI-assisted software development

何かを作り始める前に、Claude Code の画面を簡単に見ておきましょう。これで作業を始めるときに戸惑うことがありません。

Claude Code ではプロジェクトセッションはどこに表示されますか？

Select folder ボタンは何をしますか？

プロジェクトを構築する際に選択すべきタブはどれですか？

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

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

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

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

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

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

Claudeコードのナビゲート

1. Claude Code ではプロジェクトセッションはどこに表示されますか？

2. Select folder ボタンは何をしますか？

3. プロジェクトを構築する際に選択すべきタブはどれですか？