Claude との Git フロー
Claude Code + プロのバージョン管理を組み合わせる
⏱ 想定 ~8 分
01 · 読む
Level 4 で git を学びました：ブランチ、コミット、マージ、GitHub へのプッシュ。このレッスンではそのフローを Claude Code と組み合わせます。
プロのパターンはこんな感じです。
1. Branch —— 新しい作業のためのフィーチャーブランチを作る 2. Build —— Claude Code で機能を実装する 3. Review —— git diff で Claude の書いたものをレビュー 4. Commit —— 説明的なメッセージで変更を保存 5. Merge —— main ブランチに機能をマージ 6. Push —— GitHub に送る
ソフトウェアチームはこうやって仕事をします。Claude Code はちょうど「Build」のステップに入ります —— 他のフローは変わりません。
02 · 実機演習
まずフィーチャーブランチを作ります。これで実験的な作業を安定した main ブランチから分離できます —— Level 4 で学んだとおりです。
git checkout -b feature-search
03 · プロンプトテンプレート
次は Claude Code で機能を作ります。何が欲しいか明確に伝えてください —— Claude はフィーチャーブランチ上でビルドします。
ユーザー入力時にブックマークをタイトルでリアルタイムにフィルタする検索ボックスを追加してください
04 · 実機演習
Claude が作ったものをレビューし、コミット、マージ、プッシュします。完全なサイクル —— ブランチからデプロイまで。
git diff
git add .
git commit -m "Add search filter feature"
git checkout main
git merge feature-search
git push
05 · クイズ
Claude と git を使う正しい順序は？
- ブランチ、Claude でコード、レビュー、コミット、プッシュ
- コミット、それからコード、それからレビュー
- コード、コミット、それからレビュー
- プッシュ、それからコード、それからコミット
06 · 空欄補充
Claude で新しい作業を始める前に、新しい git _____ を作りましょう。
07 · 読む
これがプロのフローです：branch、build、review、commit、merge、push。Claude Code はちょうど「build」のステップに入り、他は何も変わりません。
各機能には自分のブランチがある。各変更はコミット前にレビューする。各コミットは GitHub にプッシュする。これが本物のソフトウェアチームの出荷の仕方 —— 今やあなたも同じやり方で出荷します。
08 · クイズ
Claude Code で新しい検索機能を作りました。git commit の前に何をすべき？
- すぐに GitHub にプッシュ
- git diff で Claude が正確に何を変えたかをレビュー
- フィーチャーブランチを削除
- Claude にコミットしてもらう
09 · 空欄補充
プロのフロー：branch、build、review、commit、merge、_____。
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。