[初心者向け]sourcetreeを使いたいけど、コマンドとかわからない for mac

[対象]
・**macユーザー**
・業界に入りたてで、コマンドや[git]がわからない人
・とりあえずsourcetreeを使えればいい人
・とりあえずGitHubからクローンしたい人

[前提]
**GitHub**のアカウントを作成済である

#1.ダウンロードする

[公式sourcetreeサイトURL]

https://www.sourcetreeapp.com/

##[Download for Mac OS X]を選択
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/f15f4808-fe31-c4c6-2aeb-76af781994f8.png)

##[Important information]のダイアログ表示　

 **[内容]：同意しますか？**

**チェック**を入れて**[Download]**を選択

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/0cd42978-adf2-3a69-e470-cefdf0cc4096.png)


##画面下部のインストールしたファイルを開く。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/1d4e03b4-511c-c96b-9020-aaa2ee5cf644.png)


#2.Sourctreeを起動する

クリックしたあとに、ダウンロード内の**[Soucetreer.app]**をクリック
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/0afd69cf-eebb-7b00-fce7-5bbdf72b22c9.png)

**[開く]** を選択
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/af089dbd-1e18-cf3e-76a8-ccbc37d5995a.png)

##[Move to Application folder?]のダイアログ表示

**内容:sorcetreeアプリを、PC内のアプリケーションへ移動しますか？**

**[Move to Application Folder]**を選択


![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/11c576c2-5e4f-9017-a445-121033c80473.png)


#3.アカウント設定をする

画面内の設定アイコンを押す

![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/5bbfad7a-69c8-39a1-7636-0d684ca89a57.png)


**[アカウント]**を選択
![8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/6016b82b-186b-73c0-cd63-93852131ea6f.png)


**[追加]**を選択
![9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/00a6a398-0b0c-82d8-6732-213b2b70eef2.png)

##<設定項目>
**ホスト　     :GitHub**
**認証タイプ  :OAuth**
**プロトコル　　　　:SSH**

![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/161991cf-4a82-63b7-5064-3d85f4db7714.png)



#4.GitHubとひもづける
↑一つ前の画像にある**[アカウントを接続]**を選択

[GitHub]へ遷移する

**[Sourcetree.appを開きますか？]**のダイアログ表示
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/5645444b-a351-3e71-ae6f-8bcd8337ad66.png)

**Sourcetree.appを開く**を選択


#5.SSHキーの作成

[sourcetree]
**[キーを生成]**を選択

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/2596f206-132d-80ba-9cbb-4347ff647b01.png)

##パスフレーズを作成

![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/7cb40a4f-a4b4-9c12-b24c-033dc6b31742.png)

自分のわかりやすいパスフレーズを記入し、**[作成]**を選択

#6.作成したSSHキーと[GitHub]を接続する

:::note info
[クリップボードにコピー]を押してから、[保存]を押す
:::

![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/b39a3b32-f5cb-ee40-0409-06871b1afbe4.png)


##GitHubへSSHキーを設定する

[GitHub]
**[Setting]**を選択

![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/259002e9-8e41-737b-2c75-ac27d41bbcab.png)

**[SSH and GPG keys]**を選択
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/049c809e-085c-9ecc-2aae-c1734ce25e8a.png)

**[New SSH Key]**を選択

![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/1eeb8648-bec7-001c-e1ad-54a019b99099.png)

**[Title]**(赤枠)に自分がわかりやすいタイトルを記入
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/87ae79c7-6441-ca37-d076-48f3aaa9296c.png)

**[Key]**(青枠)にさっき**[クリップボードにコピー]**でコピーができているはずなので、
そのまま、ペーストをする。

:::note warn
もし、ペーストができなかったら、もう一度Sourcetreeに戻って[クリップボードにコピー]でコピーができる
:::


**GitHubアカウントの[パスワード]**を入力する
![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/a355e56f-4126-60b7-66bb-06150b56de3e.png)


##GitHubとの接続完了！
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/059e4782-c3c9-738a-a2e3-4bb263d774c1.png)

#7.クローンする

[GitHub]
##クローンしたいファイルをコピーする

:::note info
<SSH>のURLを緑矢印がさす、コピーボタンでコピーする
または、そのままドラッグして[command]＋ Vでコピーもできる
:::

![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/76cf0beb-b1dc-2223-b610-ea978beac950.png)


##新規にクローンする
[sourcetree]
**[新規]**>**[URLからクローン]**を選択する
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/017d06e6-2200-c274-883b-28ea97edf051.png)


**ソースURL**へさっき[GitHub]でコピーしたURLをペーストする
![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/f8373863-d41d-b22d-ab61-5c7daa1877bf.png)

:::note info

[保存先のパス]と[名前]は自分が作業しやすい場所や、名前に設定する。

記入欄のところクリックすると自動で設定してくれる。

[...]のアイコンを押すと[finder]が出て選択することもできる

:::

![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/ee20e663-889b-ca80-8c2b-5dec031c21d7.png)

:::note info
[これはGitリポジトリです]と表示されればOK！
:::

**[クローン]**を押す



#8.お疲れ様です。クローンができてsourcetreeの作業画面が表示されました！

![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2388076/6277d886-164a-840c-7b99-cf53694c065a.png)