git boot camp for designer

Takashi Takebayashi

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

Takashi Takebayashi

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

多分きっと

超簡単にGitの説明

コマンドの内容

実践

本日のお題

超簡単にGitの説明

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

以上

コマンドの内容

一番最初に行うコマンド

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

クローン(clone)

remote

クローン(clone)

remote

分岐を作成するコマンド

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

ブランチ(branch)

remote

develop

ブランチ(branch)

remote

develop feature/xxx

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

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

チェックアウト(checkout)

remote

develop

チェックアウト(checkout)

remote

develop feature/xxx

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

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

アッド(add)

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

封筒の封をする

コミット(commit)

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

remote

develop feature/xxx

remote

develop feature/xxx

remote

develop feature/xxx

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

ポストに投函する

プッシュ(push)

remote

develop feature/xxx

プッシュ(push)

remote

develop feature/xxx

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

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

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

remote

develop feature/xxx

remote develop

feature/xxx

内容が異なっている

remote

develop feature/xxx

remote develop

feature/xxx

同じ内容になる

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

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

事前にいただいた質問

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

feature/xxx

Adevelop

表側の世界

feature/yyy

裏側の世界

AAA BBB

BBB BBB

AAA BBB

AAA CCC

feature/xxxB

Adevelop

表側の世界

feature/yyy

裏側の世界merge

AAA BBB

BBB BBB

AAA BBB

AAA CCC

表側の世界裏側の世界

feature/xxxB

Adevelop

feature/yyy

BBBB BBB

AAA BBB

BBB BBB

AAA BBB

AAA CCC

feature/xxxB

Adevelop

表側の世界

feature/yyy

裏側の世界merge

AAA BBB

BBB BBB

AAA BBB

AAA CCC

BBB BBB

feature/xxxB

Adevelop

表側の世界

feature/yyy

裏側の世界

❌Bの状態のファイルに

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

AAA BBB

AAA CCC

BBB BBB

AAA BBB

BBB BBB

コンフリクトへの対応

feature/xxxB

Adevelop

Bの状態の上に

Cの変更を加えたC’を

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

feature/yyy

AAA BBB

BBB BBB

AAA CCC

BBB BBB

AAA BBB

feature/xxxB

Adevelop

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

マージできる

feature/yyy

AAA BBB

BBB BBB

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->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

learn about git - git tutorial

what is git & how to use git

introducción a git y git hub

installationsanleitung supermod lsh3-2020 · in den letzten...

maven git - universität des saarlandes · $ git checkout...

git git-flow - · pdf filerefresco conceptos git git-flow...

git & git hub

nge-git (belajar git bareng)

git fundamentos · git. fundamentos. guion de comandos...

git avec git gui, gitk et gps - blady.pagesperso...

git github tortoise git

Понимая git /git/. git изнутри наружу

rio 550 onda der daycruiser mit hervorragendem rumpf · rio...

más allá del zen de git - psicobyte.com fileir al grano...

git+, git 조금 더 배워보기

wann sich der applikations-generator jhipster lohnt - und...

git avanzado - mariogl.comenviar cambios al repositorio...

9 git 131014 dr elamin git sympyoms

git & git-flow -...

taller de git - clase git · taller de git clase git...