1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. Git
  6. »
  7. 【Git】ブランチを使って履歴を分岐させる方法

【Git】ブランチを使って履歴を分岐させる方法

こんにちは、@It_is_Rです。

前回「Gitの使い方。バージョン管理する流れを、実際にやってみよう」では、 実際にGitを使ってバージョン管理する流れを学びました。

さて、4回目の今回はブランチについてです。
ブランチは作業を枝分かれして記録する機能です。

では、始めていきましょう。

R

りこ師匠! ブランチの使い方を教えてください!

りこ

そうね。ブランチは便利な機能だから覚えておくといいわ

目次
  1. ブランチとは
  2. 現在のブランチを確認( git branch )
  3. ブランチの作成( git branch )
  4. ブランチを切り替える( git checkout )
  5. ブランチをマージ( git merge )
  6. ブランチを削除( git branch -d )
  7. まとめ

ブランチとは

ブランチは、作業を枝分かれして記録するものです。
作業をさまざまな方向から進め、最後にひとつに合わせる、というふうに使います。

ブランチ

さて、ブランチにはどんなメリットがあるのでしょうか。

例えば、開発中のとりあえず動くプログラムに、なにか機能を加えたいとします。そこで、ブランチを作成し、枝分かれさせたとしましょう。

しかし、その機能を作っている最中で、もっとヤバイ機能を思いついたとします。もうそれはヤバすぎて、すぐにでも作り始めたいです。
いま作っている機能はまだバグがあるので、プログラムはうまく動作しません。しかし、そのヤバイ機能を早く作りたいのです。

そこで、いま枝分かれさせたブランチとは別のブランチを作成します。
そうすることで、今作っている機能をそのままに、そのヤバイ機能を作り始めることができます。

もちろん、そのヤバイ機能が作り終わったら、もともと作っていた機能のほうを再開し、最後にひとつに合わせます。

R

なるほど! いまの作業が終わっていなくても、自由に作りたいものから作れるんですね!

りこ

そうそう

また、チームで開発する場合にも便利です。

自分が担当している機能のためのブランチを作成し、それが完成したら、他の人が作ったブランチと組み合わせる、といったふうにも使えます。

りこ

例えばチームで開発で、あたしが作業Aを担当、あんたは作業Bを担当ってな具合にブランチを作るの
んで、それぞれそのブランチで作業して、最終的に組み合わせるの
この組み合わせることを、マージっていうから覚えておいてね

R

マージ?

りこ

うん、マジ……

りこ

……えっ?

R

えっ?

では、ブランチの使い方をみていきます。

現在のブランチを確認( git branch )

まず、現在のブランチを確認してみましょう。
ブランチの確認には、git branchを使います

$ git branch
* master

もしブランチを作成していれば、ブランチ名が表示されます。
今回はまだブランチを作成していないので、表示されるのはmasterのみとなります。

このmasterというのが、デフォルトのブランチです。

りこ

このmasterブランチでは、ちゃんと動作するコードを置いておくのがいいね

R

なるほど。ブランチを使って分岐させておいて、ちゃんと動作するようになってからmasterにマージすればいいんですね!

ブランチの作成( git branch )

作業履歴を分岐させたい場合、ブランチを作成します。
ブランチを作成するには、git branchを使います。さきほどの、ブランチを確認するコマンドと同じですが、作成するときはそのうしろにブランチ名を入れます。

$ git branch new_branch
$ git branch
* master
  new_branch

今回はnew_branchというブランチを作成しました。

ブランチを切り替える( git checkout )

ブランチを切り替えるには、git checkoutを使います。

$ git checkout new_branch
$ git branch
  master
* new_branch

これで、今作ったブランチで作業を行うことができます。

また、ブランチの作成と移動を同時に行うこともできます。

$ git checkout -b new_branch
$ git branch
  master
* new_branch

ブランチをマージ( git merge )

先ほど作ったnew_branchでの作業、変更が完了したとします。
そこで、masterブランチにまとめたいわけです。

masterブランチにまとめたいわけですので、まずは、今いるブランチからmasterに移動しましょう。

$ git checkout master

ブランチをマージするには、git mergeを使います。

$ git merge new_branch
Updating 730d491..97d8d54
Fast-forward
 script.js | 1 +
 1 file changed, 1 insertion(+)

すると、new_branchで作業していたものが、masterにも反映されます。

ブランチを削除( git branch -d )

