GitHubでプロジェクトを共有してみよう (1)

Preview:

Citation preview

GitHubでプロジェクトを共有してみよう (1)東区フロントエンド勉強会 2016年 第1回

excode Inc. Toshimichi Suekane1

excode Inc. Toshimichi Suekane

今日やること

GitHubでプロジェクトを共有してみよう (1)

2

1. 事前準備の確認

2. 今日使う用語のかんたんな説明

3. リポジトリを作ってみよう

4. リポジトリに招待してみよう(Collaborator)

5. リポジトリを Fork してみよう

6. Pull Request してみよう

excode Inc. Toshimichi Suekane

今日はこちらを利用します

GitHubでプロジェクトを共有してみよう (1)

3

1. 事前準備の確認

git を共有するサービス git を管理するアプリケーションhttps://www.sourcetreeapp.com/https://github.com/

excode Inc. Toshimichi Suekane

2. 今日使う用語のかんたんな説明

GitHubでプロジェクトを共有してみよう (1)

4

2. 今日使う用語のかんたんな説明

1. Repository(リポジトリ)

2. Crone(クローン)

3. Pull(プル)

4. Push(プッシュ)

5. Commit(コミット)

6. Conflict(コンフリクト)

7. Collaborator(コラボレーター)

8. Fork(フォーク)

9. Branch(ブランチ)

10.Marge(マージ)

excode Inc. Toshimichi Suekane

1. Repository(リポジトリ)

GitHubでプロジェクトを共有してみよう (1)

5

様々なデータを入れる箱、バケツ

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

2. Crone(クローン)

GitHubでプロジェクトを共有してみよう (1)

6

同じ内容の複製

今回はリモート (GitHub) のリポジトリをローカル (PC) にクローンします

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

3. Pull(プル)

GitHubでプロジェクトを共有してみよう (1)

7

最新の内容を取ってくる

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

4. Push(プッシュ)

GitHubでプロジェクトを共有してみよう (1)

8

編集した内容を送る

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

5. Commit(コミット)

GitHubでプロジェクトを共有してみよう (1)

9

ローカルで編集した内容を記録すること

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

6. Conflict(コンフリクト)

GitHubでプロジェクトを共有してみよう (1)

10

内容が同一ではない、競合している状態

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

7. Collaborator(コラボレーター)

GitHubでプロジェクトを共有してみよう (1)

11

リポジトリの編集権限を持つ仲間

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

8. Fork(フォーク)

GitHubでプロジェクトを共有してみよう (1)

12

GitHub上での複製

オリジナルに対して、変更した内容を Pull Request することができる

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

9. Branch(ブランチ)

GitHubでプロジェクトを共有してみよう (1)

13

編集履歴の派生(枝分かれ)を作る

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

10. Marge(マージ)

GitHubでプロジェクトを共有してみよう (1)

14

編集履歴を合流(結合)させる

2. 今日使う用語のかんたんな説明

excode Inc. Toshimichi Suekane

3. リポジトリを作ってみよう

GitHubでプロジェクトを共有してみよう (1)

15

3. リポジトリを作ってみよう

1. GitHub 上にリポジトリを作る

2. SourceTree に GitHub アカウントを設定

3. ローカルに Clone する

4. リモート ⇆ ローカルで Push してみよう

excode Inc. Toshimichi Suekane

3. リポジトリを作ってみよう

GitHubでプロジェクトを共有してみよう (1)

16

3. リポジトリを作ってみよう

ハンズオン

GitHub でリポジトリを作る

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

17

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

GitHub でリポジトリを作る (1/3)

GitHubでプロジェクトを共有してみよう (1)

18

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

GitHub でリポジトリを作る (2/3)

GitHubでプロジェクトを共有してみよう (1)

19

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

GitHub でリポジトリを作る (3/3)

GitHubでプロジェクトを共有してみよう (1)

20

3. リポジトリを作ってみよう

SourceTree アカウントを追加

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

21

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

SourceTree アカウントを追加 (1/3)

GitHubでプロジェクトを共有してみよう (1)

22

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

SourceTree アカウントを追加 (2/3)

GitHubでプロジェクトを共有してみよう (1)

23

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

SourceTree アカウントを追加 (3/3)

GitHubでプロジェクトを共有してみよう (1)

24

3. リポジトリを作ってみよう

