環境構築　007　 ローカルリポジトリ作成＋リモートリポジトリ プル

#1. 概要

【環境構築　006　Eclipse 4.6 Neon 3 + Spring Boot スタータープロジェクト作成】で作成した、『dmuser』プロジェクトを使用して、下記を行う

・スターター・プロジェクト『dmuser』のローカルリポジトリ作成
・『dmuser』をローカルリポジトリに commit 、GitHub リモートリポジトリに 『dmuser』を Push
・GitHub リモートリポジトリ『dmuser』から Fetch & Pull
他

#2. ローカルリポジトリ作成

SourceTree で新しいタブ（New tab）を開き、「**Create**」をクリック、Create a repositoryが表示されたら、「**参照**」をクリック

![sourcetree-local-001.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/a4900bd0-680f-03cb-aa89-e9fc3cc70aad.png)

フォルダ選択ダイアログが表示、スターター・プロジェクトのディレクトリ『dmuser』を選び、「**フォルダの選択**」をクリック

![sourcetree-local-002.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/a41779b3-7748-3b4e-be50-0816283e4f89.png)

下記、選択、入力し、「**作成**」をクリック
１行目、スターター・プロジェクトのディレクトリ『dmuser』のフルパス
２行目、任意名称　今回は、dmuser
３行目、Git
４行目、『次のアカウントでリポジトリを作成』は、チェックOFF

![sourcetree-local-003.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/649c24a7-570e-3347-d9ee-ebc538b256c9.png)

出力先ディレクトリのエラーダイアログが表示、作成済みのディレクトリに、ローカルリポジトリを作成するので、警告は無視し、「**Yes**」をクリック

![sourcetree-local-004.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/50f9fd9f-f139-9626-0764-45ba2a8c5555.png)

#3. master / develop ブランチ作成

ローカルリポジトリの作成が成功すると、
タブ名が、『New tab』 から ２行目で指定した名称（今回は、『dmuser』）に代わり
『作業ツリーのファイル』欄に、１行目のフルパス配下にあるファイルの一覧が表示

「**全てのインデックスに追加**」をクリック

![sourcetree-local-005.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/975648fc-e638-4946-5926-42f2ef93feeb.png)

『Indexにステージしたファイル』欄に、全ファイルが移動したら、コミットコメントを入力し、「**コミット**」をクリック

![sourcetree-local-006.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/41484dc5-94e0-96cc-4844-da8d5e5bf63b.png)

ローカルリポジトリに、masterブランチが作成され、masterブランチに、ファイルが登録される

![sourcetree-local-007.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/38905b74-6af0-4614-29bb-057178044d75.png)

「**Git Flow**」をクリック、デフォルト設定のままでいいので、「**OK**」をクリック

![sourcetree-local-008.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/0410d443-418b-1ee9-b539-641f3ef42177.png)

develop ブランチが新たに作成される

![sourcetree-local-009.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/7cf50313-b06d-132c-0028-e21c89a5f114.png)

#4. GitHub 新しいリモートリポジトリ作成

GitHub ユーザアカウントTOP画面の「**repositories**」をクリック
GitHub ユーザアカウントリポジトリTOP画面の「**New**」をクリック

![sourcetree-remote-001.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/4850363d-890b-9fd6-f032-36c242a6621b.png)

GitHub Create a new repositories 画面で、『*Repository name*』に任意名称を入力、「**Create repository**」をクリック

![sourcetree-remote-002.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/8005cbe8-807a-eaf1-da1c-d7404703b82f.png)

新しい GitHub リポジトリが作成できたら、SSH接続文字列をクリップボードにコピー

※ 今回のSSH接続文字列は、git@github.com:kaishibooo/dmuser.git

![sourcetree-remote-003.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/5862805f-1434-9cbb-4529-6f3339b4e5fb.png)

#5. GitHub リモートリポジトリ接続設定

