gitを使う準備をしよう - 初級編
3 likes1,314 views
Code for KOSEN 勉強会 #4 〜ゆるふわWebデザイン講座 + Gitを使おう〜 にて
gitを使う準備をしよう - 初級編
- 1. Code for KOSEN 勉強会 #4 を使う準備をしよう 2015.11.08 @yamasy1549 git 初級編
- 3. $ git とは？ 過去の作業内容を保存 過去にさかのぼる 過去の歴史を書きかえる ソースコードなどの変更履歴を記録・追跡する ための分散型バージョン管理システムである。
- 4. $ GitHub とは？
- 5. $ GitHub とは？ 「趣味でコード書くよ」 「仕事でコード書くよ」 公開しよう 管理しよう
- 6. $ GitHub とは？ こまめにコード書いて で公開してたら きっといいことがあるよ
- 7. $ git とは？ 過去の作業内容を保存 過去にさかのぼる 過去の歴史を書きかえる ソースコードなどの変更履歴を記録・追跡する ための分散型バージョン管理システムである。
- 8. $ なんで git を使うの？ A さん B さん
- 9. $ なんで git を使うの？ A さん B さん レポート .txt
- 10. $ なんで git を使うの？ A さん B さん レポート .txt
- 11. $ なんで git を使うの？ A さん B さん レポート .txt 新レポート .txt
- 12. $ なんで git を使うの？ A さん B さん レポート .txt 新レポート .txt 新・新レポート .txt 最新のレポート .txt レポート 0514.txt
- 13. $ なんで git を使うの？ A さん B さん レポート .txt 新レポート .txt 新・新レポート .txt 最新のレポート .txt レポート 0514.txt ＿人人 人人 人人 人人 人人＿ ＞ わからん ＜ ￣ Y^Y^Y^Y^Y^Y^Y^Y￣
- 14. $ なんで git を使うの？ A さん B さん
- 15. $ なんで git を使うの？ A さん B さん 共有リポジトリ 作業リポジトリ
- 16. $ git での開発 flow 「git 管理よろしくね」 他にも clone, diff, log... init 編集 add commit push 作業リポジトリでコードを書く commit 待ちエリアに登録 変更をまとめる 共有リポジトリに送る
- 17. $ git での開発 flow ① 編集 add commit push コーチとペアになってやってみよう！ ①どちらか 1 人が GitHub で新しいリポジトリを作る ②自分の PC に、新しくディレクトリ（フォルダ）を作る これが作業リポジトリになる $ mkdir git-training $ cd git-training
- 18. $ git での開発 flow ① 編集 add commit push $ git init 今いる「git-training」以下を git 管理してね っていう意味。初回だけやる。
- 19. $ git での開発 flow ① 編集 add commit push $ vim index.html Windows 環境では cd dir に読みかえてね。 エディタは vim じゃなくていいよ
- 20. $ git での開発 flow ① 編集 add commit push ページを編集・保存してみよう！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> じこしょうかい </title> </head> <body> <p>Hi! I'm yamasy, nice to meet you :)</p> </body> </html>
- 21. $ git での開発 flow ① 編集 add commit push $ git status ファイルの状態を一覧表示 ステージされた / ステージされてない / その他
- 22. $ git での開発 flow ① 編集 add commit push $ git status $ git add index.html 指定したファイル（commit したいファイル） をステージにのせる
- 23. $ git での開発 flow ① 編集 add commit push $ git status $ git add index.html $ git status ファイルの状態が変わったはず！ （前回と比べてどこがどう変わった？）
- 24. $ git での開発 flow ① 編集 add commit push $ git commit -m“message” message の部分に、この commit の概要を 簡単に書いてみよう e.g. “Add yamasy’ s profile” “First impression of yamasy”
- 25. $ git での開発 flow ① 編集 add commit push $ git remote add origin ... リポジトリを作った直後、はじめて push する ときだけ叩くコマンド どこを共有リポジトリとするか設定します リポジトリのページに書いてるのでコピペ
- 26. $ git での開発 flow ① 編集 add commit push $ git push origin master commit を共有リポジトリに送信します origin 共有リポジトリの場所 master ブランチの名前 したら、GitHub のページを開いて 今の変更がちゃんと反映されていることを確認しよう！ push
- 27. $ git での開発 flow ① 編集 add commit push ・GitHub でリポジトリを作る ・自分の PC でディレクトリを作る ・ディレクトリ直下で「git 使います」宣言する ・なにかファイルを する ・ファイルを してステージにのせる ・ で変更に名前をつける ・ して GitHub にあげる 編集 add commit push 1 人目がやったこと
- 28. $ git での開発 flow ② 編集 add commit push 2 人目以降の作業 ③相方が作った GitHub リポジトリ ページから、URL をコピーする （右下にあるよ！） ④以下のコマンドを打つ git-training というディレクトリができる GitHub から最新のファイルたちをまるごと取ってきた $ git clone さっきの URL 既に clone してる場合は、「pull」で最新のを取ってこれるよ！
- 29. $ git での開発 flow ② 編集 add commit push $ cd git-training $ vim index.html Windows 環境では cd dir に読みかえてね。 エディタは vim じゃなくていいよ
- 30. $ git での開発 flow ② 編集 add commit push ページを編集・保存してみよう！ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title> じこしょうかい </title> </head> <body> <p>Hi! I'm yamasy. nice to meet you :)</p> </body> </html>
- 31. $ git での開発 flow ② 編集 add commit push $ git status ファイルの状態を一覧表示 ステージされた / ステージされてない / その他
- 32. $ git での開発 flow ② 編集 add commit push $ git status $ git add index.html 指定したファイル（commit したいファイル） をステージにのせる
- 33. $ git での開発 flow ② 編集 add commit push $ git status $ git add index.html $ git status ファイルの状態が変わったはず！ （前回と比べてどこがどう変わった？） 意図せぬものを add しないよう、こまめに status しよう！
- 34. $ git での開発 flow ② 編集 add commit push $ git commit -m“message” message の部分に、この commit の概要を 簡単に書いてみよう e.g. “Add yamasy’ s profile” “First impression of yamasy”
- 35. $ git での開発 flow ② 編集 add commit push $ git push origin master commit を共有リポジトリに送信します origin 共有リポジトリの場所 master ブランチの名前 したら、GitHub のページを開いて 今の変更がちゃんと反映されていることを確認しよう！ push
- 36. $ git での開発 flow ② 編集 add commit push ・GitHub にある最新のファイルを clone する ・なにかファイルを する ・ファイルを してステージにのせる ・ で変更に名前をつける ・ して GitHub にあげる 編集 add commit push 2 人目がやったこと
- 37. $ ステージ 編集 add commit push ローカル ステージ ローカル（作業）リポジトリ リモート（共有）リポジトリ git add git commit git push git pull git clone git reset