Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Git Boot Camp for Designer

904 views

Published on

『Git Boot Camp for Designer』で使用したスライド

Published in: Technology
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ...................................ALL FOR EBOOKS................................................. Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ...................................ALL FOR EBOOKS................................................. Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Git Boot Camp for Designer

  1. 1. Takashi Takebayashi 超簡単にGitが理解できる ∼GitBootCampforDesigner∼
  2. 2. Takashi Takebayashi 超簡単にGitが理解できる ∼GitBootCampforDesigner∼ 多分 きっと Maybe
  3. 3. 超簡単にGitの説明 コマンドの内容 実践 本日のお題
  4. 4. 超簡単にGitの説明
  5. 5. AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb
  6. 6. 以上
  7. 7. コマンドの内容
  8. 8. 一番最初に行うコマンド remoteに存在する郵便局をもらう クローン(clone)
  9. 9. クローン(clone) remote local AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb
  10. 10. クローン(clone) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local
  11. 11. 分岐を作成するコマンド クローン(clone)するとmaster/developとい う机なので、master/developという机の作 業状況を元に別の机を作成する ブランチ(branch)
  12. 12. ブランチ(branch) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop
  13. 13. ブランチ(branch) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx
  14. 14. 作業する場所を変更するコマンド 今いる机から既にある別の机に移動 する チェックアウト(checkout)
  15. 15. チェックアウト(checkout) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop
  16. 16. チェックアウト(checkout) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx
  17. 17. コミット(commit)前に行うコマンド 作業した手紙を封筒に入れる アッド(add)
  18. 18. 作業したものを保存するコマンド 封筒の封をする コミット(commit)
  19. 19. アッド(add), コミット(commit) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx
  20. 20. アッド(add), コミット(commit) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx
  21. 21. アッド(add), コミット(commit) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx
  22. 22. localをremoteに反映するコマンド ポストに投函する プッシュ(push)
  23. 23. プッシュ(push) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx
  24. 24. プッシュ(push) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx develop feature/xxx
  25. 25. 正確にはGitのコマンドではない 別の机の作業を一緒にする マージリクエスト(merge request)
  26. 26. マージリクエスト(merge request) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote local develop feature/xxx develop feature/xxx
  27. 27. マージリクエスト(merge request) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote develop feature/xxx 内容が異なっている
  28. 28. マージリクエスト(merge request) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote develop feature/xxx
  29. 29. マージリクエスト(merge request) AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb remote develop feature/xxx 同じ内容になる
  30. 30. どうしてコンフリクトするの? リベースとチェリーピックの違いは? 事前にいただいた質問
  31. 31. コンフリクトが起こる理由 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb feature/xxx Adevelop 表側の世界 feature/yyy 裏側の世界 B C AAA BBB AAA BBB BBB BBB AAA BBB AAA CCC
  32. 32. コンフリクトが起こる理由 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb feature/xxx B C Adevelop 表側の世界 feature/yyy 裏側の世界 merge AAA BBB AAA BBB BBB BBB AAA BBB AAA CCC
  33. 33. コンフリクトが起こる理由 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb 表側の世界 裏側の世界 feature/xxx B C Adevelop feature/yyy BBBB BBB AAA BBB BBB BBB AAA BBB AAA CCC
  34. 34. コンフリクトが起こる理由 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb feature/xxx B C Adevelop 表側の世界 feature/yyy 裏側の世界 merge B AAA BBB BBB BBB AAA BBB AAA CCC BBB BBB
  35. 35. コンフリクトが起こる理由 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb feature/xxx B C Adevelop 表側の世界 feature/yyy 裏側の世界 B ❌ Bの状態のファイルに AからCに変更したファイルは うまく取り込めない =コンフリクト AAA BBB AAA CCC BBB BBB AAA BBB BBB BBB
  36. 36. コンフリクトへの対応 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb feature/xxx B C Adevelop 表側の世界 裏側の世界 B C’ Bの状態の上に Cの変更を加えたC’を プル/リベースで作成する feature/yyy AAA BBB BBB BBB AAA CCC BBB BBB BBB BBB AAA BBB
  37. 37. コンフリクトが起こる理由 AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb feature/xxx B C Adevelop 表側の世界 裏側の世界 B C’ これで コンフリクト せずに マージできる C’ feature/yyy AAA BBB BBB BBB AAA CCC AAA CCC BBB BBB AAA BBB
  38. 38. 履歴の直線性を維持するのが目的 ローカルにリモートの変更を統合す る方法でもある リベース(rebase)
  39. 39. リベース(rebase) feature/xxx A->A’ B A Bdevelop 裏側の世界 xxxというチケットの対応で 変更を加えてたものの
  40. 40. リベース(rebase) feature/xxx A->A’ B A Bdevelop 裏側の世界 A B->C その間に別の人が xyzというチケットの変更を developに反映
  41. 41. リベース(rebase) feature/xxx A->A’ B A Bdevelop 裏側の世界 A B->C マージリクエスト(merge request)をすると コミットが増える A’ C
  42. 42. リベース(rebase) A Bdevelop 裏側の世界 A B->C リベース(rebase)なら コミットが増えず 分岐位置だけが変わる feature/xxx A->A’ C
  43. 43. リベース(rebase) A B 裏側の世界 A B->C マージリクエスト(merge request)をすると 同様に参照位置だけが変わる feature/xxx A->A’ C develop
  44. 44. 必要な変更だけ取り込むコマンド 資料の山の中から必要な資料だけ取 る チェリーピック(cherry-pick)
  45. 45. チェリーピック(cherry-pick) feature/ xxx_xyz css: A->A’ js: α develop 裏側の世界 css: A’ js: α->α’ css: A’ js: α’->α’’ 2つのチケットの変更を反映 css: A js: α
  46. 46. チェリーピック(cherry-pick) feature/ xxx_xyz css: A->A’ js: α css: A js: α develop 裏側の世界 css: A’ js: α->α’ css: A’ js: α’->α’’ テストをしたらjsに問題が!! cssの変更だけでも今日中に リリースしないといけないのに!!
  47. 47. チェリーピック(cherry-pick) feature/ xxx_xyz css: A->A’ js: α css: A js: α develop 裏側の世界 css: A’ js: α->α’ css: A’ js: α’->α’’ hotfix/zzz css: A->A’ js: α バグのない部分だけ 別のブランチから取得
  48. 48. チェリーピック(cherry-pick) feature/ xxx_xyz css: A->A’ js: α css: A js: α develop 裏側の世界 css: A’ js: α->α’ css: A’ js: α’->α’’ hotfix/zzz css: A->A’ js: α そこからマージリクエスト(merge request)で マージする css: A’ js: α
  49. 49. 実践
  50. 50. 2人(全体が奇数の場合は1つだけ3人)でチームを 組んでください [課題リポジトリ:style guide]をcloneしてください
  [https://xyz.git] チェリーピック(cherry-pick)
  51. 51. ( *՞ਊ՞*)ノ「いやーstyle guide かなりいいらしいね」 「はい」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「ステキなんだけど、もうちょっとよくしたいなぁ」 「はい(なんだろう…)」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「デザインを変えたいんだ、デザイナーだけで」 「えっ!?」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「デザインをデザイナーだけで変えて欲しいんだ」 「えっ!?」٩( 'ω' )‫و‬ お題:変更を反映しなきゃ(使命感
  52. 52. ( *՞ਊ՞*)ノ「いやー、こないだのデザイン変更よかったよ」 「はい」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「だけど、“霧島、まーじりくえすとでしてないってよ”」 「はっ?」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「つまり、“まーじりくえすと”で変更してくれない?」 「えっ!?」٩( 'ω' )‫و‬ (*՞ਊ՞*)ノ「デザイナーだけで“まーじりくえすと”で変更を反映して欲しいんだ」 「えっ!?」٩( 'ω' )‫و‬ お題:マージリクエストしな(ry
  53. 53. ( *՞ਊ՞*)ノ「いやー、こないだの“まーじりくえすと”すごく評判いいよ」 「はい」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「だけど、エンジニアに手伝ってもらったって?」 「コンフリクトの部分ですね?あれは仕方がないので」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「“ダメよ∼ダメダメ”」 「はっ?」٩( 'ω' )‫و‬ ( *՞ਊ՞*)ノ「デザイナーだけで“こんふりくと”も解消できなきゃ」 「えっ!?」٩( 'ω' )‫و‬ お題:コンフリクト解消(ry
  54. 54. Thank you for your attention

×