今回は統合開発環境のEclipseとGitHubを連携させるやり方を記事にしておこうと思います。
また、2021年8月13日以降からGitHubでのGit操作認証がパスワード認証から新たにアクセストークン認証へと変更したのでそちらの設定の方法も合わせてみていきます。
事前準備として…
Eclipse上でGitのパースペクティブを有効にしておく
パースペクティブとはEclipseの作業内容に応じて切り替わる画面レイアウトのことです。
Javaのプログラミングに関するものはJavaパースペクティブ、デバックはデバックパースペクティブといったようなもので今回はGitパースペクティブを有効にしておきます。
Eclipse上のメニューから
【ウィンドウ→パースペクティブ→パースペクティブを開く→その他】
![](https://skill-for-it.com/wp-content/uploads/2021/12/0b38b96398d82859d259e7ebaaef22ce-1024x367.png)
Gitを選択し、【開く】
![](https://skill-for-it.com/wp-content/uploads/2021/12/cab52208811648ba8e91011079fa4275-1024x576.png)
これでEclipse上の画面右側にGitのパースペクティブができました。
![](https://skill-for-it.com/wp-content/uploads/2021/12/c0b95a666f978e8054d4382dd5b8e9dc-1024x341.png)
これで事前準備完了です。
ではここからEclipseとGitHubを連携させるために必要な設定をしていきます。
GitHubで新規リポジトリを作成する
今回は【CustomerRepo】というリポジトリ名で作成します。
※READMEファイルと.gitignoreファイルはここでは作成していません。
![](https://skill-for-it.com/wp-content/uploads/2021/12/5d59a32c407d0d0b58e88ebb45e3642f-1024x493.png)
Eclipseに新規プロジェクトを作る
※今回は、WebアプリケーションをJavaで作成することを想定しているため、「動的Webプロジェクト」を例に進めていきます。
ではEclipseに戻り、Javaのパースペクティブのプロジェクト・エクスプローエクスプローラー上で【右クリック→新規→その他】
![](https://skill-for-it.com/wp-content/uploads/2021/12/4c4d0f80ba4e0bb8cedaa5c31981a9a8-1024x576.png)
【動的Webプロジェクト】を選択し、【次へ】
![](https://skill-for-it.com/wp-content/uploads/2021/12/74f3e727656220eb6b4e3ac90d7ecae8.png)
今回はプロジェクト名のみ記入し、その他はデフォルト設定で【次へ】
![](https://skill-for-it.com/wp-content/uploads/2021/12/013e2e45a02015be6c3fc56a67a52268.png)
ビルド・パスの設定もデフォルトのまま【次へ】
![](https://skill-for-it.com/wp-content/uploads/2021/12/501e02a2df0917fb02a37c635391aa66.png)
「web.xmlデプロイメント記述子の生成」にチェックをいれ、【完了】
![](https://skill-for-it.com/wp-content/uploads/2021/12/905bfacabb7379fed77bf5dbba1cc49c.png)
これでプロジェクトができました。
![](https://skill-for-it.com/wp-content/uploads/2021/12/eaead99be49e959a4b44973e116b1062.png)
新規プロジェクトをローカルリポジトリにコミットする
プロジェクトを選択した状態で【右クリック→チーム→プロジェクトの共用…】
![](https://skill-for-it.com/wp-content/uploads/2021/12/fea0b9bf95697e3e3123530f5c79d714.png)
「Git」を選択し、【次へ】
![](https://skill-for-it.com/wp-content/uploads/2021/12/a94a225297e753824c71f2492f7d27eb.png)
「プロジェクトの親フォルダー内のリポジトリーを使用または作成」にチェックを入れる
![](https://skill-for-it.com/wp-content/uploads/2021/12/1bb659dd9b30a6459c213e3c657969fa.png)
【完了】を選択
![](https://skill-for-it.com/wp-content/uploads/2021/12/dabf985a76693e63cf52ac1bc1098c6b.png)
Gitパースペクティブに変更すると
先ほどのプロジェクトのローカルリポジトリが作成されています。
ここで作成したローカルリポジトリをコミットしておきます。
![](https://skill-for-it.com/wp-content/uploads/2021/12/c14e48506be753f343e7da9e4e5c8288-1024x576.png)
ここまでで新規プロジェクトをローカルリポジトリにコミットすることができました。
GitHubのリモートリポジトリと連携させる
ローカルでコミットした内容をGitHubのリモートリポジトリに連携させていきます。
Javaパースペクティブでプロジェクトを【右クリック→チーム→ブランチのプッシュ’master’】
![](https://skill-for-it.com/wp-content/uploads/2021/12/1107e0d88090d23775017e6ba06647e6-1024x576.png)
以下のように必要箇所を入力します。
![](https://skill-for-it.com/wp-content/uploads/2021/12/831a52829549687846eea3e125c9fe99.png)
認証に関して
ユーザー:GitHubのユーザ名
パスワード:GitHubのアクセストークン
冒頭でも説明した通り、2021年8月13日以降からGitHubでのGit操作認証がパスワード認証から新たにアクセストークン認証へと変更となりました。
そのため、ここからはGitHubでのアクセストークンの取得を行います。
GitHubでのアクセストークン取得方法
GitHubに戻り【メニュー→Settings】を選択
![](https://skill-for-it.com/wp-content/uploads/2021/12/016b02f1ec85881a0409c63890ed9328-1024x493.png)
【Developer settings】を選択
![](https://skill-for-it.com/wp-content/uploads/2021/12/3e14c3cd4b2b90dec0b1684e39a075fd-1024x493.png)
【Personal access tokens→Generate new tokens】を選択
![](https://skill-for-it.com/wp-content/uploads/2021/12/2959f733369044962f2ca9f798dd1af9-1024x238.png)
Note:トークン名(今回はリポジトリ名としています)
Expiration:トークン使用の有効期限(今回はデフォルト)
Select scopes:このアクセストークンがもつ権限をセット。Eclipseからリポジトリ操作を行いたいので repo に「✔」をいれる。他には「✔」せず。【Generate token】を選択します。
![](https://skill-for-it.com/wp-content/uploads/2021/12/6ee398690027357e96a55e8c65543450-1024x496.png)
トークンが作成されます。
![](https://skill-for-it.com/wp-content/uploads/2021/12/036f90c54f0369612277bb59e55c1b20-1024x327.png)
作成されたトークンをコピーして、先ほどの「宛先Gitリポジトリー」画面上の認証パスワードに貼り付け、【プレビュー】
![](https://skill-for-it.com/wp-content/uploads/2021/12/831a52829549687846eea3e125c9fe99-1.png)
「リモートのブランチへプッシュ」画面ではデフォルトのまま【プレビュー】
「プッシュ確認」画面もデフォルトのまま【プッシュ】を選択
![](https://skill-for-it.com/wp-content/uploads/2021/12/71182a845ea9e56bc7440b542e6e9635.png)
これでEclipseで作成したプロジェクトとGitHubのリモートリポジトリとの連携ができました。
![](https://skill-for-it.com/wp-content/uploads/2021/12/4516faa9c3a4b34f362033ab0a5dd2cd-1024x491.png)
今回はEclipseで作成した新規プロジェクトをGitHubに連携する方法についてみていきました。
Gitの基本的な操作・用語については紹介しませんでしたが、もしGitについてまだよくわかってない方は以下の動画講座がわかりやすかったので、良かったらみてみてください。
プレビューは無料です。
今回は以上です。
コメント