masterに反映されたので、new_branchはもう必要ないと思ったとします。
そこで、new_branchを削除してみましょう。

ブランチを削除するには、git branch -dを使います。

$ git branch -d new_branch
$ git branch              
* master

以上の流れで、作業したものはmasterに反映され、new_branchも削除され、masterを変更することができました。

まとめ

ブランチを使うと、作業を枝分かれさせることができ、個人での開発も、チームでの開発も、とても便利になります。
自由に作りたい機能から作っていけるので、作業効率を高めることができます。

R

りこ師匠! ブランチって10回言ってください!

りこ

10回? ブランチ、ブランチ、ブランチ、ブランチ……

R

朝食は英語で?

りこ

ブレックファースト?

R

はっ……りこ師匠がbreakfastという英単語を知っていたなんて……
ここまで言っておいて後には引けない。最後の手段だ
必殺、七年ゴロシ!

りこ

ぎゃ、て……てめーっ! (蹴


りこ
R
sky
R
R
R

ぎぇぇーっ! 今日晴れてるのに雨が!

りこ

汚ない! こっちくんな!

R

ひ、ひどい!

このシリーズの一覧はこちら

  1. GitHubのアカウントを作成する方法
  2. 【Mac】Gitのダウンロードとインストールの手順
  3. Gitの使い方。バージョン管理する流れを、実際にやってみよう
  4. 【Git】ブランチを使って履歴を分岐させる方法
  5. 【Git】リモートリポジトリへPushする方法

スポンサードリンク

関連コンテンツ

オススメ記事

webpackを使ってゲームエンジンを作ろう!(JSライブラリの作り方)

みなさんこんにちは。今回もたのしくプログラミングを学んでいきましょう! 前回の「JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方」では、JavaScriptでゲームエンジ

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ヘッダーをカスタマイズ。

寒くなってきましたね。皆さま前かがみになって、まるで亀の様です。@It_is_Rです。 皆様がブログを見て、一番最初に目に入ってくるのはどこでしょうか? 殆どの場合、ヘッダー部分ですよね。つま

【Bootstrap 4】ボタングループ使い方。ボタンの一まとめにする方法

Bootstrap4の使い方、第6回目です。 前回、Bootstrap4でのボタンの作り方を紹介しましたが、今回はそのボタンをグループにしてひとまとめにする方法です。 Bootstrapにはボタング

SCSS vs SASS どっちが便利か違いを比較。おまいら SASS 使えよ!

CSS を書くときに、 Sass はもう手放せません。 @It_is_R です。 さて、今回のテーマとなる Sass の表記には、2種類ありますよね。 SCSS と、 SASS です。

JavaScriptマンガ風講座。初心者でも絶対に理解できる入門編!!

プログラミングは奥が深い。。。@It_is_Rです。 Flashがスマホから使えなくなり、多くのサイトにHTML5が使われ、WEB開発で、JavaScriptは必須といっても過言ではありません

マップ上をキャラが移動できるようにしよう!

【JavaScript】マップでキャラを動かせるようにしよう! 小学生からのプログラミング入門

小学生からのプログラミング講座《こうざ》、今回もはじめていきましょう! 前回は、JavaScriptでのマップの作り方を紹介《しょうかい》しました。しかし、まだマップを配置《はいち》しただけで

Unityのダウンロードとインストールの方法【Windows】

UnityはUnity Technologiesのゲームエンジンです。2D、3Dゲーム両方に対応しており、大手企業も使用してゲームを開発している、とても高機能なツールです。 Unityにはいく

画像を動かすよ!

JavaScriptで画像を移動してみよう! 小学生からのプログラミング入門

みなさんこんにちは。今回も、プログラミングの勉強《べんきょう》をはじめていきましょう! 前回、「JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門」では、JavaSc

HTML CSS

CSSでの円の作り方と、その上下左右中央に文字を表示する方法

サイトを作る時、円形のパーツを作りたい時ってよくありますよね。 円はCSSで簡単に作ることができます。 さらに今回はCSSで作成した円の中央に文字を置く方法も紹介します。 CSSでの

文字を表示するクラスを作ろう!

【JavaScript】文字を表示するクラスを作ってみよう! 小学生からのプログラミング入門

小学生からのJavaScript講座です。このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。シリーズの一覧はこちらをご覧ください。 さて、ゲーム作成で重要なキ

コメントを残す(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です