View
531
Download
0
Category
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