© CROOZ,Inc. 1

Git Extensions ワークショップ

技術統括本部

鈴木 優一

© CROOZ,Inc. 2

本日の内容 ・ Gitとは ～概要説明～ 約5分

・ Git Extensionsの使った作業フロー 約10分

・ 競合が発生した場合の対処方法 約5分

・ 実践WS 約20分

© CROOZ,Inc. 3

１．Gitとは ソースコードのバージョンを管理するソフトです

具体的には 変更履歴を記憶しています

メリットは ファイルを失っても復活できます

問題を引き起こす修正をいつ行われたかがわかる

複数名で開発していても出ぐれが発生しにくい

© CROOZ,Inc. 4

２．Git Extensionsを使った作業フロー

ローカルPC 共有リポジトリ

リモート

リポジトリ

ローカル

リポジトリ

①共有リポジトリを複製

初めて使う場合

ローカルPC 共有リポジトリ

リモート

リポジトリ

ローカル

リポジトリ

③ 差分の取得

次回以降

更新対象

各ファイル

更新 各ファイル

④ マージ

⑤ コミット

⑥ 差分の更新

② ブランチの作成

Git Extensionsを利用した場合

④から⑤または⑥の作業を一回の作業で行うことができます。

© CROOZ,Inc. 5

２．Git Extensionsを使った作業フロー よく使う言葉

リモートリポジトリ サーバ上に置いてあるソース置き場

ローカルリポジトリ 自分のパソコン上に置いてあるソース置き場

ブランチ ある時点のソースから分岐して開発を行うための領域

マージ 分岐したブランチ上のソースコードを一つにまとめること

クローン リモートリポジトリからローカルリポジトリへ複製すること

pull リモートリポジトリからローカルリポジトリへ差分を転送

すること

push ローカルリポジトリからリモートリポジトリへ差分を転送

すること

コミット 更新内容をリポジトリに登録すること

© CROOZ,Inc. 6

２．Git Extensionsを使った作業フロー まず、インストールしてください

手順はここを参照してください

© CROOZ,Inc. 7

２．Git Extensionsを使った作業フロー ① 共有リポジトリを複製

「リポジトリのclone」をクリック リポジトリURLを入力

ローカルのクローン先を入力

原則不要です

ブランチを指定

「個人リポジトリ」を指定

「クローン」をクリック

© CROOZ,Inc. 8

２．Git Extensionsを使った作業フロー ① 共有リポジトリを複製

「OK」をクリックし完了

© CROOZ,Inc. 9

２．Git Extensionsを使った作業フロー ② ブランチの作成

「リポジトリを開く」をクリック

開く対象のリポジトリを選択

「開く」をクリック

© CROOZ,Inc. 10

２．Git Extensionsを使った作業フロー ② ブランチの作成

「ブランチの作成」をクリック

© CROOZ,Inc. 11

２．Git Extensionsを使った作業フロー ② ブランチの作成

ブランチの作成起点をクリック

作成するブランチ名を入力

「作成を」をクリック

© CROOZ,Inc. 12

２．Git Extensionsを使った作業フロー ② ブランチの作成

「OK」をクリックし終了

© CROOZ,Inc. 13

２．Git Extensionsを使った作業フロー ③ 差分の取得

「リポジトリを開く」をクリック

開く対象のリポジトリを選択

「開く」をクリック

© CROOZ,Inc. 14

２．Git Extensionsを使った作業フロー ③ 差分の取得

「ブランチの切替」をクリック

© CROOZ,Inc. 15

２．Git Extensionsを使った作業フロー ③ 差分の取得

ブランチを選択

「切り替え」をクリック

© CROOZ,Inc. 16

２．Git Extensionsを使った作業フロー ③ 差分の取得

「OK」をクリック

© CROOZ,Inc. 17

２．Git Extensionsを使った作業フロー ③ 差分の取得

作成したブランチ名になっていることを確認

【参考】 変更前の画面の状態

