何を変更したか見る
差分を見つける
⏱ 想定 ~7 分
01 · 読む
commit する前に、自分が何を変更したか確認したくなることが多いはずです。git diff は現在のファイルと最後の commit を 1 行ずつ比較します —— 追加された行は緑、削除された行は赤で表示します。
💡 想像してみてくださいgit diff を使うのは、2 枚の写真を並べて「間違い探し」をするようなものです。git は追加、削除、変更された内容をはっきり示してくれるので、commit する前に自分の成果をチェックできます。
ポイントまとめ
- git diff は「まだ stage されていない変更」と「最後の commit」の差分を表示します
- 追加行は先頭に +(緑)、削除行は先頭に -(赤)が付きます
- commit 前に毎回 diff を確認すれば、ミスを早く見つけられます
02 · ターミナル演習
変更を見るには、比較するものとして commit のある git リポジトリが必要です。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
03 · ターミナル演習
すべてのファイルを stage して、初めての commit をしましょう。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
04 · ターミナル演習
最初の commit を作ると、git が後のバージョンと比較するための基準ができます。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
05 · クイズ
デフォルトで git diff は何を比較しますか?
- 現在のファイル vs 最後の commit
- 2 つの異なるブランチ
- 2 つの異なるファイル
- ローカルリポジトリ vs GitHub
06 · ターミナル演習
ファイルを編集しましょう。app.js に新しい行を追加します。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
07 · ターミナル演習
git diff で最後の commit 以降に何を変更したか見てみましょう。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
08 · 空欄補充
最後の commit 以降に何を変更したかを(stage する前に)見るには、git ___ を実行します。
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。