SourceTree リモートのリポジトリを追加

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

25

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

SourceTree リモートのリポジトリを追加 (1/3)

GitHubでプロジェクトを共有してみよう (1)

26

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

SourceTree リモートのリポジトリを追加 (2/3)

GitHubでプロジェクトを共有してみよう (1)

27

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

SourceTree リモートのリポジトリを追加 (3/3)

GitHubでプロジェクトを共有してみよう (1)

28

3. リポジトリを作ってみよう

コミット & Push

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

29

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

コミット & Push (1/6)

GitHubでプロジェクトを共有してみよう (1)

30

3. リポジトリを作ってみよう

編集されたファイルの一覧

コミットしたいファイルを こっちへドラッグ

excode Inc. Toshimichi Suekane

コミット & Push (2/6)

GitHubでプロジェクトを共有してみよう (1)

31

3. リポジトリを作ってみよう

コメントを書いてコミットする

excode Inc. Toshimichi Suekane

コミット & Push (3/6)

GitHubでプロジェクトを共有してみよう (1)

32

3. リポジトリを作ってみよう

Push を押す

excode Inc. Toshimichi Suekane

コミット & Push (4/6)

GitHubでプロジェクトを共有してみよう (1)

33

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

コミット & Push (5/6)

GitHubでプロジェクトを共有してみよう (1)

34

3. リポジトリを作ってみよう

excode Inc. Toshimichi Suekane

コミット & Push (6/6)

GitHubでプロジェクトを共有してみよう (1)

35

3. リポジトリを作ってみよう

GitHub のリポジトリに変更内容が反映される

excode Inc. Toshimichi Suekane

4. リポジトリに招待してみよう(Collaborator)

GitHubでプロジェクトを共有してみよう (1)

36

4. リポジトリに招待してみよう(Collaborator)

1. お互いのリポジトリに Collaborator として招待しあう

2. リポジトリをローカル に Clone する

3. お互いに Push してコンフリクトを解決してみよう

excode Inc. Toshimichi Suekane

4. リポジトリに招待してみよう(Collaborator)

GitHubでプロジェクトを共有してみよう (1)

37

4. リポジトリに招待してみよう(Collaborator)

ハンズオン

Collaborator で招待する

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

38

4. リポジトリに招待してみよう(Collaborator)

excode Inc. Toshimichi Suekane

Collaborator で招待する (1/3)

GitHubでプロジェクトを共有してみよう (1)

39

4. リポジトリに招待してみよう(Collaborator)

excode Inc. Toshimichi Suekane

Collaborator で招待する (2/3)

GitHubでプロジェクトを共有してみよう (1)

40

4. リポジトリに招待してみよう(Collaborator)

excode Inc. Toshimichi Suekane

Collaborator で招待する (3/3)

GitHubでプロジェクトを共有してみよう (1)

41

4. リポジトリに招待してみよう(Collaborator)

excode Inc. Toshimichi Suekane

5. リポジトリを Fork してみよう

GitHubでプロジェクトを共有してみよう (1)

42

5. リポジトリを Fork してみよう

1. 共有しているリポジトリを Fork する

2. Fork したリポジトリをローカル に Clone する

3. ローカルで編集して Push する

4. GitHub から Pull Request をする

5. Pull Request の内容を確認して Marge してみよう

excode Inc. Toshimichi Suekane

5. リポジトリを Fork してみよう

GitHubでプロジェクトを共有してみよう (1)

43

5. リポジトリを Fork してみよう

ハンズオン

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

44

5. リポジトリを Fork してみよう

相手リポジトリを Fork する

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

45

5. リポジトリを Fork してみよう

相手リポジトリを Fork する (1/3)

これを Fork したい

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

46

5. リポジトリを Fork してみよう

相手リポジトリを Fork する (2/3)

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

47

5. リポジトリを Fork してみよう

相手リポジトリを Fork する (3/3)

Fork できました

excode Inc. Toshimichi Suekane

まとめ

GitHubでプロジェクトを共有してみよう (1)

48

1. 使うボタン(=コマンド)は意外に少ない

2. 作業前には必ず Pull

3. キリのいいところで、早め々の Push

ストレスのない共同作業を目指そう!

まとめ

excode Inc. Toshimichi Suekane

GitHubでプロジェクトを共有してみよう (1)

49

お疲れ様でした

Recommended