初心者のためのGitとSourceTree　〜サルでもわかるGit入門を試してみた〜

# きっかけ
こんにちわ。この歳にしてGitだとかSourceTreeを使うことになった初心者です。
Gitを学ぶのって何がいい？
そう友人に聞いたら、「それなら『サルでもわかるGit入門』がいいよ！ついでにSourceTreeも学べるし！」とそそのかされてやってみることにしました。

でも、やってみるとバージョンのせいか、書いてある内容と微妙に違っていて、戸惑うことが多かったので、「せっかくなので内容を更新しとこう」と思い、ここに書くことにしました。

参考：[サルでもわかるGit入門](http://www.backlog.jp/git-guide/)

今回使ったバージョンは次の通りです。
* Mac BookPro (Retina, 13-inch, Mid 2014)
* OS X EI Capitan, version 10.11.1
* SourceTree version 2.1


# 入門編
## Gitの基本
この部分は特に悩むことはありません。
素直に読み物として読みました。

## チュートリアル１　Gitの基本
### Gitのインストール
ここでSourceTreeをインストールすることになります。この辺りからだんだん怪しくなるので、少々説明を追加します。

まずはSourceTreeの入手先。
[SourceTree](http://www.sourcetreeapp.com/)
リンク先はAtlassianのページで、こちらのPCを自動的に判定してくれます。MacならMac用クライアントを、WindowsならWindows用クライアントのダウンロードリンクが表示されます。

<img width="919" alt="sourcetree_01.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/db8d4b18-7410-92d0-060b-04413d124ea5.jpeg">


### 初期設定
インストールが無事に完了すると初期設定です。
しかし！いきなり画面が違う！でも何となくわかるから気にしない、気にしない・・・


<img width="456" alt="sourcetree_03.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/4bb4a941-026c-dab7-e68d-ee1634baacaf.jpeg">


### 新しいリポジトリを作成する
ここはかなり画面が違います。
SourceTreeが立ち上がった状態だと、なーんもない、シンプルな画面です。
サルGitのページだと、次に「リポジトリを作成」ボタンを押すことになってますが・・・
「リポジトリを作成」ボタンて、どこにあるの？？？
ポチポチいじってみると、それらしいものがありました。

<img width="483" alt="sourcetree_04.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/abd8f162-998f-9404-5969-414bd7cd2110.jpeg">


これだ！登録する内容がそれっぽい！

<img width="517" alt="sourcetree_05.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/06559bab-4037-fbb9-5f49-bab44b17a5d7.jpeg">


サルGitのページを見ながら必要事項を入力し、無事にローカルリポジトリが作成できました。

<img width="480" alt="sourcetree_06.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/5c17acf1-4bf4-e637-a44a-cd16a626a36d.jpeg">
以外と簡単。

### ファイルをコミットする
さぁ、いよいよファイルのコミットです。まずはローカルリポジトリ（今回はMacのデスクトップ上にtutorialというフォルダが出来ています）に練習用のファイルを作ります。
サルでもわかるGit入門（以下、サルGit）に従って、sample.txtを作成。

![sourcetree_07.jpg](https://qiita-image-store.s3.amazonaws.com/0/106687/64e217f4-7aae-b907-5c2c-82157088e52f.jpeg)


すると、SourceTreeの方でもちゃんと表示されています。
（もしかしたらtutorialという名前のバケツアイコンをダブルクリックしたかも）

<img width="1050" alt="sourcetree_08.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/62923620-c37d-686f-b486-6e768ef8a37c.jpeg">


作業ツリーのファイルの中に先ほど作ったsample.txtファイルがちゃんとありました。？マークがついてますが気にしない、気にしない。

このファイルをIndexにステージします。サルGitでは右クリックでなんて書いてありましたが、普通にdrag & Dropでできました。

<img width="1052" alt="sourcetree_09.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/f10db128-ca80-6153-db4e-c06a426d56d1.jpeg">

<img width="1050" alt="sourcetree_10.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/6f164110-b13c-57fa-8ce7-f276e83ddc0f.jpeg">


この状態でコミットボタンを押します。


<img width="1050" alt="sourcetree_11.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/a0966625-43ad-bef3-0811-88c29e25d22f.jpeg">


すると・・・やっぱり画面が違う！
というか、なんか聞かれた！
私の場合、このタイミングでユーザ情報を聞かれました。

<img width="480" alt="sourcetree_12.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/7baca7ef-9810-2bce-4f34-c87455a42459.jpeg">


そこでユーザ情報を入力し、ＯＫボタンを押すと、無事にそれっぽい画面になります。
でもまだコミットできてない。
sample.txtファイルはまだIndexにステージされてます。

<img width="1050" alt="sourcetree_13.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/9a458a6b-76e9-f76a-18d6-b0aa82c863c8.jpeg">

しかも、この画面も微妙に違うし・・・
コミットメッセージ入力欄違うし・・・

でもまぁ、分からないわけではないので、とりあえずコミット！
すると・・・
<img width="1050" alt="sourcetree_14.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/d69af574-db14-01a1-ca75-b22250fca0ff.jpeg">

なにこれ？何もないよ！どうしたらいいの？
正直、ここはちょっとだけハマりました。今となってみれば、何でこんなところでプチ・パニックになったのか恥ずかしいのですが・・・
なにぶん、超初心者なので・・・

<img width="1050" alt="sourcetree_15.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/106687/68beb87b-3edf-f5f1-c3e4-87671f6a7771.jpeg">

何て事はない、左上にある「時計マーク」のアイコンを押したら、ちゃんと表示されました。コミットが終わった瞬間は「チェックマーク」になってたのね。

ちゃんとmasterブランチにコミットが成功していました。

次はリポジトリの共有ですが、また後ほど・・・

続く・・・