社内用のgit勉強会用資料になります。 ・どうしてバージョン管理するの？ ・ローカルマシンでgitをいじろう！ の2項目について説明してます。

1. 秒速で学ぶっ!!
講座
Vol.1

2. アジェンダ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
リモートリポジトリでみんなと連携しよう！
実際の案件での使⽤用例例

3. アジェンダ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
リモートリポジトリでみんなと連携しよう！
実際の案件での使⽤用例例

4. どうしてバージョン管理理するの？

5. ＃Case 01
きっと誰もが体験したことのある
とても恐ろしい体験…

9. ＃Case 02
複数⼈人でファイルを編集するときに

10. 修正をテストサーバにアップしておきました。
次の修正はテストサーバからファイルをダウンロードしてください。

11. 修正をテストサーバにアップしておきました。
次の修正はテストサーバからファイルをダウンロードしてください。
今、index.htmlは編集中なのでいじらないでください。

12. 修正をテストサーバにアップしておきました。
次の修正はテストサーバからファイルをダウンロードしてください。
今、index.htmlは編集中なのでいじらないでください。
今⽇日の修正ナシになったから、とりあえず昨⽇日のファイルに戻せない？？

14. Gitってなに？？
分散型のバージョン管理理システム
読み⽅方は”ギット”。（ジットじゃないよ。）
ここ数年年でSubversion（サブバージョン）からの
移⾏行行が進んでいる。
Subversionに⽐比べ、複数のリポジトリを⽴立立てたりしながら
柔軟な運⽤用を⾏行行うことができる。

15. 分散型バージョン管理理システムとは？
ローカルリポジトリ
A

16. 分散型バージョン管理理システムとは？
ローカルリポジトリ
ファイル
更更新
A
A’

17. 分散型バージョン管理理システムとは？
ローカルリポジトリ
ファイル
更更新
コミット
A’

18. 分散型バージョン管理理システムとは？
ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット
A’

19. 分散型バージョン管理理システムとは？
ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット
プッシュ
A’
A’

20. 分散型バージョン管理理システムとは？
ローカルリポジトリ ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット
プッシュ
A’ A
A’

21. 分散型バージョン管理理システムとは？
ローカルリポジトリ ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット
プッシュ
プル
A’ A’
A’

22. 分散型バージョン管理理システムとは？
ローカルリポジトリ ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット
プッシュ
プル
ファイル
更更新
A’
B
A’
A’

23. 分散型バージョン管理理システムとは？
ローカルリポジトリ ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット コミット
プッシュ
プル
ファイル
更更新
A’ B
A’

24. 分散型バージョン管理理システムとは？
ローカルリポジトリ ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット コミット
プッシュ プッシュ
プル
ファイル
更更新
A’ B
B

25. 分散型バージョン管理理システムとは？
ローカルリポジトリ ローカルリポジトリ
リモートリポジトリ
ファイル
更更新
コミット コミット
プッシュ プッシュ
プル プル
ファイル
更更新
B B
B

26. Gitの操作ってどうやるの？
コンソール画⾯面（⿊黒い画⾯面）
SourceTree
コマンドベースで操作する『⿊黒い画⾯面』。
これがGitの基本画⾯面。
Macなどではターミナルがそれにあたる。
Git関連の記事などは、だいたいこれをベースに書かれてたりする。
GitのGUIクライアント。
画⾯面を⾒見見ながら操作できるので初⼼心者でもわかりやすい。

27. Gitの操作ってどうやるの？
コンソール画⾯面（⿊黒い画⾯面）
SourceTree
コマンドベースで操作する『⿊黒い画⾯面』。
これがGitの基本画⾯面。
Macなどではターミナルがそれにあたる。
Git関連の記事などは、だいたいこれをベースに書かれてたりする。
GitのGUIクライアント。
画⾯面を⾒見見ながら操作できるので初⼼心者でもわかりやすい。

28. アジェンダ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
リモートリポジトリでみんなと連携しよう！
実際の案件での使⽤用例例

29. リポジトリを作成
リポジトリ
英語で容器、貯蔵庫、倉庫、集積所などの意味。
Gitでは、バージョン管理理を⾏行行うエリア（フォルダ）のこと。
基本的には各プロジェクト（サイトなど）ごとにリポジトリを作成し、
管理理を⾏行行っていく形になる。
git init
1

30. インデックスにファイルを追加
インデックス
リポジトリにコミットする準備をするための場所。
⼀一度度、インデックスにファイルを追加してあげることで、
変更更された複数のファイルのうち、必要なファイルだけを的確に
コミットすることができる。
git add
2

31. コミットで変更更を記録
コミットとは？
リポジトリにファイルやディレクトリの変更更・追加を記録すること。
コミットを繰り返していくことで、過去の履履歴を知ることができ、
「昔にどのような変更更が⾏行行われたのか？」「ほかの⼈人がどのような
修正を加えたのか？」を知ることができる。
git commit
3

32. コミットで変更更を記録
コミットとは？
リポジトリにファイルやディレクトリの変更更・追加を記録すること。
コミットを繰り返していくことで、過去の履履歴を知ることができ、
「昔にどのような変更更が⾏行行われたのか？」「ほかの⼈人がどのような
修正を加えたのか？」を知ることができる。
git commit
3 ゲームでいうセーブ!!

33. チェックアウトで過去を復復元
チェックアウトとは？
過去のコミットした状態や、別のブランチ※に切切り替えること。
ゲームでいう「ロード」にあたり、過去に⾏行行った「セーブ」の
どのポイントからでも「ロード」を⾏行行うことができるイメージ。
git checkout
4

34. チェックアウトで過去を復復元
チェックアウトとは？
過去のコミットした状態や、別のブランチ※に切切り替えること。
ゲームでいう「ロード」にあたり、過去に⾏行行った「セーブ」の
どのポイントからでも「ロード」を⾏行行うことができるイメージ。
git checkout
4 ゲームでいうロード!!

35. チェックアウトで過去を復復元
チェックアウトとは？
過去のコミットした状態や、別のブランチ※に切切り替えること。
ゲームでいう「ロード」にあたり、過去に⾏行行った「セーブ」の
どのポイントからでも「ロード」を⾏行行うことができるイメージ。
git checkout
4 ゲームでいうロード!!
しかも!!
過去のセーブのどこからでも
ロード可能な優れもの!!

36. その他の基本コマンド5
これまでのコミット履履歴を⼀一覧で取得することができる。
git log
どのファイルが追加/変更更されたか、インデックスに上がっている
ファイルはどれかを⼀一覧で表⽰示してくれる。
git status
ファイルに加えられた変更更をdiff形式で表⽰示してくれる。
git diff

37. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！

38. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため

39. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git init

40. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git init git add

41. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git commit
git init git add

42. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git commit git checkout
git init git add

43. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git commit git checkout git log
git init git add

44. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git commit git checkout git log
git diff
git init git add

45. 本⽇日のまとめ
どうしてバージョン管理理するの？
ローカルマシンでgitをいじろう！
・これまでの変更更履履歴を残すため
・複数⼈人で並⾏行行して作業を効率率率よく進めていくため
・デグレを回避するため
git commit git checkout git log
git diff git status
git init git add