Githubハンズオン講習会資料

Githubハンズオン講習会

Gitとは？・バージョン管理システムファイルの変更履歴を管理するツール・分散型システム各ユーザが完全な履歴を持ち, オフラインでも作業ができる・オープンソースソフトウェア

Gitとは？どのファイルが最新でいつ誰が更新したのか変わりずらい New_最終レポート.txt 完成_最終レポート.txt 最終レポート.txt

Gitとは? 目次を作成まとめを作成まとめを修正バージョンを簡単に戻せるセーブ1 セーブ2 セーブ3

Gitとは？

コミットローカルリモートプルブランチプッシュマージプルリクエスト

リポジトリ(repository) Index.html App.vue Login.vue 管理したいファイル(ソースコード)のまとまりのこと

コミット(commit) コミット1 サイトに画像を追加サイトに機能Aを実装サイトに機能Bを実装コミット2 コミット3

ブランチ(branch) 親のコミットから履歴を分岐する

ブランチ(branch) 模造紙ブランチ背景ブランチキャラクターブランチ

マージ(merge) キャラクターブランチ背景ブランチ模造紙ブランチ制作者名を記載キャラクターをマージ背景をマージ

マージ(merge) 特定のブランチから別のブランチに変更を取り込む

Github Gitで管理されたファイルをインターネットにアップロードして, 複数人での取り扱いを便利にするプラットフォーム

リモート・ローカル/リポジトリローカルリポジトリ各ユーザのPC Github(インターネット上) リモートリポジトリ

リモート・ローカル/リポジトリ・チームでの共同作業が容易ネットにアップロードすれば, ほかの人と容易にコードの共有が可能になる・バックアップの役割自分のPCが壊れてもネットからもう一度引っ張ってくれば問題ない

リモート・ローカル/リポジトリローカルリポジトリ各ユーザのPC Github(インターネット上) リモートリポジトリ新しいコミットを作成

リモート・ローカル/リポジトリローカルリポジトリ各ユーザのPC Github(インターネット上) リモートリポジトリ新しいコミットを作成プッシュ(push) ローカルの変更を反映

リモート・ローカル/リポジトリローカルリポジトリ各ユーザのPC Github(インターネット上) リモートリポジトリリモートの変更をローカルに反映プル(pull) 誰かがリモー
トにpushし新しいcommit 誕生

リモート・ローカル/リポジトリ Github(インターネット上) リモートリポジトリローカルリポジトリユーザAのPC 新しいコミットローカルリポジトリユーザBのPC リモートの
変更を反映ローカルの変更を反映プル(pull)

pull request 共通ブランチ (main) 個人ブランチ (natyosu/feature/func1) 個人ブランチ (pasuta/feature/func2)

pull request 共通ブランチ (main) 個人ブランチ (natyosu/feature/func1) 個人ブランチ (pasuta/feature/func2) 好き勝手に皆で使うブランチにマージするとバグまみれになる可
能性があるマージする前に他の人にコードをレビュー(見てもらう)してもらう pull request pull request

ハンズオン https://github.com/TN-Project/github-lecture git clone { url }

自分のブランチを作成してみよう左下の”main”が現在参照しているブランチを指しています. 左下の”main”をクリックすると 2枚目画像のメニューが表示されます.

自分のブランチを作成してみよう git checkout -b { 作成するブランチ名 } { ブランチを作成する元のブランチ }
git checkout -b feature/natyosu main CLI

自分のブランチを作成してみよう新しいブランチを以下から作成をクリック. リモートブランチの”origin/main”を選択ブランチ名を入力する feature/自分の名前

自分のブランチを作成してみよう(リモートに登録) 左下の雲に矢印が刺さっているマークをクリックするか, サイドバーのgit管理から branchの発行をクリック git push -u origin
feature/natyosu CLI

コミットを作成してみよう左下で自分のブランチに移動 (参照)しているかを確認する. 自分のブランチに移動できていれば, 自分の名前のフォルダ内のhtmlファイルを編集して保存してください.

コミットを作成してみよう保存をしたら画像の様になっているはずです. コミットを作成するときは, セーブするファイルを選択(ステージする) してコメントを書いてセーブ(コミット)をします.
セーブのコメントを書く, ex: pタグを編集しました.

コミットを作成してみよう逆さ山をクリックし, “コミットしてプッシュ”をクリックすることでコミットができます. 同様に2, 3個コミットを作成してみましょう

Pull requestを作成してみよう Githubのリポジトリぺージで pull requestタブに移動して New pull requestをクリックしてください.

Pull requestを作成してみようこれはどのブランチをどこのブランチにmerge(結合)したいのかを選びます. 左側が結合させる先, 右側が結合させるブランチ

Pull requestを作成してみよう選択すると, 今までのコミット履歴と差分が表示されます. 問題無ければ, create pull requestをクリックします.

Pull requestを作成してみよう Pull requestのタイトルを入力して, 簡単なpull requestに関するコメントを書きます. タイトル例: 機能Aを実装しました.
Reviewersにレビューをして欲しい人を選択します. 最後にCreate pull requestを押しpull requestを作成できます.

レビュー&マージをするレビューが問題無ければ, Merge pull requestをクリックして mergeを実行できます.

Githubハンズオン講習会資料

Githubハンズオン講習会資料

natyosu

Featured

Transcript