1. Gitを理解するために
おさえておきたい3つの図
開発部
てるー

2. アジェンダ
1. 3つの図の紹介
2. ワークツリー / インデックス / HEAD
3. コミットツリー
4. ローカルとリモートのブランチ

3. アジェンダ
1. 3つの図の紹介
2. ワークツリー / インデックス / HEAD
3. コミットツリー
4. ローカルとリモートのブランチ

4. こんなことはありませんか？
Gitを使っているけど実はイマイチ理解せずになん
となくで使っている
以降で紹介する3つの図を思い浮かべながら操作
をすることでGitをきちんと理解できます。

5. ワークツリー / インデックス / HEAD
ワークツリーインデックスHEAD
A’
B’
C
A’
B
C
A
B
C

6. コミットツリー
E
F
parent
A B C D
G
HEAD
master
v0.1
parent parent parent
parent
parent
parent

7. ローカルとリモートのブランチ
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master*
● v1.0
● v2.0*

8. アジェンダ
1. 3つの図の紹介
2. ワークツリー / インデックス / HEAD
3. コミットツリー
4. ローカルとリモートのブランチ

9. 用語説明
● ワークツリー
○ ファイルシステム上のファイルのことを指す
● インデックス
○ コミットする対象を指す
● HEAD
○ 現在作業しているブランチの先頭を指す

10. コミットまでの例 (1 / 9)
ワークツリーインデックスHEAD
A
B
C
A
B
C
A
B
C

11. コミットまでの例 (2 / 9)
ワークツリーインデックスHEAD
A
B
C
emacs A.txt
A
B
C
A
B
C

12. コミットまでの例 (3 / 9)
ワークツリーインデックスHEAD
A’
B
C
A
B
C
A
B
C

13. コミットまでの例 (4 / 9)
ワークツリーインデックスHEAD
A’
B
C
emacs B.txt
A
B
C
A
B
C

14. コミットまでの例 (5 / 9)
ワークツリーインデックスHEAD
A’
B’
C
A
B
C
A
B
C

15. コミットまでの例 (6 / 9)
ワークツリーインデックスHEAD
A’
B’
C
git add A.txt
A
B
C
A
B
C

16. コミットまでの例 (7 / 9)
ワークツリーインデックスHEAD
A’
B’
C
A’
B
C
A
B
C

17. コミットまでの例 (8 / 9)
ワークツリーインデックスHEAD
A’
B’
C
git commit
A’
B
C
A
B
C

18. コミットまでの例 (9 / 9)
ワークツリーインデックスHEAD
A’
B’
C
A’
B
C
A’
B
C

19. 関連するコマンド
● add
● commit
● status
● diff

20. git add
● ワークツリー内の変更をインデックスに追加す
る
● コマンド例
○ git add <ファイル名>

21. git add <ファイル名> (1 / 3)
ワークツリーインデックスローカルリポジトリ
A’
B
C
A
B
C
A
B
C

22. git add <ファイル名> (2 / 3)
ワークツリーインデックスローカルリポジトリ
A’
B
C
A
B
C
A
B
C
git add A.txt

23. git add <ファイル名> (3 / 3)
ワークツリーインデックスローカルリポジトリ
A’
B
C
A’
B
C
A
B
C

24. git commit
● インデックスの修正内容をHEADにコミットする
● コマンド例
○ git commit

25. git commit (1 / 3)
ワークツリーインデックスローカルリポジトリ
A’
B’
C’
A’
B’
C
A
B
C

26. git commit (2 / 3)
ワークツリーインデックスローカルリポジトリ
A’
B’
C’
A’
B’
C
A
B
C
git commit

27. git commit (3 / 3)
ワークツリーインデックスローカルリポジトリ
A’
B’
C’
A’
B’
C
A’
B’
C

28. git status
● 状態を表示する
● コマンド例
○ git status

29. git status
$ git status
# On branch master
# Changes to be committed:
# (use "git reset HEAD <file>..." to unstage)
#
# modified: A.txt
#
# Changes not staged for commit:
# (use "git add <file>..." to update what will be committed)
# (use "git checkout -- <file>..." to discard changes in working directory)
#
# modified: B.txt
#

