HTMLの実装例でGitのブランチ/マージを試してみる
ブランチを使ってHTMLを実装するような想定で、Gitのブランチ/マージを試してみる。
実装の流れ
実際にコマンドラインで試してみる
(0) masterブランチに雛形が作成されている状態。
(1) ヘッダー用のブランチを作成。
$ git checkout -b header
(2) そして、ヘッダー１を実装。
$ vi sample.html $ git commit -a -m "ヘッダー１の実装"
(3) 一旦、masterのブランチに戻った後、フッター用のブランチも作成。
$ git checkout master
$ git checkout -b footer
(4) そして、フッター１も実装。
$ vi sample.html $ git commit -a -m "フッター１の実装"
(5) メイン１を実装。
$ git checkout master $ vi sample.html $ git commit -a -m "メイン１の実装"
(6) さらにヘッダー２を実装。
$ git checkout header $ vi sample.html $ git commit -a -m "ヘッダー２の実装"
(7) さらにフッター２も実装。
$ git checkout footer $ vi sample.html $ git commit -a -m "フッター２の実装"
(8) ヘッダーが少し出来てきたようなので、masterブランチにマージしてみる。
$ git checkout master $ git merge header
(9) 続けて、メイン２/メイン３を実装し、メイン部分が完成。
$ vi sample.html $ git commit -a -m "メイン２の実装" $ vi sample.html $ git commit -a -m "メイン３の実装"
(10) メイン部分が完成したので、試しにフッター用ブランチにマージしてみる。
$ git checkout footer $ git merge master
(11) ヘッダー３を実装し、ヘッダー部分が完成。
$ git checkout header $ vi sample.html $ git commit -a -m "ヘッダー３の実装"
(12) ヘッダー部分が完成したので、masterブランチにマージ。
$ git checkout master $ git merge header
(13) フッター３を実装し、フッター部分が完成。
$ git checkout footer $ vi sample.html $ git commit -a -m "フッター３の実装"
(14) フッター部分も完成したので、masterブランチにマージ。
$ git checkout master $ git merge footer
結果
以上で、完成。
$ cat sample.html <header> ヘッダー１ ヘッダー２ ヘッダー３ </header> <main> メイン１ メイン２ メイン３ </main> <footer> フッター１ フッター２ フッター３ </footer>
SourceTreeでログを見ると、下記のようになっている。
