Gitの使い方とチーム開発

Gitの初心者向けの講義です。
ゼロからコンフリクト解消まで行います。

Transcript

1. Git の使い方と チーム開発 👀 2025 年8 月30 日 講師：井上 顧基( 株式会社Elith CEO & CTO)
2. 概要🌴
3. 講師名：井上 顧基 発表者経歴： 株式会社Elith CEO&CTO 書籍：実務レベルでわかる／使いこなせるようになる Git 入門コマンドライン演習80 🧑‍🏫講師紹介 3
4. 講義概要 4 PC 環境： Windows or Mac (Linux 環境では動作確認してません) 目標： 未経験者：講義を通じ、プログラム終了時点ですぐにインターンを目指せるようになる 経験者：意外と忘れていたり新たな発見がある、この講義に参加することでより柔軟なチーム開発が身に付く チーム開発のいろはや特に重要なGit についての知識/ 使い方を学習👀
5. @ Geek AI Tokyo 環境設定 Git/Github の 操作 Git の理解 CLI GUI 既存の講義の問題点 5 全てを説明しようとして初心者が消化不良になる🥲 Git の説明 Git の環境構築 Git のCLI 操作 Git の理解・環境構築が難しいので操作方法の修得までたどり着かない🥲 モチベーション低下 どのような時に何をしたらいいのかわからない🥲 Situation X -> Action X どんなときに何をするのか説明がない
6. Git について
7. そもそもGit とは？ 7 Git とは、バージョン管理システム Git のメリットの例 ”hoge_ver1.txt” や”hoge_ver2.txt” などファイル名による管理が必要ない コードを編集しているときに前のバージョンに簡単に戻れる 多人数での編集が可能 Git 関連のソフトウェア リモートホスティングサービス Github 👈 Bitbucket GitLab Git のGUI Github Desktop 👈 Sourcetree
8. ハンズオンの準備
9. 講義の準備 9 事前準備 Github でアカウント作成👍 Github Desktop をインストール👍
10. ハンズオン step1~step7
11. Step1: Github でリポジトリ作成 ; git init Geek AI Tokyo 2024 11 Tutorial というリポジトリを作成
12. Step2: Github Desktop でクローン ; git clone Geek AI Tokyo 2024 12 Github アカウントをGithub Desktop 連動させる クリック クリック
13. Step2: Github Desktop でクローン ; git clone Geek AI Tokyo 2024 13 Github 上で作成したリポジトリをクローン クリック ←Tutorial を選択 ↓パスをメモ クリック
14. Step2: Github Desktop でクローン ; git clone Geek AI Tokyo 2024 14 リポジトリ名 ブランチ名
15. Step3: Github Desktop で差分登録 ; git add Geek AI Tokyo 2024 15 クローンしたリポジトリを確認 クリック クリック
16. Step3: Github Desktop で差分登録 ; git add Geek AI Tokyo 2024 16 ファイル作成しGithub Desktop で差分を確認 クリック クリック git status git diff
17. Step3: Github Desktop で差分登録 ; git commit Geek AI Tokyo 2024 17 変更ファイルをコミット クリック クリック main ブランチへコミット コミットメッセージ；なるべく一言で言えるように
18. Step3: Github Desktop で差分登録 ; git push Geek AI Tokyo 2024 18 Github へ差分を登録 クリック クリック main ブランチへコミット main ブランチへコミット クリック
19. Step4: Github で差分を確認　 Geek AI Tokyo 2024 19 Github で変更ファイルを確認
20. バージョン管理 Geek AI Tokyo 2024 20 commit: create test file =>test ファイルの1 行目 main
21. Step5: Github Desktop でブランチ作成 ; git branch Geek AI Tokyo 2024 21 @ Geek AI Tokyo 新ブランチを作成 クリック クリック クリック 新ブランチ名 git branch develop git checkout develop git checkout -b develop =
22. Step5: Github Desktop で ブランチ作成 ; git branch Geek AI Tokyo 2024 22 新ブランチを確認 git branch
23. Step5 Github Desktop でブランチ作成 ; git commit 23 日付を追加 クリック クリック git add git commit => vim でメッセージ git add git commit -m “<message>” => vim でメッセージいらない =
24. バージョン管理 Geek AI Tokyo 2024 24 commit: create test file =>test ファイルの1 行目 main develop commit: add date =>test ファイルの2 行目
25. Step6: Github でマージ ; git merge Geek AI Tokyo 2024 25 プルリクエスト：同僚・先輩などにレビューを行ってもらいマージされる クリック クリック クリック クリック develop からmain になっていることを確認
26. Step6: Github でマージ ; git merge 26 マージ：技術が未熟な場合、実務で自らマージするケースは少ない クリック クリック クリック クリック
27. バージョン管理 Geek AI Tokyo 2024 27 commit: create test file =>test ファイルの1 行目 main develop merge: develop to main =>develop ブランチをmain ブランチにマージ commit: add date =>test ファイルの2 行目
28. Step7: コンフリクト解消 28 コンフリクト 同じファイルの同じ行を編集し、リモートブランチにpush したときに発生 解消方法は手動でどちらの差分が合ってるのか選択する Git 初心者の第一の壁🙄
29. バージョン管理 29 commit: create test file =>test ファイルの1 行目 main develop merge: develop to main =>develop ブランチをmain ブランチにマージ commit: add date =>test ファイルの2 行目 commit: add place =>test ファイルの3 行目 commit: add place =>test ファイルの3 行目 conflict merge
30. Step7: コンフリクト解消 ; git pull 30 main ブランチに切り替え、リモートリポジトリの差分を取り込む クリック git fetch git merge git pull =
31. Step7 コンフリクト解消 ; git add, git commit, git push 31 main ブランチでtest.txt の3 行目に書き込みコミットし、プッシュする クリック
32. Step7: コンフリクト解消 ; git pull 32 develop ブランチに切り替え、リモートリポジトリの差分を取り込む クリック git fetch git merge git pull =
33. Step7: コンフリクト解消 ; git add, git commit, git push 33 develop ブランチでtest.txt の3 行目に書き込みコミットする クリック
34. Step7: コンフリクト解消 34 develop ブランチからmain ブランチにプルリクエスト
35. Step7: コンフリクト解消 35 develop ブランチからmain ブランチの差分を確認 クリック ←develop ←main
36. Step7: コンフリクト解消 36 develop ブランチ差分を採用 手動でmain ブランチの 差分を消す クリック クリック
37. Step7: コンフリクト解消 37 main ブランチに移動してfetch してpull クリック クリック develop ブランチの 差分がマージ
38. バージョン管理 38 commit: create test file =>test ファイルの1 行目 main develop merge: develop to main =>develop ブランチをmain ブランチにマージ commit: add date =>test ファイルの2 行目 commit: add place =>test ファイルの3 行目 merge: develop to main =>develop ブランチをmain ブランチにマージ
39. ハンズオンサマリ
40. まとめ 40 Step1: Github でリポジトリ作成 Step2: Github Desktop でクローン Step3: Github Desktop で差分登録 Step4: Github で差分を確認 Step5: Github Desktop でブランチ作成 Step6: Github でマージ Step7: コンフリクト解消
41. Git コマンド 41 紹介したコマンド git add, git commit, git commit -m <commit message>, git push, git branch, git branch <branch name>, git checkout -b <branch name>, git fetch, git pull, git merge 紹介してないコマンド git commit --amend, git reset HEAD, git branch -a, git stash, git stash pop, git log, git log --oneline, git rebase, git merge squash, などなど🙄