GitHubとSourceTreeの連携とセットアップ

# 1.SourceTreeをインストールする
### 1-1. SourceTreeをダウンロードする
ATLASSIANの公式ページの[[Download for Windows] or [Download for Mac]](https://www.sourcetreeapp.com/)からSourceTreeをダウンロードする。
![sourcetreetop.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/eea253a7-90e4-6b2a-e5b7-0b2d0f85ad95.png)
### 1-2. ダウンロードしたファイルを開く
ファイルを開くとインストーラーが起動しますのでインストール作業に移ります。
###### ※このときMacではセキュリティー項目で弾かれる事があるので
###### [システム環境設定]>>>[プライバシーとセキュリティ]>>>[一般]
###### 鍵アイコンをクリックしてパス認証したら[このまま開く]を押してください。
### 1-3. Registration
ここでスキップ表示が出てない場合、アカウント作成しないと進めないので
**[Create one for free]** を押してアカウント作成をしてください！
###### ※アカウントはBitbucketのアカウントですが使わないのでテキトーに登録だけしてください。
![registration.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/6b7641a8-674c-4d1f-9db1-258462bbd52d.png)

### 1-4. ツールをインストール
ツールのインストール選択はGitのみ。
###### ※Mercurialはチェックを外してください。
![tool.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/238e2863-09f7-2b07-30e8-3cb907fab053.png)
完了したらこの画面が出てきます。
![toolcomplete.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/dcecfb5b-5897-bc11-76ba-e1277d7de15f.png)
### 1-5. Preferences
Preferences画面が表示されたら、コミット時などに利用されるユーザー名とメールアドレスを入力し、
「次へ」をクリックして進みます。
GitHubのアカウント名とメールアドレスでOKです。
![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/4f51e9be-406f-30f3-a290-9677c253bb0c.png)
次へを押すとSSHキーを読み込みますか？と出ますが**「いいえ」**を押してください。
![ssh.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/e74ed6de-b049-a62e-f811-84b4ab86e8db.png)
ここまででインストールは完了です！！
# 2.SourseTreeにGitHubのアカウントを追加する
### 2-1. Mac
Soursetreeの環境設定からアカウントをクリックします。
![account-mac.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/1dfc60be-84ee-6f18-bab1-ab4ad51026eb.png)
アカウントから追加をクリックします。先ほど作成したBitbucketのアカウントが表示されますが、
こちらは必要に応じて削除しておきましょう。
![account-mac2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/4019fbdd-3e59-43aa-d675-3fdac6951e5c.png)
①ホスト(ホスティングサービス) >>> **GitHub**
②プロトコル　>>> **SSH**
③認証タイプ >>> **Oauth**
④**アカウントを接続をクリック**

![account-mac3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/dbf57e66-9191-9875-4a31-cc0de8090105.png)

アカウントを接続をクリックをクリックすると、
SourcetreeからGitHubへのアクセスを許可する画面が表示されるので、
**［Authorize atlassian］**を押して承認します。

認証後SourceTreeに戻り**ユーザー名が反映されていれば**
保存を押して終わりです。

![github-sourcetree.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/bb4c2441-4a84-7328-49ff-e5261bbae902.png)

### 2-2. Windows
Remoteタブを押してアカウント追加ボタンを押す！
![account-win.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/979ddec4-4b26-848e-1c27-0ffda52d81fa.png)
①ホスティングサービス >>> **GitHub**
②優先するプロトコル　>>> **SSH**
③認証 >>> **Oauth**
④**OAuthトークンを再読込をクリック**
![accoiunt-win2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/1d936409-de92-536d-8bbc-8e10e6a216b9.png)
OAuthトークンを再読み込みをクリックすると、
SourcetreeからGitHubへのアクセスを許可する画面が表示されるので、
**［Authorize atlassian］**を押して承認します。
認証後SourceTreeに戻り**ユーザー名が反映されていれば**
OKを押して終わりです。
![github-sourcetree.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/f418409f-e7a6-7828-a51f-1eb37a699857.png)
# 3. リポジトリをclone
### 3-1.GitHubに新規リポジトリを作成する
READMEの作成もチェックしましょう！！
![repogitory.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/78f5d094-18e4-b9cb-ea47-6eaeb42c54a1.png)
### 3-2.SourceTreeでclone(Mac)
clone前にツールバーの**SourceTree**を押し[環境設定]を開く。
![スクリーンショット 2021-02-04 21.37.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/066ecae9-5974-ca5a-d1a9-5ca07871617a.png)
作業用ディレクトリがある場合そこを指定しておく。
![スクリーンショット 2021-02-04 21.34.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/4e24a511-fe6d-f9ba-4ea0-3055a97f2b52.png)
SourceTreeのリモートタブをクリックし先程作成したリポジトリのcloneボタンをクリック
![スクリーンショット 2021-02-04 21.29.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/ba880367-e3d9-45c4-f5fa-529b859c3811.png)
フォルダ名を記入して**clone**をクリックすると完了
![スクリーンショット 2021-02-04 21.29.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/cf454e8a-47b6-f862-d6e4-147e3e555664.png)
### 3-3.SourceTreeでclone(Windows)
clone前にツールバーの**[ツール]** >>> **[オプション]**をクリック。
![スクリーンショット 2021-02-04 220211のコピー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/d3b22194-651b-7664-eaa7-4e7336c710e7.png)
Repo Settingのプロジェクトフォルダを作業フォルダに指定しておきましょう。
指定し終わったらOKで戻ります。
![スクリーンショット 2021-02-04 220854.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/a0708533-cc51-9567-fc1e-57d71a2720e1.png)
Remoteタブを押して更新アイコンをクリック。
先程作成したリポジトリを探しcloneボタンをクリック。
![スクリーンショット 2021-02-04 220211.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/6eca7b77-9575-ea9a-b819-d0edf0fe7972.png)
任意の名前を入力してcloneをクリック。
![スクリーンショット 2021-02-04 220306.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1081754/4ae1fdb8-40f9-ec28-08f7-a43fb97c471c.png)
# 4.Pageantのエラー
### 4-1.Pageantのエラー解消
WindowsはSSHのキー読み込みのエラーが出るので下記の記事を参考にエラーを解消します。
[**①Githubの認証に秘密鍵を使う**](https://qiita.com/reflet/items/4f7b5c4a312bc27df10e)
[**②Pageantに秘密鍵をセットして自動起動**](https://qiita.com/reflet/items/6d74851f033ddc325df9)
### 4-2.pageantのディレクトリ
C >>> ユーザー >>> username >>> AppData(隠しフォルダ) >>> 
Local >>> SourceTree >>> app-3.x.x >>> tools >>> putty >>> pageant

これで完璧！！！！