30. git status
$ git status
# On branch master
# Changes to be committed:
# (use "git reset HEAD <file>..." to unstage)
#
# modified: A.txt
#
# Changes not staged for commit:
# (use "git add <file>..." to update what will be committed)
# (use "git checkout -- <file>..." to discard changes in working directory)
#
# modified: B.txt
#
インデックス
ワークツリー
HEADが指しているブランチ

31. git diff
● 比較する
● コマンド例
○ git diff
○ git diff --cached
○ git diff HEAD

32. git diff
ワークツリーインデックスローカルリポジトリ
A’
B’
C’
A’
B’
C
A
B
C

33. git diff --cached
ワークツリーインデックスローカルリポジトリ
A’
B’
C’
A’
B’
C
A
B
C

34. git diff HEAD
ワークツリーインデックスローカルリポジトリ
A’
B’
C’
A’
B’
C
A
B
C

35. アジェンダ
1. 3つの図の紹介
2. ワークツリー / インデックス / HEAD
3. コミットツリー
4. ローカルとリモートのブランチ

36. コミットツリーの成長例 (1 / 13)
A
HEAD
master
B

37. コミットツリーの成長例 (2 / 13)
A
HEAD
master
B
git branch issue-22

38. コミットツリーの成長例 (3 / 13)
A
HEAD
issue-22
master
B

39. コミットツリーの成長例 (4 / 13)
A
HEAD
issue-22
master
B
git checkout issue-22

40. コミットツリーの成長例 (5 / 13)
A
HEAD
issue-22
master
B

41. コミットツリーの成長例 (6 / 13)
A
HEAD
issue-22
master
B
git commit

42. コミットツリーの成長例 (7 / 13)
A
master
HEAD
B
issue-22
C

43. コミットツリーの成長例 (8 / 13)
A
master
HEAD
B
issue-22
C
git commit

44. コミットツリーの成長例 (9 / 13)
A
master
HEAD
B
issue-22
C D

45. コミットツリーの成長例 (10 / 13)
A
master
HEAD
B
issue-22
C D
git checkout master

46. コミットツリーの成長例 (11 / 13)
A
master
B
C D
HEAD
issue-22

47. コミットツリーの成長例 (12 / 13)
A
master
B
C D
HEAD
issue-22
git merge --no-ff issue-22

48. コミットツリーの成長例 (13 / 13)
A
master
B
C D
HEAD
issue-22
E

49. 関連するコマンド
● commit
● branch
● checkout
● merge

50. git commit
● HEADが指しているブランチにコミットを追加し、
ブランチの先頭もそれに移動させる
● コマンド例
○ git commit

51. git commit (1 / 3)
A
HEAD
master
B

52. git commit (2 / 3)
A
HEAD
master
B
git commit

53. git commit (3 / 3)
A
HEAD
master
B C

54. git branch
● ブランチに関する操作をする
● コマンド例
○ git branch <ブランチ名>

55. git branch <ブランチ名> (1 / 3)
A B C
HEAD
master

56. git branch <ブランチ名> (2 / 3)
A B C
HEAD
master
git branch v0.1

57. git branch <ブランチ名> (3 / 3)
v0.1
A B C
HEAD
master

58. git checkout
● HEADが指す箇所を変更する
● コマンド例
○ git checkout <ブランチ名>

59. git checkout <ブランチ名> (1 / 3)
E
F
A B C D
v0.1
HEAD
master

60. git checkout <ブランチ名> (2 / 3)
E
F
A B C D
v0.1
master
git checkout v0.1
HEAD

61. git checkout <ブランチ名> (3 / 3)
E
F
A B C D
HEAD
v0.1
master

62. git merge
● マージする
● コマンド例
○ git merge <ブランチ名>
○ git merge --no-ff <ブランチ名>
○ git merge --ff-only <ブランチ名>

63. マージは主に2種類ある
● マージコミットを生成するマージ
● Fast-forward を実施するマージ

64. マージコミットを生成するマージ (1 / 3)
D
A B C
E
HEAD
master
v0.1

65. マージコミットを生成するマージ (2 / 3)
D
A B C
E
HEAD
master
v0.1
git merge v0.1

