1. だいたいわかるGit
Masashi Tsuru

2. もくじ
Git と Github
Github-flow
PullRequest

3. Git と Github

4. Git と Github
B B B
1 2 3
A AA
1 2 3
Gitはバージョン管理！

5. Git と Github
B B
B
1 2 3
A A
A
1 2 3
Webへどーん！
BA
じぶんのPC

6. Git と Github
B B
B
1 2 3
A A
A
1 2 3
Web上でも
バージョン管理！
BA
A A
A
1 2 3
B B
B
1 2 3
じぶんのPC

7. Git と Github
B B
B
1 2 3
A A
A
1 2 3
BA
A A
A
1 2 3
じぶんのPC
A A
A
1 2 3
べつのPC
べつのPCにも共有！

8. Git と Github
B B
B
1 2 3
A A
A
1 2 3
コレがGithub！
BA
じぶんのPC コレ

9. Git と Github
B B
B
1 2 3
A A
A
1 2 3
コレがGithub！
BA
じぶんのPC コレ
そして

10. Git と Github
B B
B
1 2 3
A A
A
1 2 3
コレがGithub！
BA
じぶんのPC コレ
いままで説明したすべてが

11. Git と Github
B B
B
1 2 3
A A
A
1 2 3
コレがGithub！
BA
じぶんのPC コレ
いままで説明したすべてが

12. Git と Github
Gitはバージョン管理システム
GithubはWebサービスのひとつ

13. Git と Github
Gitはバージョン管理システム
GithubはWebサービスのひとつ
つまり！

14. Git と Github
B B
B
1 2 3
A A
A
1 2 3
同系Webサービスの
Bitbucketで管理しても
GitはGit！
BA
じぶんのPC
Bitbucket
A A
A
1 2 3

15. Git と Github
参照 http://www.find-job.net/startup/5-git-hosting
他にもいろんなサービスでGithubの代用ができる

16. Git と Github まとめ
GithubはWebサービスのひとつ
-> リモートって呼んでる部分
-> リモートは置き換え可
Gitはバージョン管理システム
-> リモートも含めたもの

17. Github-flow

18. Github-flow
A
じぶんのPC
master
Github-flow
開発の流れをルール化したもの
!
最終的な結果
masterが変更される。

19. Github-flow
A
じぶんのPC
A
master
master
clone
じぶんの開発環境にmasterを用意

20. Github-flow
A
じぶんのPC
A
master
master
A
branch-1
開発用のブランチを作成

21. Github-flow
A
じぶんのPC
A master
master
A
branch-1
A
branch-1
push
Github上にもブランチを
作った情報を反映できる

22. Github-flow
A
じぶんのPC
A master
master
A
branch-1
A
branch-1
A’
1 commit 2
ブランチ内で開発
& 変更を管理(commit)

23. Github-flow
じぶんのPC
A
master
A
branch-1
A
branch-1
A’
1 2
A’
commit 3

24. Github-flow
A
master
master
branch-1
branch-1
push
A
A A’
1 2
A’
3
じぶんのPC
A’
Githubへ変更情報を送信

25. Github-flow
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A
master
branch-1
A’
PullRequest
Github上で
「変更をmasterへ反映してよ∼！」
ってリクエストする

26. Github-flow
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
master
branch-1
A’
A’
Github上で「わかった」って承認した
らmasterに情報が融合(merge)される

27. Github-flow
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
master
branch-1
A’
A’
Github上でbranch-1を消す

28. Github-flow
master
master
branch-1
pull
A
A A’
1 2
A’
3
じぶんのPC
A’
Githubから最新のmasterの
情報を取得できる

29. Github-flow
master
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A’
A’
2
A’
3
Github上で
masterに反映された内容が
じぶんのPCに反映される

30. Github-flow
master
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A’
A’
2
A’
3
branch-1はmasterに融合
されて要らないから、ポイ！

31. Github-flow
master
master
A
じぶんのPC
A’
A’
2
A’
3
ていうのを、繰り返して
開発を進めるのが
Github-flow

32. Github-flow
そいえば、最初に・・・

33. Github-flow

34. Github-flow
って、ことは・・・
最終的な結果
masterが変更される。

35. Github-flow
じぶんの環境でmasterに
融合(merge)させて、
Github上に
変更情報を送信(push)したら
いんじゃね！？
1.
2.

36. Github-flow
だから・・・

37. Github-flow
master
branch-1
merge
A
A A’
1 2
A’
3
じぶんのPC
じぶんの環境でmasterに
融合(merge)させて、
A
master
1.

