git boot camp for designer

Takashi Takebayashi

超簡単にGitが理解できる～Git Boot Camp for Designer～

Takashi Takebayashi

超簡単にGitが理解できる～Git Boot Camp for Designer～

多分きっと

Maybe

超簡単にGitの説明

コマンドの内容

実践

本日のお題

超簡単にGitの説明

AdventCalendar - デザイナーがこうやってGit覚えて大好きになったよ♡ - Qiita http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb

以上

コマンドの内容

一番最初に行うコマンド

remoteに存在する郵便局をもらう

クローン(clone)

クローン(clone)

remote

local


クローン(clone)


remote

local

分岐を作成するコマンド

クローン(clone)するとmaster/developという机なので、master/developという机の作業状況を元に別の机を作成する

ブランチ(branch)



remote

local

develop



remote

local

develop feature/xxx

作業する場所を変更するコマンド

今いる机から既にある別の机に移動する

チェックアウト(checkout)



remote

local

develop



remote

local

develop feature/xxx

コミット(commit)前に行うコマンド

作業した手紙を封筒に入れる

アッド(add)

作業したものを保存するコマンド

封筒の封をする

コミット(commit)

アッド(add), コミット(commit)


remote

local

develop feature/xxx

localをremoteに反映するコマンド

ポストに投函する

プッシュ(push)

プッシュ(push)


remote

local

develop feature/xxx

プッシュ(push)


remote

local

develop feature/xxx

develop feature/xxx

正確にはGitのコマンドではない

別の机の作業を一緒にする

マージリクエスト(merge request)



remote

local

develop feature/xxx

develop feature/xxx



remote develop

feature/xxx

内容が異なっている



remote

develop feature/xxx



remote develop

feature/xxx

同じ内容になる

どうしてコンフリクトするの？

リベースとチェリーピックの違いは？

事前にいただいた質問

コンフリクトが起こる理由


feature/xxx

Adevelop

表側の世界

feature/yyy

裏側の世界

B

C

AAA BBB

AAA BBB

BBB BBB

AAA BBB

AAA CCC



feature/xxxB

C

Adevelop

表側の世界

feature/yyy

裏側の世界merge

AAA BBB

AAA BBB

BBB BBB

AAA BBB

AAA CCC



表側の世界裏側の世界

feature/xxxB

C

Adevelop

feature/yyy

BBBB BBB

AAA BBB

BBB BBB

AAA BBB

AAA CCC



feature/xxxB

C

Adevelop

表側の世界

feature/yyy

裏側の世界merge

B

AAA BBB

BBB BBB

AAA BBB

AAA CCC

BBB BBB



feature/xxxB

C

Adevelop

表側の世界

feature/yyy

裏側の世界

B

❌Bの状態のファイルに

AからCに変更したファイルはうまく取り込めない＝コンフリクト

AAA BBB

AAA CCC

BBB BBB

AAA BBB

BBB BBB

コンフリクトへの対応


feature/xxxB

C

Adevelop


B

C’

Bの状態の上に

Cの変更を加えたC’を

プル/リベースで作成する

feature/yyy

AAA BBB

BBB BBB

AAA CCC

BBB BBB

BBB BBB

AAA BBB



feature/xxxB

C

Adevelop


B

C’

これでコンフリクトせずに

マージできる

C’

feature/yyy

AAA BBB

BBB BBB

AAA CCC

AAA CCC

BBB BBB

AAA BBB

履歴の直線性を維持するのが目的

ローカルにリモートの変更を統合する方法でもある

リベース(rebase)


feature/xxx A->A’ B

A Bdevelop

裏側の世界

xxxというチケットの対応で変更を加えてたものの



A Bdevelop

裏側の世界

A B->C その間に別の人が

xyzというチケットの変更を

developに反映



A Bdevelop

裏側の世界

A B->C

マージリクエスト(merge request)をするとコミットが増える

A’ C


A Bdevelop

裏側の世界

A B->C リベース(rebase)なら

コミットが増えず分岐位置だけが変わる

feature/xxx A->A’ C


A B

裏側の世界

A B->C

マージリクエスト(merge request)をすると同様に参照位置だけが変わる

feature/xxx A->A’ C

develop

必要な変更だけ取り込むコマンド

資料の山の中から必要な資料だけ取る

チェリーピック(cherry-pick)


feature/ xxx_xyz

css: A->A’ js: α

develop

裏側の世界

css: A’ js: α->α’

css: A’ js: α’->α’’

2つのチケットの変更を反映

css: A js: α


feature/ xxx_xyz

css: A->A’ js: α

css: A js: α

develop

裏側の世界



テストをしたらjsに問題が！！

cssの変更だけでも今日中にリリースしないといけないのに！！


feature/ xxx_xyz

css: A->A’ js: α

css: A js: α

develop

裏側の世界



hotfix/zzzcss: A->A’ js: α

バグのない部分だけ別のブランチから取得


feature/ xxx_xyz

css: A->A’ js: α

css: A js: α

develop

裏側の世界



hotfix/zzzcss: A->A’ js: α

そこからマージリクエスト(merge request)でマージする

css: A’ js: α

実践

2人(全体が奇数の場合は1つだけ3人)でチームを組んでください

[課題リポジトリ:style guide]をcloneしてください　[https://xyz.git]


( *՞ਊ՞*)ﾉ「いやーstyle guide かなりいいらしいね」「はい」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「ステキなんだけど、もうちょっとよくしたいなぁ」「はい(なんだろう…)」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「デザインを変えたいんだ、デザイナーだけで」「えっ！？」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「デザインをデザイナーだけで変えて欲しいんだ」「えっ！？」٩( 'ω' )و

お題：変更を反映しなきゃ(使命感

( *՞ਊ՞*)ﾉ「いやー、こないだのデザイン変更よかったよ」「はい」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「だけど、“霧島、まーじりくえすとでしてないってよ”」「はっ？」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「つまり、“まーじりくえすと”で変更してくれない？」「えっ！？」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「デザイナーだけで“まーじりくえすと”で変更を反映して欲しいんだ」

「えっ！？」٩( 'ω' )و

お題：マージリクエストしな(ry

( *՞ਊ՞*)ﾉ「いやー、こないだの“まーじりくえすと”すごく評判いいよ」「はい」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「だけど、エンジニアに手伝ってもらったって？」「コンフリクトの部分ですね？あれは仕方がないので」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「“ダメよ～ダメダメ”」「はっ？」٩( 'ω' )و

( *՞ਊ՞*)ﾉ「デザイナーだけで“こんふりくと”も解消できなきゃ」「えっ！？」٩( 'ω' )و

お題：コンフリクト解消(ry

Thank you for your attention

git boot camp for designer

Technology