Git便利だよ！

1. Git分散バージョン管理システム
WordBench富山 勉強会
2015年2月23日

2. みなさんバージョン管
理は使っていますか？

3. デザイナー
コーダー
プログラマー
ディレクター
書き手
使ってる 使ってない
2015年2月23日 WordBench富山
計
計

4. デザイナーさんに聞き
ました

5. プログラマーさんに聞
きました

6. ちなみに数は推測です

7. で、バージョン管理っ
て何？

8. バージョン管理(システム)
とは
• バージョンを管理するもの
• 過去のファイルの履歴とか見れる
• 誰が編集したか分かる
• いつ編集したかわかる
• 過去に戻れる

9. あれ？便利そうじゃない？

10. ケース1

11. • ぼく「右側のサイドバーがカラム落ちし
ていた件、修正しましたー。 style.cssを
アップロードしますねー(ぽちぽち)」

12. • こーだーさん「あれっ？わたしが書いた
リストの背景画像のスタイルシートが無
くなってるんですけど？」

13. • ぼく「ええっ、先週のstyle.cssから作っ
たんですけど」

14. • コーダーさん「お前いつのファイルあげ
てんだよ！」

15. ケース2

16. お客さん「ちょっとちょっと、ここバグ
があるっぽいんだが？」
お客さん「何度やってもなおらないんだ
が？どうなってるんだが？」

17. ぼく「(うへー2年前の案件だ…)」
ぼく「わかりました見てみますー
」

18. ぼく「(このコード書いたの俺かよ…覚えてねぇ
…)」
ぼく「(これは…お客さんが書き足したんじゃない
のか…？)」
ぼく「(でも確証は無いし…調べるか…)」

19. 三日後
ぼく「こっ、この関数は他の外注が作った関数
じゃないか！！」
ぼく「この調査費用だれに出してもらおう…」
幸い僕の携わった案件ではお客さんが優しくてこういうことはありませんでした。

20. といった問題も
(だいたい)すべて解決できます！

21. 今日覚えてもらいたいこと
• バージョン管理は便利！

22. ケース1の場合
• ダーティーリード
• 汚い読み出し
• 他の人が編集していたのに古いファイルで上書きし
てしまったことが原因

23. バージョン管理を使う
と…

24. ケース1の場合
• 他の誰かが更新していた場合、警告を受ける！
• ダーティーリードが起こらない！
• 編集箇所は行単位で管理される！
• CSSで該当箇所のみが反映されるので人の変更点を消
したりしない！
• 大規模な変更を入れる場合、ファイルをロックする事も
可能

25. ケース2の場合
• 古いプロジェクトを追いかけられない
• コードの変更点と変更日時、編集者調べることがで
きない

26. バージョン管理を使う
と…

27. ケース2の場合
• いつでも最新版のコードを取り出し可能！
• 過去に遡って納品時のデータを取り出せる！
• 編集した日時、編集者を特定できる！
• これ僕の編集した所じゃありません！って言える
• 「三日経てば他人のコード」説

28. 始めよう
バージョン管理

29. バージョン管理ができ
るソフト
• DreamWeaver
• SublimeText
• Local History
• Sublimerge (有料)
• その他いろいろ

31. 今日覚えてもらいたいこと
• バージョン管理は便利！
• エディタでだってできるよ

32. バージョン管理システム
• CVS
• Subversion (svn)
• Mercurial (hg)
• Git

33. CVS
• 古い
• 面倒
• 堅い
• CVS? CSV?
• 無理
すべて個人の見解です

34. CVS
• Concurrent Version Systemの略
• 過去のコンピュータ技術の発展に寄与した偉いバー
ジョン管理システム
• 現在のバージョン管理システムの根幹を作った
• 未だにガッチリしたシステム開発では利用されてい
る
すべて個人の見解です

35. Subversion
• そこそこお手軽
• CSVの後釜
• 企業での採用率ナンバーワン
• 集中管理
• WordPressの開発もSubversion

36. Mercurial
• 水銀
• Mercury (水星、水銀)
• hg (Hg: 水銀)
• Gitと大ゲンカ

37. Git
• ギット
• ジットって呼ばないで…
• gif: ぎふ？じふ？
• Subversionの後釜
• なうでやんぐなバージョン管理

38. Git
• Linuxの開発に採用
• というよりLinuxの為に開発
• そこでMercurialと大げんか
• 分散バージョン管理システム

39. 今日覚えてもらいたいこと
• バージョン管理は便利！
• エディタでだってできるよ
• CVS -> Subversin -> Git っていう歴史

40. GitとGitHub

41. GitとGitHub
• Gitをみんなで利用するにはサーバが必要
• サーバを立てるのは難しいよね
• じゃあ僕がサーバ立ててあげるよみんなで使ってね
• Github登場

42. GitHub
• なうでやんぐでオープンなプロジェクトがだいたい
GitHub
• SublimeTextのプラグインもGitHubで公開されてい
る物多数
• WordPressのプラグインもGitHubで公開されている
物多数

43. なんでWordPressのプラグイ
ンがGitHub使うの？
• WordPress公式のプラグインはSubversionを利用さ
せられる
• でも公式に掲載されるには審査が必要
• 個人でさくっと公開するのであればGitHubが便利

44. GitHubの注意点
• 基本的にすべて公開
• プライベートリポジトリは有料
• 英語ベース

45. GitとBitBucket

46. GitHubっぽいけれど
• 日本語！
• プロジェクト管理もできる
• 人数が増えたら有料
• 5人まで無料
• オススメです！

47. 今日覚えてもらいたいこと
• バージョン管理は便利！
• エディタでだってできるよ
• CVS -> Subversin -> Git っていう歴史
• GitとGitHubとBitBucket

48. で、どうすれば良いの
？

49. • 少人数の案件をBitBucketでやってみる
• 慣れてきたらGitHubも使ってみる

50. GUIアプリがあるので
そちらを使いましょう
http://qiita.com/camelmasa/items/cd759b95edc69df58e1e

51. GitHub
https://mac.github.com

52. ただしマッキントッシュに限る

53. SourceTree
https://www.atlassian.com/ja/software/sourcetree/overview

54. SourceTree
• 色々と見易い
• BitBucketはもちろん、GitHubでも使える(らしい)
• 日本語対応
• ただし…
• 初めて使うにはそれでも大変
• WordBench名古屋で2時間かかってできなかったとか…
• セミナーで4時間ぐらいかかりました

55. ちなみに…
SourceTreeとBitBucketのセミナーがあった
らみなさん参加されますか？

56. というわけで

57. • SourceTreeとBitBucketで
案件をやってみる
• 慣れてきたらGitHubでも公開してみる
• 人のプラグインにちょっかいを出す!

58. 今日覚えてもらいたいこと(完)
• バージョン管理は便利！
• エディタでだってできるよ
• CVS -> Subversin -> Git っていう歴史
• GitとGitHubとBitBucket
• SourceTreeでやってみよう

59. お疲れ様でした

60. 覚えてもらいたい用語
• コミット
• 変更点を確定させること
• マージ
• 併合。二つを一緒にすること。
• 差分
• ファイルとファイルの変更点