38. Github-flow
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A’
2
A’
3
Github上に
変更情報を送信(push)したら
push
A
master
2.

39. Github-flow
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A’
2
A’
3
いんじゃね！？
master
A’

40. Github-flow
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A’
2
A’
3
master
A’
いや…
いんじゃね！？

41. Github-flow
レ
ビ
ュ
|
の
効
率
が
運
用
す
る
と
全
然
違
う
ん
だ
よ
!!
プ
ル
リ
ク
で

42. Github-flow

43. PullRequest

44. PullRequest
master
branch-1
A
A A’
1 2
A’
3
じぶんのPC
A
master
branch-1
A’
PullRequest
PullRequestはGithubの上で、
という説明だったけど
これじゃ具体的にわからん。

45. PullRequest
このREADME.mdを修正するPullRequestを作成!

46. PullRequest
README.md の修正、
ファイルのcommit,push は割愛！
次のページは、
PullRequestを作ったところから！

47. PullRequest
機能説明

48. PullRequest
マージしてもらいたい内容を分かりやすく
機能説明

49. PullRequest
このPullRequestのステータスがわかる
まだマージ依頼中、作業中
マージされた
マージされなくて終了した
機能説明

50. PullRequest
PullRequestした内容の概要を書く
機能説明

51. PullRequest
コミット、コメントがログに残る
機能説明

52. PullRequest
マージしてもOKよ！のボタン
押したらマージされる
機能説明

53. PullRequest
PullRequestに対して、
コメントを残せる
機能説明

54. PullRequest
こっちのボタンを押したら、
PullRequestがClosedになる
※つまり、マージ依頼却下
機能説明

55. PullRequest
こっちのボタンは、
PullRequestにコメントを残すだけ。
機能説明

56. PullRequest
じゃあ、PullRequestの内容について
レビューしてみよう！
レビュワー

57. PullRequest
このPullRequestに含まれている
すべてのコミットを確認
レビュワー

58. PullRequest
変更内容ごとに確認出来る
レビュワー

59. PullRequest
PullRequest先のブランチとの
差分を確認出来る
レビュワー

60. PullRequest
ソース上を、
マウスオーバーすると
こんなのが。押して見ると… レビュワー

61. PullRequest
行に対してコメントを記入出来る！
レビュワー

62. PullRequest
もちろん
コミット単位でもコメントできる
レビュワー

63. PullRequest
次はこっちの変更を確認
レビュワー

64. PullRequest
またもやREADME.mdの修正。
レビュワー

65. PullRequest
コミットを一つずつ見る方法では、
最終的にどういう変更が
PullRequestされているのかわからない
レビュワー

66. PullRequest
PullRequest全体のファイル変更を
確認するときはこっち
レビュワー

67. PullRequest
このPullRequestの最終的な状態と
マージ先のファイルの差分が確認できる
レビュワー

68. PullRequest
コメントを書いたら、
「Conversation」を押して
最初のページへ
レビュワー

69. PullRequest
すると、コメントした内容を
一覧で確認できる!!
レビュワー

70. PullRequest
これでレビューはOK。
PullRequestを作った人に知らせて
フィードバックについて確認してもらおう!

71. PullRequest
※特殊な書き方をすると
チェックボックス形式にもなるよ∼
フィードバックをもらったら、
修正する内容をPullRequestに残す
コミッター

72. PullRequest
修正内容をすべて確認したら
再度、レビュワーへ依頼！
コミッター

73. PullRequest
変更を確認してOKなら
「Merge pull request」を押す！
レビュワー

74. PullRequest
マージが終わったら
「Delete branch」も押して、
ブランチを削除
レビュワー

75. PullRequest
レビュワーはコミッターに、
マージしたことを連絡して終了！
レビュワー

76. まとめ
GitとGithub
Github-flow
PullRequest

77. まとめ
GitとGithub
Github-flow
PullRequest
Gitはバージョン管理システム、
GithubはWebサービス(Gitのリモートの部分)

78. まとめ
GitとGithub
Github-flow
PullRequest
開発の流れをルール化したもの
GithubのPullRequestという機能を利用する
Gitはバージョン管理システム、
GithubはWebサービス(Gitのリモートの部分)

79. まとめ
GitとGithub
Github-flow
PullRequest
Gitはバージョン管理システム、
GithubはWebサービス(Gitのリモートの部分)
開発の流れをルール化したもの
GithubのPullRequestという機能を利用する
マージのリクエストをするもの
開発時のコメント等が時系列に残せる