66. マージコミットを生成するマージ (3 / 3)
D
A B C
E
HEAD
master
v0.1
F

67. Fast-forward を実施するマージ (1 / 3)
C
A B
D
HEAD
master
v0.1

68. Fast-forward を実施するマージ (2 / 3)
C
A B
D
HEAD
master
v0.1
git merge v0.1

69. Fast-forward を実施するマージ (3 / 3)
C
A B
D
HEAD
v0.1
master

70. 2つのオプション
● --no-ff
○ Fast-forward が実施される条件でマージする際、Fast-forward
せずにマージコミットを生成する
○ マージコミットするマージを強制する
● --ff-only
○ Fast-forward が実施されない条件でマージを試みると
エラーになる
○ Fast-forwardを実施するマージを強制する

71. アジェンダ
1. 3つの図の紹介
2. ワークツリー / インデックス / HEAD
3. コミットツリー
4. ローカルとリモートのブランチ

72. ローカルとリモートの動作例 (1 / 9)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master*
● v1.0
● v2.0*

73. ローカルとリモートの動作例 (2 / 9)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master*
● v1.0
● v2.0*
git fetch origin

74. ローカルとリモートの動作例 (3 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master
● master*
● v1.0
● v2.0*
fetch

75. ローカルとリモートの動作例 (4 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master
● master*
● v1.0
● v2.0*
git merge --ff-only origin/master

76. ローカルとリモートの動作例 (5 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master*
● master*
● v1.0
● v2.0*
merge

77. ローカルとリモートの動作例 (6 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master*
● master*
● v1.0
● v2.0*
master に対していろいろ実施

78. ローカルとリモートの動作例 (7 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master**
● master*
● v1.0
● v2.0*

79. ローカルとリモートの動作例 (8 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master**
● master*
● v1.0
● v2.0*
git push origin master

80. ローカルとリモートの動作例 (9 / 9)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master**
● master**
● v1.0
● v2.0*
push

81. 関連するコマンド
● clone
● fetch
● push

82. git clone
● リモートリポジトリを複製する
● コマンド例
○ git clone <URL>

83. git clone <URL> (1 / 3)
リモート
ローカル
● master
● v1.0
● v2.0

84. git clone <URL> (2 / 3)
リモート
ローカル
● master
● v1.0
● v2.0
git clone ssh://…

85. git clone <URL> (3 / 3)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master
● v1.0
● v2.0

86. git fetch
● リモートリポジトリのブランチの内容をローカル
のリモートブランチへ同期する
● コマンド例
○ git fetch <リモート名>

87. git fetch <リモート名> (1 / 3)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master*
● v1.0
● v2.0*

88. git fetch <リモート名> (2 / 3)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master*
● v1.0
● v2.0*
git fetch origin

89. git fetch <リモート名> (3 / 3)
リモート
ローカル
● origin/master*
● origin/v1.0
● origin/v2.0*
● master
● master*
● v1.0
● v2.0*
fetch

90. git push
● ローカルブランチをリモートにあるブランチへ
マージする (Fast-forward Only)
● コマンド例
○ git push <リモート名> <リモートにあるブランチ名>

91. git push <リモート名> <ブランチ名> (1 / 3)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master*
● master
● v1.0
● v2.0

92. git push <リモート名> <ブランチ名> (2 / 3)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master*
● master
● v1.0
● v2.0
git push origin master

93. git push <リモート名> <ブランチ名> (3 / 3)
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master*
● master*
● v1.0
● v2.0
push

94. ま と め

95. ワークツリー / インデックス / HEAD
ワークツリーインデックスHEAD
A’
B’
C
A’
B
C
A
B
C

96. コミットツリー
E
F
parent
A B C D
G
HEAD
master
v0.1
parent parent parent
parent
parent
parent

97. ローカルとリモートのブランチ
リモート
ローカル
● origin/master
● origin/v1.0
● origin/v2.0
● master
● master*
● v1.0
● v2.0*

98. さいごに
今回紹介しなかった操作も、たいていはこれら3つ
の図で表現できるはずです。
Gitの操作で分からなくなったら、これら3つの図が
どのように変化をするのかを想像してみてくださ
い。

99. お わ り