初心者の初心者による初心者のためのGit入門

##Gitってなんやねん
###そんなあなた
- [猿でもわかるGit入門](http://www.backlog.jp/git-guide/intro/intro1_1.html)を舐める程度でいいので最後まで読みましょう。
- [連載Git入門！](http://naichilab.blogspot.jp/2014/01/git-1sourcetreegitgit.html)←どちらかというと先にこっちを読んだ方がいいかもしれませんね。Gitでどんなことができるのか、便利さだったり、必要性を学べます。
- [侍エンジニア塾ブログ](http://www.sejuku.net/blog)にて、さらに詳しく書いています。



###俺、猿以下やんって思ったあなた
- 大丈夫です。最初はみんなそんなもんです。
- Git とは、つまり、WEBエンジニアにとっては、なくてはならない存在になりつつあるものなんだ。それくらいはわかったと思います。

##Gitの基本的なコマンド集
このページを開いておけばGitの基本的なコマンドには困らない。そんな基本コマンドを書いておきます。
###ブランチを作成する
> $ git branch 新しいbrach名

###ブランチを切り替える
> $ git checkout 切り替えたいbranch名

###現在のブランチの状態を確かめる(変更したファイルないかな？等)
>$ git status

###indexに追加する
>$ git add .

###コミットする
>$ git commit -m "コミットメッセージ"

###(コミットや索引に追加する前に)変更したファイルをもとに戻したい
>$ git checkout .

###ブランチ一覧を見る
>$ git branch

チェックアウトしているブランチには星マークがつきます

###コミットログを見る
>$ git log -5

で、直近から5つ前までのコミットログ(ID,コミットメッセージなど)を見れます

##SourceTreeを学ぶ
Gitきほんのき・Gitのコマンドを学んだら次は”SourceTree”を学びましょう！
###SourceTreeってなんやねんおら
- 簡単に言うと Git を便利に使うための ツール
- GUI(グラフィカルユーザーインターフェース)なのでとっても見やすいし超便利
- 短い文章で結構わかりやすく紹介しているサイトがあったので参考にしてみてください → [こちら](https://www.atlassian.com/ja/software/sourcetree/overview)

##SourceTreeを実際に使ってみよう
###前提

- SourceTree ダウンロード済み
- Gitlab アカウント作成済み

###Gitlabでプロジェクトを作成

1. 緑の[+ New Project]を押す

![スクリーンショット 2015-08-24 9.20.08.png](https://qiita-image-store.s3.amazonaws.com/0/87476/05360628-2e3a-199c-7389-bb50859aa387.png "スクリーンショット 2015-08-24 9.20.08.png")


1. Prject path : 適当なプロジェクト名
2. Visibillity Level : 任意で選択

![スクリーンショット 2015-08-24 9.20.34.png](https://qiita-image-store.s3.amazonaws.com/0/87476/be603541-51da-3164-a77e-5335b8e0bc66.png "スクリーンショット 2015-08-24 9.20.34.png")

###クローン

1. httpsを選択しURLをコピーする


![スクリーンショット_2015-08-24_9_43_57.png](https://qiita-image-store.s3.amazonaws.com/0/87476/3b62fca2-77d2-37e1-ba55-2309dcb6b7c2.png "スクリーンショット_2015-08-24_9_43_57.png")


1. ```SourceTree``` を開く
2. ```ファイル``` を選択
3. ```新規/クローンを立ち上げる``` を選択
4. 下記の画面が表示される
5. ```+ 新規リポジトリ``` を選択
6. ```URLからクローン``` を選択


![スクリーンショット 2015-08-24 9.14.13.png](https://qiita-image-store.s3.amazonaws.com/0/87476/3dfaeef2-430e-cd67-7395-2004c6416fa9.png "スクリーンショット 2015-08-24 9.14.13.png")

1. ソース URL : 先ほどコピーしたURLをペースト
2. 保存先のパス : 任意
3. 名前 : 任意
4. ```クローン``` をクリック

![スクリーンショット 2015-08-24 9.50.28.png](https://qiita-image-store.s3.amazonaws.com/0/87476/fef3ac71-012b-2fb7-c38b-179d92281c46.png "スクリーンショット 2015-08-24 9.50.28.png")


###ファイル編集/ステージ/コミット

1. なんらかのファイルを作る（テキストファイルやhtmlファイルが好ましい）
2. 保存先を先ほど設定したディレクトリの中に保存
3. この時点で下記画像のような状態になっていることを確認

![スクリーンショット 2015-08-24 10.29.28.png](https://qiita-image-store.s3.amazonaws.com/0/87476/e3620e01-d443-a85a-8ce7-386a11194217.png "スクリーンショット 2015-08-24 10.29.28.png")

1. 先ほど作成したファイル のチェックボックスにチェックを入れる
2. 下記画像のようにファイルが ステージ されたことを確認

![スクリーンショット 2015-08-24 10.29.41.png](https://qiita-image-store.s3.amazonaws.com/0/87476/819a5574-0f89-ccfc-ef7f-0ef8dc5fb769.png "スクリーンショット 2015-08-24 10.29.41.png")

1. 画面下方にコメント欄に
2. ①コミットでの変更内容の要約
3. ②変更した理由
4. を入力
5. ```コミット``` を押す

![スクリーンショット_2015-08-24_11_18_08.png](https://qiita-image-store.s3.amazonaws.com/0/87476/198e7ca5-fa86-ece0-c8fd-ffd744f9cf90.png "スクリーンショット_2015-08-24_11_18_08.png")



###プッシュ

1. メニューバーの ```プッシュ``` をクリック
2. 編集したファイルが属するブランチのチェックボックスにチェックをつける

![スクリーンショット_2015-08-24_11_25_09.png](https://qiita-image-store.s3.amazonaws.com/0/87476/b74f0b16-d96d-c20f-842a-849a8e9f1048.png "スクリーンショット_2015-08-24_11_25_09.png")


###プル

1. メニューバーにある ```プル``` をクリック
2. ```Gitlab```　に戻り更新されているか確認

![スクリーンショット_2015-08-24_13_45_58.png](https://qiita-image-store.s3.amazonaws.com/0/87476/82fbdd8a-c779-9e02-a64d-374f331ae501.png "スクリーンショット_2015-08-24_13_45_58.png")