ゆるく始める GitHub Desktop のススメ

広島フロントエンド勉強会 Vol.29 『Git勉強会』で発表した資料です。

Gitに挑戦したいけどを難しそう…と思っている人に向けた資料です。まずはGitHub Desktopから最初のGitを初めてみませんか？

※最後の方のスライドはGitHub Desktopを商用利用するのを避けよう、という意味ではございません。
ブランチ戦略や今回ご紹介した手法をそのまま商用環境で利用するのでなく、導入するGitツールの選定(GitHub Desktopを使うか？)も含めて考えましょう、との趣旨となります。

イベント詳細 : https://hfe.connpass.com/event/247699/
講演動画 : https://www.youtube.com/watch?v=6J6gscggwO4

Transcript

1. ゆるく始める
   GitHub Desktopのススメ
   広島Unity勉強会 ナカオクタカヒロ
   1
   

   View Slide

2. 2
   ナカオク タカヒロ Follow me!
   Github/FB
   @kamera25
   Twitter
   @csc_kamera25
   仕事 : NWの保守運用@広島
   好きなGitコマンド : rm -rf ./.git
   git log —graph
   https://hiroshima-unity.jimdofree.com
   

   View Slide

3. View Slide

4. 4
   今日のもう一つのお仕事は配信業です。
   

   View Slide

5. 5
   おことわり
   ・本資料にはWebから引用をしている、画像や資料などがあります。
   　引用元はURLで示しているので、正しい情報についてはそちらをご確認ください。
   ・引用以外の情報は クリエイティブコモンズ -表示 4.0 国際 (CC BY 4.0)でご利用いただけます。
   ・この情報は2022年5月22日時点の情報となります。
   

   View Slide

6. 6
   嗚呼、懐かしき…
   コロナ禍前のゲームジャム
   

   View Slide

7. View Slide

8. 8
   コロナ…全てオンラインでやるのか …
   バージョン管理どうしよう？
   

   View Slide

9. 9
   オフライン時代
   便利、簡単、早い！
   

   View Slide

10. 10
    オンライン時代
    便利そう！
    でも、難しそう。
    

    View Slide

11. 11
    学生さん多め
    初参加も多く、楽しく参加してもらいたい
    …！
    参加者の比率
    

    View Slide

12. 12
    救世主を探すことに…
    

    View Slide

13. 13
    GitHub Desktop
    使えばいいんじゃ無い？
    岡山Unity勉強会
    ゆーりさん
    

    View Slide

14. 14 https://desktop.github.com
    GitHub
    Desktop
    

    View Slide

15. 15 https://desktop.github.com
    GitHub
    Desktop
    プロダクトのモットー(公式サイトより)
    Gitと闘う事より、大切な事に注力する。
    

    View Slide

16. 1
    16
    2 Gitらしい所を、上手くぶち壊している
    他のソフトに比べて超シンプル、超分かりやすい
    

    View Slide

17. 1
    17
    2 Gitらしい所を、上手くぶち壊している
    他のソフトに比べて超シンプル、超分かりやすい
    

    View Slide

18. View Slide

19. View Slide

20. 20
    SourceTree
    GitHub Desktop
    

    View Slide

21. 1
    21
    2 Gitらしい所を、上手くぶち壊している
    他のソフトに比べて超シンプル、超分かりやすい
    

    View Slide

22. 22
    ツリー
    オブジェクト？
    コミット
    プル、プッシュ？
    ブランチ？
    それに戦略？
    GitHub
    Bitbucket
    GitLab…?
    GitHub Flow
    git-flowってなに
    ツールも色々ある
    なんだ…
    コンフリクトって
    バージョン管理したい
    だけなのに…
    ステージング？
    addコマンドだけじゃ
    保存されないの
    

    View Slide

23. View Slide

24. 24
    デザイナー
    プログラマー
    プランナー
    ゲームの外観を作る人
    グラフィッカー・3Dモデリング・VFX等
    ゲームの挙動を作る人
    ゲームの仕様を決める人
    (雑用もろもろ)
    サウンドコンポーザー ゲームの音を決める人
    

    View Slide

