Github登録からSourceTreeを使うまで

# Githubの登録

![FireShot Capture 006 - The world’s leading software development platform · GitHub - github.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/c20de2c1-336a-9322-6be2-dd45cbd33894.png)

1. https://github.com/ にアクセス
2. 必須事項を入力
    - Username （ https://github.com/xxxxxx <- ここの部分に使われます  ）
    - Email
    - Password
    - 「Sign up for Github」を押下
3. 次の画面で「**検証開始**」ボタンを押下

パスワードが簡単すぎるとこの画面でアラートが表示されます。
パスワードを再入力したら次へ進めます
![FireShot Capture 008 - Join GitHub · GitHub - github.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/629e6e35-805b-0033-4aed-45c16ea4ecb4.png)
4. 犬？を上下正しい方向に回転させて「**終了**」ボタンを押下
![FireShot Capture 009 - GitHub · Where software is built - github.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/cbc9ca43-63b4-187e-bdd1-312d3324fb51.png)
5. プラン「**Free**」を選択し、チェックは入れず「**Continue**」ボタンを押下
![FireShot Capture 010 - GitHub · Where software is built - github.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/1d186534-fd42-23bd-4d89-4827f0209ba2.png)
6. どこにもチェックを入れずに、テキストリンク「**Skip this step**」を押下
7. 指定のメールアドレスにきたメール「**Verify email address**」ボタンを押下するとGithubのトップページが表示されると思います。

これでGithubの登録は完了です。


# SourceTreeのセットアップ

### Bitbucket に登録

1. https://www.sourcetreeapp.com/ にアクセスします
2. 「**Download for Mac OS X**」を押下

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/abd72cc9-57f7-d3f1-13a3-822b3b996882.png)
3. 「**agree to the ~~~**」にチェックを入れ、「**Download**」をクリック

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/373050e9-932e-94d7-6a9d-e0ea880f344e.png)
4. ダウンロードしたファイルを開き、表示された画面上のテキストリンク「**Create a free account today!**」を押下

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/fd76c094-0ddb-fae4-465d-d8b88f8abdcf.png)
5. 必須項目を入力し、「**Agree and sign up**」を押下
6. ユーザー名を入力
7. 指定のメールアドレスに届いた「**Verify my email address**」ボタンを押下
8. アンケートは選択せず、「**スキップ**」ボタンを押下

これでBitbucketの登録は完了です。

### Sourcetree にユーザー情報を紐づけ

![8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/790bcf39-4f4a-5fcc-4357-d42d68917c39.png)

1. SourceTreeのインストーラーに戻り、「**Bitbucketクラウド**」を押下
2. 「**アクセスを許可**」ボタンを押下

![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/18e24254-27ed-74d6-d9b8-e3d50439fc28.png)
3. この画面が出てきた場合には、SourceTreeを選択した状態で、「**リンクを開く**」ボタンを押下

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/e2caee83-e172-32b9-a739-3715f7662159.png)
4. 登録完了画面にて、「**続行**」ボタンを押下

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/6e3768b2-4b05-847e-8f33-01084ca06ec6.png)
5. 設定画面は、そのまま「**完了**」ボタンを押下してしまってかまいません

これでSourceTreeが使えるようになりました。


# リポジトリの作成からSourceTreeでクローンする方法
![FireShot_Capture_013_-_GitHub_-_github_com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/022d394b-70cf-681b-1336-8572d41d050a.png)
1. 「**Create a repository**」を押下

![FireShot Capture 041 - Create a New Repository - https___github.com_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/238ba98c-e0a0-8ec1-585a-9dc831229d7e.png)

2. 「**Repository name**」を入力（任意でかまいません）
3. 「**Description**」をできれば入力（任意でかまいません）
4. 「**Public**」を選択
5. 「**Initialize this repository with a README**」にチェックを入れる
6. 「**Create repository**」を押下し、リポジトリを作成


### SourceTreeにGithubのリポジトリを使えるようにする

SourceTree を開き、環境設定（⌘ + ,）を開きます

<img width="677" alt="スクリーンショット_0031-05-20_12_26_56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/bd71b9ba-77c2-1d78-45fb-05d1ed3fe6c4.png">


1. 「**アカウント**」タブを開きます
2. 「**追加**」ボタンを押下
3. ホストを「Github」
4. 認証タイプを「Basic」
5. Githubのユーザー名、パスワードを入力
6. プロトコルを「**HTTPS**」を選択
5. 「**保存**」ボタンを押下する



<img width="480" alt="スクリーンショット_0031-05-20_15_46_38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/940d7741-d2dc-d215-ba8b-f01058ccc85e.png">
6. SourceTreeのリモートタブに「GitHub（ユーザー名）」が追加されてる状態になっている事を確認してください。
7. 「**クローン**」リンクを押下

<img width="434" alt="スクリーンショット 0031-05-20 16.07.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/65f3951e-c755-748f-c994-2aba4f41a6fe.png">
8. Macのパスワードを入力し、「**常に許可**」ボタンを押下します。

<img width="517" alt="スクリーンショット 0031-05-21 12.18.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/74438/e939203e-8eff-e7f2-c1b8-338f8d342147.png">
9. 保存先のパスは、適宜変えてください。（名前[html]も任意で変更してもらって構いません）

これでSourceTreeでGithubリポジトリを使える用意ができました。