コンフリクトを解消する

コンフリクトとは

ここまでのレッスンでは、ブランチのマージがスムーズに進みました。しかし実際の開発では、同じファイルの同じ箇所を複数のブランチで編集してしまうことがあります。

Git はこの状況を自動で解決できないため、コンフリクト（衝突） として報告し、人間に判断を委ねます。

このレッスンでは、意図的にコンフリクトを起こし、解消する手順を一通り体験します。

コンフリクトを起こす準備

コンフリクトを発生させるために、main ブランチと別のブランチで <footer> の同じ行を別々に編集 します。

ステップ 1: main でフッターを変更する

まず main ブランチにいることを確認しましょう。

git branch

* main

index.html の <footer> を以下のように変更します。

変更前:

    <footer>
        <p>GitHub で学習中！</p>
    </footer>

変更後:

    <footer>
        <p>© 2026 あなたの名前</p>
    </footer>

保存したら、コミットします。

git add index.html
git commit -m "フッターに著作権表示を追加"

ステップ 2: 別ブランチで同じ箇所を変更する

次に、フッターを変更する前の状態からブランチを作ります。

ここでは少し特殊な操作を使います。
コンフリクトを意図的に起こすために、1つ前のコミットの時点に戻ってブランチを作ります。

git switch -c update-footer HEAD~1

Switched to a new branch 'update-footer'

index.html を開いてみてください。フッターが「GitHub で学習中！」に戻っているはずです（1つ前のコミットの状態なので）。

このフッターを、main とは違う内容に変更しましょう。

変更後:

    <footer>
        <p>このページは GitHub で公開しています</p>
    </footer>

保存したら、コミットします。

git add index.html
git commit -m "フッターの説明文を更新"

現在の状況を整理する

ここまでの操作で、以下の状態になっています。

2つのブランチが、同じファイルの同じ行を違う内容に変更しています。これをマージしようとすると、Git は「どちらを採用すればいいかわからない」状態になります。

コンフリクトを発生させる

main に戻って、update-footer をマージしてみましょう。

git switch main
git merge update-footer

Auto-merging index.html
CONFLICT (content): Merge conflict in index.html
Automatic merge failed; fix conflicts and then commit the result.

CONFLICT と表示されました！ Git が自動マージに失敗し、コンフリクトが発生しています。

git status で状態を確認しましょう。

git status

On branch main
You have unmerged paths.
  (fix conflicts and run "git commit")
  (use "git merge --abort" to abort the merge)
 
Unmerged paths:
  (use "git add <file>..." to mark resolution)
        both modified:   index.html
 
no changes added to commit (use "git add" to track)

both modified: index.html と表示されています。両方のブランチが index.html を変更したことがわかります。

コンフリクトマーカーを読む

index.html を エディター（VS Code など）で開いてみてください。フッター部分が画像のようになっているはずです。

コンフリクトマーカー が衝突部分を教えてくれています。

コンフリクトを解消する

コンフリクトの解消は、マーカーを削除して、最終的にどうしたいかを手動で書くだけです。

今回は両方の変更を活かしましょう。コンフリクトマーカー（<<<<<<<、=======、>>>>>>>）をすべて削除し、以下のように編集してください。

    <footer>
        <p>© 2026 あなたの名前</p>
        <p>このページは GitHub で公開しています</p>
    </footer>

解消をコミットする

コンフリクトを解消したら、通常のコミットと同じ手順で記録します。

git add index.html

git status で確認してみましょう。

git status

On branch main
All conflicts fixed but you are still merging.
  (use "git commit" to conclude merge)
 
Changes to be committed:
        modified:   index.html

「All conflicts fixed」と表示されています。コミットしましょう。

git commit -m "フッターのコンフリクトを解消"

これでコンフリクトの解消が完了しました！

履歴を確認する

git log でマージの履歴を確認してみましょう。

git log --oneline --graph

*   hij7890 (HEAD -> main) フッターのコンフリクトを解消
|\
| * ghi6789 (update-footer) フッターの説明文を更新
* | fgh5678 フッターに著作権表示を追加
|/
* efg4567 スキルセクションを追加
* def3456 趣味セクションを追加
* ...

今回は Fast-forward ではなく、枝分かれが発生したマージになっています。--graph の出力で、main と update-footer が分岐して合流した様子が見えます。

レッスン05で「分岐が起きた場合は枝分かれした図が表示されます」と紹介した形です。

後片付け

マージ済みのブランチを削除して、GitHub にプッシュしておきましょう。

git branch -d update-footer
git push

コンフリクトが起きやすいケース

実際の開発でコンフリクトが起きやすいのは、こんな場面です。

• 複数人が同じファイルを同時に編集している
• 長期間ブランチを分けたままにしている（main との差が大きくなる）
• 設定ファイル（package.json など）を複数のブランチで変更した

このレッスンのまとめ

次のステップ

お疲れさまでした！最後にこのコースで学んだことを振り返りましょう。