Summary  
This chapter covers using Git to push local code to a remote GitHub repository, including authentication via GitHub’s device flow and managing sensitive files with a .gitignore.  

General domain of usage  
Web application deployment

**GitHub** は、バージョン管理（Git）を利用してコードをホスティングおよび管理するためのプラットフォーム。プロジェクトの保存、変更履歴の追跡、他者との共同作業、オンラインでの成果物共有が可能。

定義

現在、プロジェクトはコンピュータ上のフォルダ内に存在。オンラインで公開するには、ホスティングプラットフォームがアクセスできる場所へ移動する必要がある。GitHub はその仲介役。

GitHub はコード用のクラウドストレージのようなもの。ファイルはコンピュータ上に残るが、GitHub がコピーを保持し、他のツール（次章で使用するホスティングプラットフォームなど）がそのコピーを読み込み、デプロイできる。

GitHub はコードを保存。Vercel は公開。まず GitHub を使用。

補足

### 必要な手順

1. **GitHubアカウントの作成**
**github.com**にアクセスし、**Sign Up**をクリック。
すでにアカウントをお持ちの場合は、サインイン。

2. **Claude Codeにプロジェクトのプッシュを依頼**
GitHubの設定を手動で行う必要はありません。Claude Codeに次のように依頼します：

```
How can I get my app published? I have a GitHub account. I want the simplest way to publish the app.
```

Claude CodeがGitHubへのプロジェクトのプッシュ手順を案内します。
**github.com/login/device**で認証を求められたら、手順に従い、コードを入力して**Approve**をクリック。

3. **プロジェクトがGitHub上で公開されていることを確認**
完了後、Claude CodeがGitHubのURLを提供します。
リンクを開き、すべてのプロジェクトファイルがあることを確認。

### 知っておくべき重要なこと

プロジェクトには .env.local というファイルがあります。ここにAPIキーが保存されています。このファイルは .gitignore というファイルによって自動的にGitHubから除外されます。つまり、APIキーは非公開のままでアップロードされません。

ここでは何もする必要はありません。Claude Codeが自動的に処理します。なぜそうなるのかを知っておくと便利です。

コードがGitHubにアップロードされたら、次の章でVercelへのデプロイ方法を解説します。これにより、アプリがインターネット上で誰でもアクセスできる本物のURLで公開されます。


コードをデプロイする際のGitHubの主な役割は何ですか？

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

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

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

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

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

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

GitHubへのコードのプッシュ

必要な手順

知っておくべき重要なこと