3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

初めてのチーム制作!!コード管理編~EclipseでGitHubを使いこなそう~

Last updated at Posted at 2020-02-04

#チーム制作でコード管理をするには…
今回は、チームでWebアプリケーションの制作に挑戦しました:smiley:
チーム制作でコードを管理する際に必須なのが、GitHubです。
今回はEclipseで開発したので、EclipseでGitHubを使用できるようにし、プロジェクトに参加していきます:bangbang:
また、自分のした作業をプロジェクトに反映させられるようにしていきたいと思います。
#EclipseでGitHubを使いこなすための手順

手順としては、以下の通りです。

  1. EclipseでGitHubを使えるようにする
  2. GitHubからEclipseにクローンし、プロジェクトを作る
  3. 自分の作業をプロジェクトに反映させる

おまけ: EclipseからGitHubリポジトリに結び付ける方法

#EclipseでGitHubを使えるようにする
まず、EclipseとGitHubを連携して使えるようにする必要があります。
そのためには、EclipseにGitを使うためのプラグイン「EGit」をインストールします。

インストールが終わったら、Eclipseで「ヘルプ」⇒「新規ソフトウェアのインストール」を開きます。
image-117-768x488.png

「追加」を選択すると、リポジトリーの追加が出てきます。

image.png

リポジトリーの追加では、以下のように入力し、追加します。

名前(N):EGit
ロケーション(L):http://download.eclipse.org/egit/updates
コメント 2020-02-03 102444.png

一覧が表示されたら、すべてにチェックを入れ、次へ進みます。
image.png

インストールするものの一覧が出てくるので、次へ
image.png

利用規約に同意し、完了します。
コメント 2020-02-03 103823.png

これで、EclipseでGitHubを使用する準備ができました:relaxed:
#GitHubからEclipseにクローンし、プロジェクトを作る

次にGitHub上のチームで共有されたリポジトリをEclipseに入れていきます。
この作業をクローンと言います。クローンが終わるとEclipse上にプロジェクトができます。
*チームのリーダー(以下master)がGitHubでリポジトリを作成し、自分とリポジトリの共有がされていることが前提です。

まずGitHub上で共有しているリポジトリClone or downloadを選択し、URLをコピーして置きます。
image.png

"Clone with HTTPS(HTTPSでクローン)"の下で右のマークをクリックしてください。
コメント 2020-02-03 133046.png

次にEclipseを開き、ファイルからインポートを選択します。
image.png
Gitからプロジェクトを選び次へと進みます。
コメント 2020-02-03 133651.png
クローンURIを選び次へ
コメント 2020-02-03 133716.png
URIのところに先ほどGitHubからコピーしものを貼り付けます。
ユーザーとパスワードも自分のものを忘れずに入力しておきましょう。
コメント 2020-02-03 134519.png
次の画面でmasterにチェックをいれ、次に進みます。
コメント 2020-02-04 090214.png

ローカル宛先はディレクトリをワークスペースのパス+プロジェクト名のように設定
コメント 2020-02-04 090456.png

次へ進み、インポートを既存プロジェクトのインポートを選択します。
コメント 2020-02-29 214714.png

プロジェクトをインポートの画面で完了です。
コメント 2020-02-29 214813.png

これでクローンが完了し、Eclipse上にプロジェクトが完成しました:smile:
#自分の作業をプロジェクトに反映させる
Eclipse上にプロジェクトが無事に入り、個々の作業に入ります。
自分の作業をEclipse上で進めていき、GitHubでプロジェクトに反映させるまでの手順を追って説明していきます。

  1. 自分の作業用のブランチを切る
  2. コミット、プッシュする
  3. プルリクエストを送る
  4. マージし、ブランチの削除
  5. masterに戻し、プル

GitHubの用語を使っていますので、初心者の方はこちらのサイトを参考にしてみてください:point_down_tone2:
【イラストで覚える】初心者のためのGitとGitHub用語集 | ずくろぐ
###自分の作業用のブランチを切る
最初プロジェクトは以下のようにmasterになっているので、自分の作業する場所を作っていきます。
コメント 2020-02-03 144559.png

