Claude CodeとGitを連携させてGitHubへ公開する
中級/commitでAIに任せてコミットし、GitHubにpushしてウェブサイトを公開します。
座学
この講座で学べること
- ✓/commitコマンドでコミットメッセージを自動生成してもらえることを理解する
- ✓ローカルリポジトリとリモートリポジトリ（GitHub）の概念の違いを把握する
- ✓git pushでGitHubにコードを送る手順を習得する
- ✓GitHub Pagesで無料でウェブサイトを公開する方法を知る
Claude Codeには /commit というスラッシュコマンドがあります。このコマンドを実行すると、Claude Codeが変更されたファイルの内容を自動で読み取り、「何を変更したか」を表すコミットメッセージを自動生成して提案してくれます。提案されたメッセージを確認してEnterを押すだけでコミットが完了します。 手動との違い： ・手動：git add → git commit -m "メッセージ" と自分で入力する必要がある ・/commit：変更を自動検知 → メッセージを自動生成 → 確認だけすればOK Gitに慣れていない段階では、/commitを使うことで「コミットメッセージが思い浮かばない」「git addを忘れた」といった失敗を防げます。
GitHubとは、世界最大のソースコード共有サービスです。Gitで管理している履歴をインターネット上に保存・共有できます。 GitHubには「リモートリポジトリ」と「ローカルリポジトリ」という概念があります。 ・ローカルリポジトリ：手元のパソコンにある保存箱（git initで作ったもの） ・リモートリポジトリ：GitHub上にある保存箱 git push とは、手元の変更をGitHubへ送る（クラウドに同期する）コマンドです。
GitHub Pagesを使うと、GitHubにあるHTMLファイルを無料でウェブサイトとして公開できます。この講座の前編（中4・中5）でindex.htmlを作った方は、それをGitHubにpushすれば世界中からアクセスできる自分のウェブサイトになります。独自ドメインなしで「https://あなた.github.io/リポジトリ名」というURLで公開されます。
/commit の仕組み
変更を自動検知
Claude Codeが変更ファイルを読む
メッセージを自動生成
変更内容からコミットメッセージを作成
あなたが確認
提案を確認してEnterで承認
コミット完了
セーブポイントが自動で作成される
git push の仕組み
ローカル（手元）
あなたのパソコン
クラウドに同期
GitHub（クラウド）
github.com/リポジトリ
GitHub Pages で公開する（任意）
GitHubリポジトリ
index.html を含むコード
ウェブサイトとして公開
https://あなた.github.io/リポジトリ名
誰でもアクセス可能に！
Settings → Pages → Branch: main → Save で無料公開できます
実践手順
ステップ1：Claude Codeでファイルを変更してから /commit を実行する
まず何かファイルを変更してもらいましょう。変更後に /commit を実行すると、Claude Codeが変更内容を確認してコミットメッセージを提案してくれます。
/commitステップ2：提案されたメッセージを確認してEnterを押す
Claude Codeが提案するコミットメッセージを確認してください。内容を確認してEnterを押すとコミットが完了します。メッセージを変えたい場合は修正してからEnterを押しましょう。
ステップ3：GitHubアカウントを作成する
以下のURLからGitHubのアカウントを作成してください。メールアドレスがあれば無料で作れます。すでにアカウントをお持ちの方はスキップしてください。
https://github.com/signupステップ4：新しいリポジトリを作成する
GitHubにログインして「New repository」をクリックします。Repository name に好きな名前を入力して「Create repository」を押してください。
https://github.com/newステップ5：リモートリポジトリを登録してpushする
GitHubで作成したリポジトリのURLを使って、以下の2つのコマンドを順番に実行してください。「your-username」をGitHubユーザー名、「your-repo」をリポジトリ名に変えてください。
git remote add origin https://github.com/your-username/your-repo.git
git push -u origin mainステップ6：GitHub Pages で公開する（任意）
index.html があるリポジトリなら無料でウェブサイトとして公開できます。GitHubのリポジトリページで「Settings → Pages」を開き、Branch を「main」に設定して「Save」を押してください。数分後にURLが生成されます。
確認チェック
講座を終える前に、以下の項目を確認しましょう。