vol.32 GitHub Desktopを使ってみよう

f:id:BOEL:20151119142610j:plain

プロジェクトのバージョン管理に利用するGitHubですが、ついこの間、デスクトップアプリケーションがアップデートされていました。
いつものようにアップデートをかけると、アプリケーションの名前が変わっています。
アプリケーションの名前が変わるほどの大きな変化があったのか、詳しくみてみることにしました。


GitHub Desktop

f:id:BOEL:20151119142935j:plain

変更点1:アプリケーションの名称

アプリの名称が変更されました。Macの環境で利用している場合、Dockの識別がなくなるため、「アプリケーション」Dockへ再登録が必要です。

変更点2:MacWindowsの統合

今まで「GitHub for Mac」「GitHub for Windows」とプラットフォームによって 別のアプリケーションのような扱いとなっていましたが、今回のアップデートで完全に統合された形となりました。
ホームページも統合されたようです。
https://desktop.github.com/

変更点3:GUIの変更

変更点(Commit)が横軸で視覚的に表示されるようになりました。
変更点をクリックすると、その時の変更履歴(History)を閲覧できます。

大きな変更点は、Commitが横軸の時間軸で常に表示されるようになった点です。
今回の変更にどのような意味があったのでしょうか?

 

GitHub flow」に最適化

GitHub flow」とはおおまかに「branch環境(派生分岐した環境)で開発するユーザー」と「Branchを確認、管理しマージする、全体を管理するリーダー(master)」に分割し、開発するモデルのことです。
今回のアップデートではCommitが時間軸で視覚化されています。開発環境であるmasterの軸と派生したBranchの軸、どこまでがマスターで編 集していて、どこから枝分かれしていて、枝分かれした後もお互いに「いつ」、「変更」されたか視覚的に比較しながら分かるようになっています。 Branchからmasterに統合したタイミングなども分かるため、プロジェクトの開発進行が常に視覚的に確認できます。


実際に使ってみましょう

f:id:BOEL:20151119143017j:plain

今回のアップデートの大きな特徴であるコミットの時間軸での視覚化ですが、
実際に使ったらどうなるのか見ていきましょう。
新しくなった「GitHub Desktop」には簡単なチュートリアルがついているのでこれをつかいながら解説していきます。

1:新規Branchを作成

f:id:BOEL:20151119143032j:plain

左上の赤枠内のアイコンをクリックすると新規ブランチを作成するための「Create New Branch」という吹き出しが現れます。
「Name」はチーム名や、開発内容、作業者の名前などを入力すると分かりやすいですね。ここでは「test_A」とします。
「From」はBranchの元になるものを選択します。 最初は「master」しかないのでmasterを選択します。

f:id:BOEL:20151119143051j:plain

2:Commit

f:id:BOEL:20151119143102j:plain

チュートリアルでは自動的にファイルが追加されるので、「Commit」します。
Commitをすると上部の枝分かれしたグラフに変更点(Commit)が追加されます。

f:id:BOEL:20151119143115j:plain

3:masterに反映させる準備

f:id:BOEL:20151119143123j:plain

Branch先でCommitしたものをmasterに反映させるためにはまず「Pull Request」を行います。
1.右上の「Pull Request」をクリックして画面を呼び出します。
2.test_Aからmasterになるように選択し、タイトルなどを記入します。
3.「Send Pull Request」をクリックして送信します。

4:masterに反映させる

f:id:BOEL:20151119143139j:plain

続いてmasterに戻り、先ほどPull Requestされたものをmasterに反映させます。
1.左上の「Compare」をクリックしてtest_Aを選択します。
2.選択するとCompareの場所に「Update from test_A」と表示されるのでクリックします。
するとtest_Aでの変更内容がmasterに反映されます。

f:id:BOEL:20151119143148j:plain

 

まとめ

今回のアップデートでCommitが視覚化し、branchがとても見やすくなった「GitHub Desktop」。
もともと、コマンドラインツールなどを扱えないデザイナーなどの開発者でも手軽にGithubを扱えるよう開発されていたアプリケーションでしたが、今回のアップデートによってより開発モデルに適した形へと進化しました。
積極的につかい、業務を効率化していきましょう。