この作業をブランチを切るといいます。プロジェクトを右クリック→チーム→切り替え→新規ブランチを選択します。

コメント 2020-02-03 144927.png

ブランチの名前を付けます。ブランチは作業を1つ1つ細かく切って分けていくので、やっている内容がわかりやすい名前が好ましいです。
コメント 2020-02-04 092106.png

完了をし、ブランチが切れたので、自分の作業を行っていきます。
###コミット、プッシュする
コミット、プッシュしていきます。
コミットとは追加・変更したものを自分のリポジトリにセーブするようなイメージです。
プッシュはローカルリポジトリ(コミットしてセーブしたところ)の内容をリモートリポジトリ(masterのリポジトリ)に反映させます。

Gitステージングのところから緑の+マークで内容を変更したものを移動させます。コミットメッセージを書き、コミットおよびプッシュをします。
コメント 2020-02-03 150914.png

###プルリクエストを送る
次にプルリクエストを送ります。
プルリクエストとは自分の変更をプロジェクトに反映させてもらえるように要求することです。
これはGitHub上で行います。

branchesを開きます。
コメント 2020-02-03 161903.png

以下のような画面になるのでプルリクエストします。
コメント 2020-02-03 154023.png

何を変更したか、作業内容を書き、Create pull requestをします。
masterから許可が出るまで待ちましょう。
コメント 2020-02-03 155639.png

###マージし、ブランチの削除
masterからマージの許可が出てからマージします。
マージとは、簡単に言うと加えた修正を統合することです。

Merge pull requestをします。
コメント 2020-02-03 155809.png

そしてComfirm mergeでマージの完了です。
コメント 2020-02-03 155848.png

その後に、ブランチを削除しておきましょう
コメント 2020-02-03 164416.png

###masterに戻し、プル
ブランチの削除が完了したら、Eclipse上でmasterに戻し、プルします。プルすることで、プロジェクトが最新の状態になります。
プルとは、リモートリポジトリのコミットをローカルリポジトリに送り込みます。データのダウンロードのようなものです。

プロジェクト右クリック→チーム→切り替え→masterにします。
コメント 2020-02-03 165036.png

切り替えが終わったらプルします。
コメント 2020-02-03 165446.png

これで、プロジェクトは最新の状態です。

最後に気を付けなければならないのが、自分の作業をそのままmasterでやり続けない用に注意しましょう。
自分の作業をする際は必ず新規ブランチを切ることが大切です。

##(おまけ)EclipseからGitHubリポジトリに結び付ける方法
チームでの開発ではなく個人で、プロジェクトをGithubにあげたりすることもあると思います。
GitHubからクローンの方法は先ほどのやり方と同じです。
では逆にEclipseで作ったプロジェクトをGitHubのリポジトリに結び付ける方法も紹介します。

まず、GitHubでリポジトリを作成します。
image.png

リポジトリの名前を決め、privateかpublicを選びます。
コメント 2020-02-29 221431.png

作成したリポジトリのURLをコピーして置きましょう。
コメント 2020-02-29 221804.png

次にEclipseにいき、GitHubにあげたいプロジェクトを選択し、右クリック
チーム(E)→プロジェクトの共用(S)を選択
image.png

Gitを選択し、次へ
コメント 2020-02-29 222538.png

プロジェクトの親フォルダー内のリポジトリーを使用または作成(U)を選択
コメント 2020-02-29 222722.png

次の画面で、リポジトリの作成(C)を押すとチェックが入るので完了します。
コメント 2020-02-29 222929.png

GitステージングでCommitしてGitHub上のリポジトリを結び付けていきます。
コメント 2020-02-29 223355.png

Commitメッセージをいれて、コミット及びプッシュ
コメント 2020-02-29 223746.png

宛先リポジトリーの画面が出てくるので先ほどコピーしたURLを貼り付けて次へ。
image.png

この画面が出てきたらこのまま次へ。
image.png

結び付けたいリポジトリが出てくるので確認して完了します。
コメント 2020-02-29 224418.png

GitHubで確認してみましょう。1Commitになってれば成功です。
コメント 2020-02-29 224736.png

#参考

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?