gitを使う準備をしよう - 初級編
TRANSCRIPT
Code for KOSEN 勉強会 #4
を使う準備をしよう
2015.11.08 @yamasy1549
git初級編
$ git とは？
ソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムである。
$ git とは？
過去の作業内容を保存
過去にさかのぼる 過去の歴史を書きかえる
ソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムである。
$ GitHub とは？
$ GitHub とは？
「趣味でコード書くよ」「仕事でコード書くよ」
公開しよう 管理しよう
$ GitHub とは？
こまめにコード書いて
で公開してたら
きっといいことがあるよ
$ git とは？
過去の作業内容を保存
過去にさかのぼる 過去の歴史を書きかえる
ソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムである。
$ なんで git を使うの？
A さん B さん
$ なんで git を使うの？
A さん B さん
レポート .txt
$ なんで git を使うの？
A さん B さん
レポート .txt
$ なんで git を使うの？
A さん B さん
レポート .txt
新レポート .txt
$ なんで git を使うの？
A さん B さん
レポート .txt
新レポート .txt
新・新レポート .txt
最新のレポート .txtレポート 0514.txt
$ なんで git を使うの？
A さん B さん
レポート .txt
新レポート .txt
新・新レポート .txt
最新のレポート .txtレポート 0514.txt
＿人人 人人 人人 人人 人人＿
＞ わからん ＜￣ Y^Y^Y^Y^Y^Y^Y^Y￣
$ なんで git を使うの？
A さん B さん
$ なんで git を使うの？
A さん B さん
共有リポジトリ
作業リポジトリ
$ git での開発 flow
「git 管理よろしくね」
他にも clone, diff, log...
init
編集
add
commit
push
作業リポジトリでコードを書く
commit 待ちエリアに登録
変更をまとめる
共有リポジトリに送る
$ git での開発 flow ①
編集
add
commit
push
コーチとペアになってやってみよう！
①どちらか 1 人が GitHub で新しいリポジトリを作る
②自分の PC に、新しくディレクトリ（フォルダ）を作る
これが作業リポジトリになる
$ mkdir git-training
$ cd git-training
$ git での開発 flow ①
編集
add
commit
push
$ git init
今いる「git-training」以下を git 管理してねっていう意味。初回だけやる。
$ git での開発 flow ①
編集
add
commit
push
$ vim index.html
Windows 環境では cd dir に読みかえてね。エディタは vim じゃなくていいよ
$ 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>
$ git での開発 flow ①
編集
add
commit
push
$ git status
ファイルの状態を一覧表示ステージされた / ステージされてない / その他
$ git での開発 flow ①
編集
add
commit
push
$ git status
$ git add index.html
指定したファイル（commit したいファイル）をステージにのせる
$ git での開発 flow ①
編集
add
commit
push
$ git status
$ git add index.html
$ git status
ファイルの状態が変わったはず！（前回と比べてどこがどう変わった？）
$ git での開発 flow ①
編集
add
commit
push
$ git commit -m “message”
message の部分に、この commit の概要を簡単に書いてみよう e.g. “Add yamasy’ s profile” “First impression of yamasy”
$ git での開発 flow ①
編集
add
commit
push
$ git remote add origin ...
リポジトリを作った直後、はじめて push するときだけ叩くコマンドどこを共有リポジトリとするか設定しますリポジトリのページに書いてるのでコピペ
$ git での開発 flow ①
編集
add
commit
push
$ git push origin master
commit を共有リポジトリに送信しますorigin 共有リポジトリの場所master ブランチの名前
したら、GitHub のページを開いて
今の変更がちゃんと反映されていることを確認しよう！
push
$ git での開発 flow ①
編集
add
commit
push
・GitHub でリポジトリを作る
・自分の PC でディレクトリを作る
・ディレクトリ直下で「git 使います」宣言する
・なにかファイルを する
・ファイルを してステージにのせる
・ で変更に名前をつける
・ して GitHub にあげる
編集
add
commit
push
1 人目がやったこと
$ git での開発 flow ②
編集
add
commit
push
2 人目以降の作業
③相方が作った GitHub リポジトリ
ページから、URL をコピーする
（右下にあるよ！）
④以下のコマンドを打つ
git-training というディレクトリができる
GitHub から最新のファイルたちをまるごと取ってきた
$ git clone さっきの URL
既に clone してる場合は、「pull」で最新のを取ってこれるよ！
$ git での開発 flow ②
編集
add
commit
push
$ cd git-training
$ vim index.html
Windows 環境では cd dir に読みかえてね。エディタは vim じゃなくていいよ
$ 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>
$ git での開発 flow ②
編集
add
commit
push
$ git status
ファイルの状態を一覧表示ステージされた / ステージされてない / その他
$ git での開発 flow ②
編集
add
commit
push
$ git status
$ git add index.html
指定したファイル（commit したいファイル）をステージにのせる
$ git での開発 flow ②
編集
add
commit
push
$ git status
$ git add index.html
$ git status
ファイルの状態が変わったはず！（前回と比べてどこがどう変わった？）
意図せぬものを add しないよう、こまめに status しよう！
$ git での開発 flow ②
編集
add
commit
push
$ git commit -m “message”
message の部分に、この commit の概要を簡単に書いてみよう e.g. “Add yamasy’ s profile” “First impression of yamasy”
$ git での開発 flow ②
編集
add
commit
push
$ git push origin master
commit を共有リポジトリに送信しますorigin 共有リポジトリの場所master ブランチの名前
したら、GitHub のページを開いて
今の変更がちゃんと反映されていることを確認しよう！
push
$ git での開発 flow ②
編集
add
commit
push
・GitHub にある最新のファイルを clone する
・なにかファイルを する
・ファイルを してステージにのせる
・ で変更に名前をつける
・ して GitHub にあげる
編集
add
commit
push
2 人目がやったこと
$ ステージ
編集
add
commit
push
ローカル
ステージ
ローカル（作業）リポジトリ
リモート（共有）リポジトリ
git add
git commit
git pushgit pull
git clone
git reset