© CROOZ,Inc. 18

２．Git Extensionsを使った作業フロー ③ 差分の取得

このアイコンをクリック

© CROOZ,Inc. 19

２．Git Extensionsを使った作業フロー ③ 差分の取得

このアイコンをクリック

「pull」をクリック

ここを選択

© CROOZ,Inc. 20

２．Git Extensionsを使った作業フロー ④ merge

「ブランチの切替」をクリック

© CROOZ,Inc. 21

２．Git Extensionsを使った作業フロー ④ merge

「master」ブランチを選択

「切り替え」をクリック

© CROOZ,Inc. 22

２．Git Extensionsを使った作業フロー ④ merge

「ブランチのマージ」をクリック

© CROOZ,Inc. 23

２．Git Extensionsを使った作業フロー ④ merge

マージ対象のブランチを選択

「マージ」をクリック

© CROOZ,Inc. 24

２．Git Extensionsを使った作業フロー ⑤ コミット

コミット対象があることを確認し、クリック

© CROOZ,Inc. 25

２．Git Extensionsを使った作業フロー ⑤ コミット

コミット対象を下エリアに移動

戻す場合は

上に移動

コミットのみ実施する場合はこのボタンをクリック

同時にpushする場合はボタンをクリック

© CROOZ,Inc. 26

２．Git Extensionsを使った作業フロー ⑤ コミット

「OK」をクリック

© CROOZ,Inc. 27

２．Git Extensionsを使った作業フロー ⑤ コミット

コミットされていることを確認

© CROOZ,Inc. 28

２．Git Extensionsを使った作業フロー ⑥ push

このアイコンをクリック

push先のリポジトリを入力

pushする元のブランチを入力

pushする先のブランチを入力

「Push」をクリックし実行

© CROOZ,Inc. 29

２．Git Extensionsを使った作業フロー ⑥ push

「OK」をクリック

© CROOZ,Inc. 30

３．競合が発生した時の対処方法 競合とは

複数のユーザが同じファイルを更新しようとしている状態のこと

発生の可能性が高い処理

・ローカルブランチにリポートブランチから pull する処理

・ローカルブランチ上でマージする処理

© CROOZ,Inc. 31

３．競合が発生した時の対処方法 競合が発生した場合、このような画面が出ます

© CROOZ,Inc. 32

対処手順 ローカルブランチ上でマージする処理

３．競合が発生した時の対処方法

「はい」をクリック

© CROOZ,Inc. 33

３．競合が発生した時の対処方法

①マージ対象を選択

②DIFFツールを選択

③「OK」をクリック

対処手順 ローカルブランチ上でマージする処理

© CROOZ,Inc. 34

３．競合が発生した時の対処方法

前のバージョン 今のバージョン リモートのバージョン

マージするバージョンを指定して保存

「はい」をクリック

対処手順 ローカルブランチ上でマージする処理

デフォルトではこのように文字化けしてしまいます

設定（S） ＞ 「言語の設定」タブから、各ファイルの

エンコーディングで「Unicode, 8 ビット (UTF-8) を

指定してください.

© CROOZ,Inc. 35

コミットのみ実施する場合はこのボタンをクリック

同時にpushする場合はボタンをクリック

３．競合が発生した時の対処方法 対処手順 ローカルブランチ上でマージする処理

© CROOZ,Inc. 36

３．競合が発生した時の対処方法

「OK」をクリック

対処手順 ローカルブランチ上でマージする処理

© CROOZ,Inc. 37

対処手順 リポートブランチから pull する処理

以下のエラーが出てマージが失敗する

「OK」をクリック

３．競合が発生した時の対処方法

© CROOZ,Inc. 38

「競合の解決」をクリック

対処手順 リポートブランチから pull する処理

以下はローカルブランチ上でマージする処理と同様

３．競合が発生した時の対処方法

© CROOZ,Inc. 39

４．実践WS 実際にやってみましょう