Eclipseで作成した新規プロジェクトをGithubと連携する方法

久しぶりにEclipseとGithubを使ってみました。そこで、Eclipseで作成した新規プロジェクトをGithubと連携する方法をメモとして残します。

# 環境
Eclipseのバージョンは以下の通りです。
+ Version: 2021-06 (4.20.0)
+ Build id: 20210612-2011

![00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/7edc5da1-a6c7-4fa5-e6bd-d2314842487c.png)

EclipseのGitプラグインのバージョンは以下のとおりです。
+ Version: 5.12.0.202106070339-r

![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/8fab0608-cfe8-ac7a-dfa2-84811f3598c0.png)

# 手順

### 1. Githubのアクセストークンを取得

自身のGithubのページを開き、右上の自身のアイコンをクリックします。
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/033f2a6e-05be-4194-76d0-5e9d3a496fa1.png)

---

「Settings」をクリックします。
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/9257deb3-acec-6f0a-16c1-d6469c4c29d5.png)

---

一番下の「Developer settings」をクリックします。
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/0ca6973e-b444-390b-1679-8ce026460a78.png)

---

「Personal access tokens」の「Tokens (classic)」をクリックします。
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/ddeb80bf-2748-83c9-889f-360725ab9570.png)

---

右上の「Generate new token」－「Generate new token (classic)」をクリックします。
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/72408dcd-b9c0-1801-8d2d-65c5d6d5d580.png)

---

「Note」（メモ）と「Expiration」（有効期限）を入力します。
（ここではNoteに「Eclipse」、Expirationに「No expiration」（無期限）を設定しています。）
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/b4c273ac-1210-b75e-9ab1-889fdd574a79.png)

---

少し下にスクロールして「Select scopes」の「repo」をチェックします。
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/1fad1d1a-2cdb-17ae-3391-fa85affd7653.png)

---

一番下までスクロールして「Genarate token」をクリックします。
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/e49d8149-2327-f626-0c1c-f76af99152df.png)

---

アクセストークンが発行されました。発行されたアクセストークンをコピーしておきます。
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/dcfb3aeb-5a7f-a5c6-39a2-256c076e8a21.png)


### 2. Eclipseで新規プロジェクト作成

Eclipseでメニューから「ファイル」を選択し「新規」－「プロジェクト」を選択します。
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/193c569a-2688-50f3-1185-a1c37c5cc5e7.png)

---

「Java プロジェクト」を選択し、「次へ」をクリックします。
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/1bdb924d-4a02-a41c-e587-e50ff2b4cb8f.png)

---

「プロジェクト名」（ここでは「gitproject」）を入力し、「次へ」をクリックします。
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/7c806940-7f52-a2fe-ee59-4e846f1d622d.png)

---

「完了」をクリックします。
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/502b07e3-0217-83d7-eced-80d09e9b3fd9.png)

---

Eclipse上にプロジェクト（ここでは「gitproject」）が作成されました。
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/6aa86571-e877-635b-d35d-96efe8391537.png)

### 3. Eclipseで作成したプロジェクトからローカルリポジトリを作成

作成したプロジェクトを右クリックし、「チーム」－「プロジェクトの共用」を選択します。
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/d0a8ce2b-13bf-463a-77ab-72274b39aee2.png)

---

「Git」を選択し、「次へ」をクリックします。
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/1817050c-de0e-13be-b397-b43e1182ebcb.png)

---

「プロジェクトの親フォルダー内のリポジトリーを使用または作成」をチェックし、「リポジトリの作成」をクリックします。
![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/cdc726af-4844-8a2d-c28a-d9e677e4ffb0.png)

---

作成されたリポジトリを選択し、「完了」をクリックします。
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/cba120c7-6265-eca1-e001-8730817ace79.png)

---

プロジェクトを右クリックし、「チーム」－「コミット」を選択します。
![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/55b6f653-8450-8efa-3edc-c63b79681c49.png)

---

リソースをステージングに移し、コメントを入力して、「コミット」をクリックします。
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/35316152-0ebc-f18e-4923-c7a81ce5a5c6.png)

---

これで、作成したプロジェクトが、作成したローカルのGitリポジトリに、コミットされた状態となりました。
![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/7a2be1ac-b791-b82f-7316-b6f4e3ec14d2.png)

### 4. Githubでリポジトリを作成

自分のGithubのページで、「Repositories」をクリックします。
![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/cfc4b86e-b449-21d3-4808-8a9afbe5d5de.png)

---

右上の「New」をクリックします。
![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/1ddc168f-8327-692f-a512-5b9082b33d77.png)

---

リポジトリ名（ここでは「gitproject」）を入力します。
![26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/52c25e3e-9da3-f5a5-9e75-09619f9fa927.png)

---

下にスクロールし、「Create repository」をクリックします。
![27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/9ae2bc6e-9acb-1348-722b-16d0186962ad.png)

---

Github上にリポジトリが作成されるので、リポジトリのURLをコピーしておきます。
![28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/8533b9a8-7707-593e-8dae-2f04b83e4129.png)

### 5. EclipseからGithubへPush

Eclipse上で作成したプロジェクト（ここでは「gitproject」）を右クリックし、「チーム」－「ブランチのプッシュ（master）」を選択します。
![29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/db791992-4814-9c63-6245-011b9d21a567.png)

---

「URI」にGithubで作成したリポジトリのURLを入力、「ユーザー」と「パスワード」を入力、セキュア・ストアに保管をチェックし、「プレビュー」をクリックする。
<font color="red">※パスワードにはGithubのパスワードではなく、Githubで取得した「アクセストークン」を入力する。</font>
![30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/ed91f21b-5a55-2cb7-32b2-16e4937f6c41.png)

---

内容を確認し、「プレビュー」をクリックする。
![31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/72273527-1f1d-1b7d-a65f-742a837ffbe8.png)

---

内容を確認し、「プッシュ」をクリックする。
![32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/04617a10-59ea-1851-32c0-40aa51bee015.png)

---

Eclipseのセキュア・ストレージのパスワードの要否を聞かれるので、お好みで「はい」か「いいえ」をクリックします。
ここでは「いいえ」をクリックしています。
![33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/c812438d-353a-7e67-948a-e65d30868d7d.png)

---

プッシュ結果を確認し、「閉じる」をクリックします。
![34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/bbcd2e4d-83ed-f7d6-38bb-3edecf668d85.png)

---

自分のGithubのページを参照すると、Eclipse上のプロジェクトがGithubにPushされていることを確認することができます。
![35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/292434/8645d696-e139-625d-5692-3760ef388b5f.png)

---

以上