25. 25
    デザイナー
    プログラマー
    プランナー
    ゲームの外観を作る人
    グラフィッカー・3Dモデリング・VFX等
    ゲームの挙動を作る人
    ゲームの仕様を決める人
    (雑用もろもろ)
    サウンドコンポーザー ゲームの音を決める人
    Gitわかるで〜
    Git分からん…
    

    View Slide

26. 26
    じゃあ、どうやったの？
    

    View Slide

27. 27
    コミットとプッシュ これは最低限覚えてもらう。
    プロジェクト初期設定 プログラマーがgit initまで先行実施
    マージとブランチ戦略 漢は黙ってmainブランチ一本
    ※マージはGitHub Desktopの機能に任せる。
    コンフリクト コンフリクト解決担当を専任
    プルリクエスト 使わなくてOK
    リベースとか 使わなくてOK
    

    View Slide

28. 28
    1 変更したら、とりあえずコミット
    

    View Slide

29. 29
    2 とりあえず右上のボタンを押してもらう
    

    View Slide

30. 30
    2 とりあえず右上のボタンを押してもらう
    終わり。
    

    View Slide

31. 31
    Push
    Pull
    Fetch
    

    View Slide

32. 32
    コミットとプッシュ これは最低限覚えてもらう。
    プロジェクト初期設定 プログラマーがgit initまで先行実施
    マージとブランチ戦略 漢は黙ってmainブランチ一本
    ※マージはGitHub Desktopの機能に任せる。
    コンフリクト コンフリクト解決担当を専任
    プルリクエスト 使わなくてOK
    リベースとか 使わなくてOK
    

    View Slide

33. View Slide

34. View Slide

35. 35
    コミットとプッシュ これは最低限覚えてもらう。
    プロジェクト初期設定 プログラマーがgit initまで先行実施
    マージとブランチ戦略 漢は黙ってmainブランチ一本
    ※マージはGitHub Desktopの機能に任せる。
    コンフリクト コンフリクト解決担当を専任
    プルリクエスト 使わなくてOK
    リベースとか 使わなくてOK
    

    View Slide

36. View Slide

37. 37
    GH「いらんやろ、そんな機能」
    

    View Slide

38. 38
    コミットとプッシュ これは最低限覚えてもらう。
    プロジェクト初期設定 プログラマーがgit initまで先行実施
    マージとブランチ戦略 漢は黙ってmainブランチ一本
    ※マージはGitHub Desktopの機能に任せる。
    コンフリクト コンフリクト解決担当を専任
    プルリクエスト 使わなくてOK
    リベースとか 使わなくてOK
    

    View Slide

39. 39
    C# C#
    GitHub
    リモートリポジトリ
    Aさん作 Bさん作
    commit commit
    

    View Slide

40. 40
    C# C#
    GitHub
    リモートリポジトリ
    C#
    Aさん作 Bさん作
    Bさん作
    New!
    push
    

    View Slide

41. 41
    C# C#
    GitHub
    リモートリポジトリ
    C#
    Aさん作 Bさん作
    Bさん作
    New!
    

    View Slide

42. 42
    C# C#
    GitHub
    リモートリポジトリ
    C#
    Aさん作 Bさん作
    Bさん作
    New!
    New!
    Bさん作
    C#
    pull
    

    View Slide

43. 43
    ここで問題が発生する
    

    View Slide

44. View Slide

45. View Slide

46. View Slide

47. View Slide

48. 48
    結果。
    

    View Slide

49. 49
    初のオンラインゲームジャムで
    全チームがバージョン管理を導入！
    高専や高校生、中学生の人も
    スムーズにGitを使って管理できたぞ！
    

    View Slide

50. 50
    これ、ええやん。
    商用で利用しようっと。
    

    View Slide

51. View Slide

52. View Slide

53. 53
    商用でも使える。
    でも、もっと高度な事をやりたかったら…
    

    View Slide

54. View Slide

55. 55
    まとめ
    

    View Slide

56. 1
    56
    GitHub Desktop はゆるい。ゆるく使ってみる。
    2
    3
    まずは今日からGitを使ってみる。
    商用で利用する時には気をつけよう！
    

    View Slide

57. 57 https://www.youtube.com/watch?v=y6cVaxp5dAU
    

    View Slide