デザイナー、フロントエンジニア向けgithub勉強会ワークショップ資料

1. git/github
workshop
Yasushi Ichikawa
@cakephper
13年4月22日月曜日

2. 流れ
•githubアカウント作成
•SSH接続テスト
•空リポジトリ作成(github)
•空リポジトリをローカルにダウンロード(pull)
•git操作(source tree)
•githubにコードをアップロード(push)
13年4月22日月曜日

3. SourceTreeとSSH
•SourceTreeはgithub以外にも使える
•プロジェクト毎にクライアントソフト
の切り替え不要
•SSH接続のみのプロジェクトにも対応
できる
•自社サーバでリポジトリ管理する場
合はSSHのみの場合が多い
13年4月22日月曜日

4. githubアカウント作成
http://github.com
13年4月22日月曜日

5. ログイン後画面
13年4月22日月曜日

6. 公開鍵登録
ターミナル操作
cd /.ssh
ls // id_rsaというファイルが表示されたら教えて
ください（別のやり方があるので）
ssh-keygen -t rsa
Enter file in which to save the key (/Users/you/.ssh/id_rsa): //リターン
Enter passphrase (empty for no passphrase): //パスワード入力
Enter same passphrase again: //パスワード入力
pbcopy < /.ssh/id_rsa.pub
https://help.github.com/articles/generating-ssh-keys
13年4月22日月曜日

7. 公開鍵登録 ①
②
③
鍵の名前
（分かりやすければ
何でも良い
ペースト
するだけ
13年4月22日月曜日

8. 接続確認
ssh git@github.com
The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)? //yesと入力
Hi username! You've successfully authenticated, but GitHub does not
provide shell access.
13年4月22日月曜日

9. リポジトリ作成 ①
13年4月22日月曜日

10. sshをクリック
してurlをコピー
13年4月22日月曜日

11. Source Treeを
インストールして
立ち上げてください
13年4月22日月曜日

12. source tree
①
13年4月22日月曜日

13. git clone
•最初の１回だけ実行する
•ローカルにgithubのリポジトリをコピー
13年4月22日月曜日

14. githubからclone
①
13年4月22日月曜日

15. 初期状態
13年4月22日月曜日

16. ファイルを作る
このフォルダに
ファイル作成
13年4月22日月曜日

17. ファイルを作成
test1.txtを新規作成して何か書いて保存
13年4月22日月曜日

18. 作業ツリー
追加ボタンを押す
（コミット対象）
ファイルの内容表示
13年4月22日月曜日

19. コミット準備
コミットされるファ
イルの内容
コミットする
13年4月22日月曜日

20. コミット
コミットメッ
セージを書く
コミット対象
ファイル一覧 コミット対象
行の内容
13年4月22日月曜日

21. コミットログ
master
ブランチ選択
コミット内容
13年4月22日月曜日

22. ファイルを修正、追加
test1.txtのどこかの行を修正
test2.txtを新規作成して何か書いて保存
13年4月22日月曜日

23. 追加ボタンを押す
（test1.txtだけ追加）
赤が削除行
緑が追加行
（1,2行目）
13年4月22日月曜日

24. コミットボタン
を押す
test2.txtは追
加していないため
コミット対象外
13年4月22日月曜日

25. 13年4月22日月曜日

26. test2.txtがまだコミット
されてないのが分かる
２つのコミットが存在
13年4月22日月曜日

27. ２つのコミットを
githubに
アップロード(push)
13年4月22日月曜日

28. プッシュボタンを押して
githubにアップロード
13年4月22日月曜日

29. push
チェックを入れる
13年4月22日月曜日

30. githubで確認
13年4月22日月曜日

31. コミットログ一覧
13年4月22日月曜日

32. コミットログ詳細
13年4月22日月曜日

33. 他者と共同作業の時は、
push前にpullする
13年4月22日月曜日

34. pull
githubから
ダウンロード
13年4月22日月曜日

35. pull
13年4月22日月曜日

36. pullすると他者の
コードと競合(コンフリ
クト)する場合がある
13年4月22日月曜日

37. 13年4月22日月曜日

38. 競合の解消
13年4月22日月曜日

39. 競合の解消
競合箇所を
<<<<
>>>>
で表示
13年4月22日月曜日

40. 競合の解消
ファイルを修正
した結果の差分
13年4月22日月曜日

41. 問題なければコミット
13年4月22日月曜日

42. 最後にpushして
競合の解消を
githubに反映する
13年4月22日月曜日

43. 今後使いそうな
キーワード
•merge
•branch
•reset, revert
•checkout
•cherry-pick
13年4月22日月曜日

44. 参考文献
•backlogのドキュメント
•http://www.backlog.jp/git-guide/
13年4月22日月曜日