チャレンジ #16 で作った my-profile フォルダに移動し、現在のブランチを確認しましょう。

cd my-profile
git branch

以下のように表示されるはずです：

* main

* がついているのが今いるブランチです。これから「趣味ページ」を追加しますが、main を直接変更せずにブランチを使って安全に作業します。

趣味ページを追加するためのブランチを作りましょう。

git checkout -b feature-hobby

以下のように表示されれば成功です：

Switched to a new branch 'feature-hobby'

git branch で確認すると、* feature-hobby に切り替わっています。

VS Code で hobby.html を作成し、自分の趣味を紹介するページを書きましょう。

• <h1> で「わたしの趣味」などのタイトル
• <p> や <ul> で趣味の紹介

書けたら、コミットしましょう：

git add hobby.html
git commit -m "趣味ページを追加"

作業が完了したので、main ブランチに戻ってマージ（統合）しましょう。

git checkout main

この時点で ls（Mac）や dir（Windows）を実行すると、hobby.html がありません。ブランチが別なので当然です。

マージを実行します：

git merge feature-hobby

もう一度 ls すると、hobby.html が現れます！これがブランチとマージの力です。

マージが成功したか、履歴を確認しましょう。

git log --oneline

以下のように、feature-hobby でのコミットが含まれていれば成功です：

xxxxxxx 趣味ページを追加
xxxxxxx プロフィールページを作成

最後にGitHubに反映しましょう：

git push

GitHubのリポジトリページに hobby.html が表示されていれば完成です！🎉

おめでとうございます！ブランチを使った開発フローを体験できました。これはチーム開発の基本です。