SourceTreeでステージング用のブランチ作成

> この記事は、[Heroku + Rails Tutorial](http://qiita.com/u651601f/items/cee74687b018960c803e)の参考記事として作成しました。

![sourcetree](https://www.atlassian.com/dms/wac/images/press/Atlassian-logos/logoSourcetreePNG.png)

## 1. SourceTreeのインストール
[こちら](http://www.sourcetreeapp.com)からSourceTreeをダウンロード、インストールして下さい。

## 2. Githubのアカウント設定
続いて、SourceTreeにGithubのアカウントを登録します。

1. リポジトリの一覧を開く
2. アカウントの一覧を開く
![Hosted_Repositories_and_Bookmarks.png](https://qiita-image-store.s3.amazonaws.com/0/25585/5ceaed81-d1ce-1979-4872-95af314c8428.png)

3. アカウントの追加画面を開く
![Screenshot_3_25_14__2_01_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/3a6896ee-9777-2aa0-3527-851b75d2db7f.png)

4. アカウント情報を登録する
![Screenshot_3_25_14__2_02_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/40a82aeb-e0fb-c941-5ac7-cb69da4a6cc2.png)


## 3. 新規リポジトリの作成 & clone
これで、Gitubのリポジトリにアクセス出来るようになったと思います。続いてGithubにリポジトリを作成しましょう。

1. リポジトリの一覧を開く
![Bookmarks1.png](https://qiita-image-store.s3.amazonaws.com/0/25585/af0f561e-bc17-29e4-865b-66c40aa74f45.png) <br><br>![Screenshot_3_25_14__2_15_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/6835112e-3b53-95d9-008e-f9d371a71132.png)

2. 新規リポジトリ作成の画面を開く
![Screenshot_3_25_14__2_18_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/0bc4856c-3720-2a82-a278-2c5be610e13b.png)

3. リポジトリの名前などの情報を入力する
![Screenshot_3_25_14__2_09_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/5c64cc15-1e81-a8b9-dc99-11b2867ec22e.png)
4. リポジトリが作成されました
5. Githubのリポジトリをローカル環境にクローンする
![Screenshot_3_25_14__2_22_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/e0bb99e7-8672-6389-459c-c759716dcf25.png)
6. とりあえずクローンするフォルダはデフォルトに設定（好きなフォルダに設定してもらっても大丈夫です）
![Screenshot_3_25_14__2_24_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/19626e86-ef31-8696-a10b-1ba331ac4d21.png)

以上でリポジトリのクローンまで終わりました。

## 4. とりあえずpush
さきほどリポジトリを作成したばかりなので、フォルダの中には何もありません。そこで、試しにrailsアプリをcloneしたフォルダに入れてpushしてみましょう。

```shell-session
$ mv /path/to/rails/folder/* /path/to/repository/folder
```

railsのファイルがリポジトリフォルダに移動されると、自動的にSourceTreeがファイルを認識してくれます。

![sample-repository__Git_.png](https://qiita-image-store.s3.amazonaws.com/0/25585/4244e18f-f505-48a5-73aa-59d2ae49cdef.png)

ざっと追加されたファイルを見てみると、「/vendor/bundle/」以下のフォルダが大量に認識されてしまいます。

このファイル達（gemファイル）は、Gemfile -> bundle install時に追加されたもので、gemを追加する毎に大量に認識されるため、毎回pushするときにかなりの時間がかかってしまいます。

従って、Railsフォルダの直下に **.gitignore** ファイルを作成して、gemファイルを認識しないようにしましょう。

```:gitignore
/.bundle
/vendor/bundle
```

再びSourceTreeを確認すると、認識されなくなりました！

![sample-repository__Git_.png](https://qiita-image-store.s3.amazonaws.com/0/25585/a7fc525e-09ee-837f-45e6-2e5023c456a8.png)

さて、このセクションの最後にGithubにpushするのですが、はじめはSourceTreeからブランチが認識されないので、今回はTerminalから手動でpushしましょう。

```shell-session
$ git add .
$ git commit -m "initial commit"
$ git push origin master
```

pushが終わってSourceTreeをもう一度見直すと、masterブランチが作成されていることが確認できると思います。　

![sample-repository__Git_.png](https://qiita-image-store.s3.amazonaws.com/0/25585/e82e43cf-80b6-cc41-684e-46245effef8a.png)

## 5. developブランチ、stagingブランチの作成

最後に、master以外のブランチを作成します。

1. ブランチ(branch)のmasterを選択して、タブの「Git Flow」をクリックしましょう。
2. okを押すと、developブランチが作成されます。
![sample-repository__Git__and_New_-_Qiita.png](https://qiita-image-store.s3.amazonaws.com/0/25585/f5a6474e-ba62-8ca1-bf47-52dd9399b304.png)

3. masterブランチをダブルクリックして、developブランチからmasterブランチに切り替えます
![sample-repository__Git_.png](https://qiita-image-store.s3.amazonaws.com/0/25585/783ec177-4404-03dc-659e-8f56eede645f.png)

4. Branchタブをクリックして、New Branckに「 **staging** 」と入力 -> Create Branckをクリックでstagingのブランチが作成されます。
![Screenshot_3_25_14__3_04_AM.png](https://qiita-image-store.s3.amazonaws.com/0/25585/9e2e9f1d-aa75-5720-df73-a1e4e6afd889.png)

<br><br>

以上でブランチが全て作成されました！
あとは、環境に沿って右のブランチのナビゲーションからブランチを切り替えてcommit -> pushしていけば、デプロイ環境に沿った開発が出来るかと思います。


> この記事は、[Heroku + Rails Tutorial](http://qiita.com/u651601f/items/cee74687b018960c803e)の参考記事として作成しました。