SourceTree の 『dmuser』タブの「**設定**」をクリック
リポジトリ設定画面のリモートタブの「**追加**」をクリック

![sourcetree-local-010.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/5e4e0326-5385-202f-ff9a-30e89530e6ad.png)

リポジトリ詳細設定画面で下記を入力し、「**OK**」をクリック
　リモート名、任意文字列
　URL/パス、SSL接続文字列

![sourcetree-local-011.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/90c45877-cf10-8eba-da3a-b3c709de76a6.png)

![sourcetree-local-012.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/9076072c-27fc-03a2-ea24-97eee321c85f.png)

リポジトリ設定画面の「**詳細**」タブをクリック

![sourcetree-local-013.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/478b08a0-c115-d411-c1fc-22e2afdb6423.png)

ユーザー情報エリアの、フルネームまたは、メールアドレスを入力し、「**OK**」をクリック

![sourcetree-local-014.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/df22cd33-ce68-783f-262b-cc24055f9b1d.png)

#6. ローカルリポジトリからリモートリポジトリへ、Push

引き続き、『dmuser』タブの「**プッシュ**」をクリック

![sourcetree-local-015.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/6afeb8e6-efeb-e1ff-dd3e-aacf749273eb.png)

プッシュ画面の『*全ての選択*』をチェックON
プッシュするブランチの、develop / master 両方のブランチ、『*対象*』チェックON、『*追跡中*』チェックONとなったら、「**プッシュ**」をクリック

![sourcetree-local-016.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/4728b8f5-e134-4669-ea5d-720c69c1b143.png)

プッシュが完了したら、『リモートブランチを表示』チェックONにして、リモートブランチの内容をSourceTreeに表示させる

![sourcetree-local-017.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/43c0c40c-9555-c9c0-a2ee-7b8a4977aee5.png)

#7. GitHub リモートリポジトリ ブランチ確認

リモートリポジトリ『dmuser』を表示、ローカルリポジトリのブランチ（develop/master）にコミットしたファイルが、リモートリポジトリのブランチ（develop/master）にプッシュされていることを確認

![sourcetree-remote-004.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/f9261323-320a-ea4b-8a94-bf4485fa05b5.png)

「**Add a README**」をクリック、READMEファイルをブラウザ上で編集保存する

![sourcetree-remote-005.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/a6fef7f1-4073-af5b-d9f4-d4d40dbe3aa1.png)

#8. リモートリポジトリからローカルリポジトリへ、Fetch

『dmuser』タブの「**フェッチ**」をクリック
フェッチ画面で、『*すべてのリモートからフェッチ*』チェックONにし、「**OK**」をクリック

![sourcetree-local-018.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/24a096d7-574e-40fb-b35d-f0a54bda57c8.png)

『dmuser』タブのプルの横に通知、masterブランチの横にも通知（１件）が表示され、『Create README.md』が１行追加される

#9. リモートリポジトリからローカルリポジトリへ、Pull

『dmuser』タブの「**プル**」をクリック

![sourcetree-local-019.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/889ebc11-689c-4eb4-78ac-1fb5e7cfa93a.png)

プル画面、デフォルト設定のまま、「**OK**」をクリック

![sourcetree-local-020.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/e9d845c8-a08f-766f-5d71-0d0a51f2ff90.png)

ローカルリポジトリのブランチに、リモートリポジトリのブランチとの差分が反映

![sourcetree-local-021.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/20468c40-88a6-6059-6059-0fac4b50b529.png)

Eclipseのパッケージ・エクスプローラーで、『dmuser』を右クリック、「**リフレッシュ**」をクリック

![eclipse-001.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/5912788e-4a5d-92ec-8e88-d0bbdf2332cc.png)

『dmuser』ディレクトリ直下に、README.mdが追加、編集可能になる

![eclipse-002.PNG](https://qiita-image-store.s3.amazonaws.com/0/244997/7f49310e-c04e-4cf2-d2bc-1db1090a1787.png)