eclipseユーザーのための github講座•eclipseにはgithubとの連携機能を有し、...
TRANSCRIPT
![Page 1: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/1.jpg)
EclipseユーザーのためのGithub講座
岩瀬優太
![Page 2: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/2.jpg)
Githubとは?
• プログラム管理サービス
• プログラムコードのクラウドのようなもの
![Page 3: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/3.jpg)
Githubのメリット• プログラムコードをネット上に保存・公開できる。• 別のPCからアップしたデータを同期できる。• 履歴機能でプログラムを前バージョンへ巻き戻せる。
• 複数の編集者によってコードの競合が起きても解決できる。• EclipseにはGithubとの連携機能を有し、簡単な操作でコードの同期ができる。• Github Pagesという機能で⾃作のウェブサイトを公開できる。
![Page 4: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/4.jpg)
Githubのデメリット• 設定がむだに難しく参⼊しづらい。
• クラウドと違い⾃動的には同期されない。データの送信・受信は、常に⼿動で⾏う必要がある。(⾃動受信する⽅法は存在するかも?求む情報)
• 無料版ではコードは全世界に公開されてしまう。(プロジェクト名をNetworkなどのありきたりな名前にすれば⽊を森に隠せる。)(学⽣は無償で有料版が使えるという情報も、求む情報)
![Page 5: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/5.jpg)
データ構造 イメージ図
プロジェクト
PC#
プロジェクト
PC$
![Page 6: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/6.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
![Page 7: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/7.jpg)
①アカウント作成1. 公式サイト(https://github.com)へ
2. ユーザー名、メールアドレス、パスメードを⼊⼒(ユーザー名は他の⼈に⾒られるので変な名前にしないように注意)
![Page 8: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/8.jpg)
①アカウント作成3. planは「Unlimited public repositories for free.」
Help me set up an organization nextは集団⽤のオプションなので外すSend me updates on GitHub news, offers, and eventsは通知メールを受信するかなのでお好きに
![Page 9: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/9.jpg)
①アカウント作成4. アンケートはお好きに
⾯倒ならskipで
![Page 10: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/10.jpg)
①アカウント作成5. ガイドもお好きに
6. 確認メールを認証する
Done!
![Page 11: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/11.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済
![Page 12: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/12.jpg)
②リポジトリ作成1. Githubに⾶べばStart a Projectとあるので
これで作成
![Page 13: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/13.jpg)
②リポジトリ作成2a. 名前を⼊⼒(Eclipseにあるプロジェクト名と
同じ⽅が後で混乱しないと思う)Description/説明 はお好きに公開設定は無料版ではPublicしかできないのでこれで
![Page 14: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/14.jpg)
②リポジトリ作成2b. Eclipseのプロジェクトをアップする場合は、
絶対にInitialize this repository with a READMEにチェックを付けないこと
3. Create repositoryでリポジトリ作成
![Page 15: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/15.jpg)
②リポジトリ作成4. このページが表⽰されたら完了
ページを開いたまま次はEclipseの操作
Done!
![Page 16: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/16.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済済
![Page 17: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/17.jpg)
③プロジェントのリポジトリ化ここからEclipseの操作
1a. アップしたいプロジェクトを右クリック1b. チーム->プロジェクトの共⽤ を選択
右クリック
参考: https://git-manual.net/push-to-remote-eclipse-project/
![Page 18: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/18.jpg)
③プロジェントのリポジトリ化2. Gitを選択、次へ
![Page 19: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/19.jpg)
③プロジェントのリポジトリ化3a. 「プロジェクトの親フォルダ内のリポジトリー
を使⽤または作成」をチェック
![Page 20: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/20.jpg)
③プロジェントのリポジトリ化3b. プロジェクトをクリック
リポジトリーの作成を選択、完了(場所はデフォルトの場所でいい)
デフォルト
4. プロジェクトのアイコンがちょっと変わったら成功
Done!
クリック
![Page 21: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/21.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済済
済
![Page 22: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/22.jpg)
④Githubへ新規登録1a. メニューより
ウィンドウ->パースペクティブを開く->その他
![Page 23: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/23.jpg)
④Githubへ新規登録1b. Gitを選び、開く
右上にGitが追加される
![Page 24: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/24.jpg)
④Githubへ新規登録2a. Gitステージングのタブを開く
![Page 25: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/25.jpg)
④Githubへ新規登録2b. 上のウィンドウのファイルをすべて選択して
下のウィンドウにドラッグアンドドロップ
![Page 26: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/26.jpg)
④Githubへ新規登録2c. コミット・メッセージに適当に⼊⼒する
(メッセージは必ず何か⼊⼒しなければならない)
(初期設定を忘れたので、ここ適当)作成者・コミッター情報を打ち込む
の形式?名前 <メールアドレス?(空欄可)>
2d. コミットおよびプッシュを選択
何か⼊⼒
![Page 27: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/27.jpg)
④Githubへ新規登録3a. Githubのページに戻り右上のアドレスをコピーし
URIの欄へ貼り付け認証欄にgithubのユーザー情報を打つセキュア・ストアに保管をチェック次へ
⾃動⼊⼒される
![Page 28: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/28.jpg)
④Githubへ新規登録3b. そのまま次へ
3c. 完了
Done!
![Page 29: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/29.jpg)
④Githubへ新規登録同期確認
1. さっきのページのここからマイページに⾶べる
ここ
2. リポジトリをクリックして反映されていれば成功 (コードはsrcフォルダにあるはず)
![Page 30: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/30.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済済
済済
![Page 31: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/31.jpg)
⑤既に登録されたプロジェクトの更新データを送信
④を完了することで、以降、プログラム更新時にプロジェクトにこのような >マーク が付くようになる。
これ
⑤では、この更新したデータをGithubへ送る⽅法を紹介する。
![Page 32: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/32.jpg)
⑤既に登録されたプロジェクトの更新データを送信
1. Gitパースペクティブを開く
2. ④のステップ2a〜2dと同様に⾏う
3. Githubに更新が反映される
ドラッグアンドドロップ
Done!
![Page 33: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/33.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済済
済済
済
![Page 34: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/34.jpg)
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑥ではGithubにあるプロジェクトを別のPCにインポートする⼿段を説明する。
1. ファイル->インポートと選択
![Page 35: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/35.jpg)
⑥Githubに登録されたプロジェクトをPC#と紐付け
2a. Git->Gitからプロジェクトを選んで次へ2b. URIの複製を選んで次へ
![Page 36: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/36.jpg)
⑥Githubに登録されたプロジェクトをPC#と紐付け
2c. URIにマイページのプロジェクトのアドレスを打ち込む
⾃動⼊⼒される
打たなくてもいいが打っておくと便利
![Page 37: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/37.jpg)
⑥Githubに登録されたプロジェクトをPC#と紐付け
2d. そのまま次へ
2e. ディレクトリーはEclipseのプロジェクトの通常の保存場所にすべき
(ワークスペース名)¥(プロジェクト名)とすれば良い例えば、ワークスペースが、C:¥Java で読み込みたいプロジェクト名が、 MyProjectなら
C:¥Java¥MyProject となる。
![Page 38: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/38.jpg)
⑥Githubに登録されたプロジェクトをPC#と紐付け
2f. 既存プロジェクトのインポート、次へ
2g. 完了
Done!
![Page 39: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/39.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済済
済済
済
済
![Page 40: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/40.jpg)
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑦では他のPCで更新しGithubに保管されているデータをまた別のPCへ更新を反映させる⽅法を説明する。
1. プロジェクトを右クリック
右クリック
2. チーム->プル を選択(2つあるが上のやつの⽅が良い)
Done!
![Page 41: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/41.jpg)
⼿順
プロジェクト
①アカウント作成
②リポジトリ作成
③プロジェクトのリポジトリ化
④Githubへ新規登録
⑥Githubに登録されたプロジェクトをPC#と紐付け
⑤既に登録されたプロジェクトの更新データを送信
⑦PC$で変更されたデータを受信
PC$
プロジェクト
PC#
済済
済済
済
済
済
![Page 42: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/42.jpg)
使い⽅• ここまで終えることでデータの同期を⾏うことができる。• 更新を送信したい場合は⑤、更新を受信したい場合は⑦ を⾏えば良い。
![Page 43: Eclipseユーザーのための Github講座•EclipseにはGithubとの連携機能を有し、 簡単な操作でコードの同期ができる。•GithubPagesという機能で](https://reader034.vdocuments.pub/reader034/viewer/2022042314/5f01b8c87e708231d400b8a8/html5/thumbnails/43.jpg)
未記載部分と今後の課題• 前バージョンへの巻き戻し⽅法
関連ワード:HEAD改訂• 競合が起きたときの解決策
関連ワード:マージ/merge• 他のプログラム⾔語のコードの連携⽅法
関連ワード:Github Desktop, gitコマンド• Githubを利⽤してwebサイトを公開する⽅法
関連ワード:Github Pages
未記載部分
今後の課題@わかる⼈いたら教えてください• AtomとGithubの連携⽅法• pull, push, commit, mergeなどの⽤語の正確な意味が正確にはわかっていない。
↓
暇な時に書きます