Movatterモバイル変換

[0]ホーム
URL:

PDF, PPTX1,840 views

デザイナーにGitは必要？

http://dist.connpass.com/event/12990/

Embed presentation

Download as PDF, PPTX
デザイナーにGitは必要？20150417 / Yumi Hashizume
お前誰よ橋爪 由美 @uniqPanda Graphics 株式会社UI/UXデザイナー兼ディレクター
デザイナーがGitをどのように使っているか？
私の場合
操作• 操作は黒い画面ことターミナル• GUI（SourceTree）で確認することもあり
（Tree構造や、別remoteのブランチ把握したい時だけ。操作はしない）
運用• いろいろ（ぷるリク運用、rebase運用…）• とにかくチームのやり方を理解して合わせる• 「これが出来るとデザイナーが楽」と伝えるのも重要
扱うファイル• エンジニアと一緒に触るhtml,css(+img)が多いです• テスト的に作った静的なhtml/cssもgitで公開して共有することもあり• 差分＆commitコメントが表示されるので、エンジニアさんに修正点を伝えやすい
PSDやAIは？Gitでは扱いづらいし、重い
バイナリは容量がかかるコードは差分だけ管理されるけど。バイナリは丸ごとコピーされちゃうので意味のない差分が増えちゃう。…らしい
PSDやAIはファイル名などで• 日付+ページURLが入ったファイル名とか• 20150417_search_result.psd• 20150417/search_result.psd• 確認が済んだりファイルのステータスが変わった場合、ファイル名を変更したり、フォルダを移動したりすることも• 20150417_search_result-D確認済.psd• 提出用/20150417_search_result.psd
履歴を誰かに見せたい時はいいかもロゴのデザインの変化をオープンソースで見せたい時とか
黒い画面（ターミナル）
cdgit最初は上記のコマンドだけ覚えればいいと思う！※cd=change directory
黒い画面の良さ
会話をしているみたい間違ったgitコマンドを実行しても「もしかして***では？」「helpを見てね」などと教えてくれる
エンジニアのブログが少し読めるようになる文頭にある謎の「$」をようやく把握…
黒い画面じゃなくてGUIでも良いですか？SourceTreeやTowerなど
GUIだとしてもGitの全体図・Gitでのやりとりはこんなイメージ
というのを把握した方が覚えやすいし、ミスは少ない！
GUIは初心者にきびしいUIチェックアウトって何？マージって何？リベースって何？プッシュって何？
Gitのイメージを持ちつつ、Gitを操作しましょう！
全体のイメージ
まずは7つのコマンドの
イメージからpullremotebranchcheckoutaddcommitpush
例えば• pull• remote• branch• checkout• add• commit• pushワークフローにのせて覚えると良い！
イメージを描いて、イメージしながら操作するワークフローに乗せて把握するルー語を分かりやすい言葉に置き換える
便利コマンドのイメージも• cherry-pick• status
詳しくは…• 自分の同人誌とか• 「Git イメージ」でぐぐると出てきます！
運用を把握する
• 自由にpushしちゃう運用なのか？• forkしてぷるりく？• チームによって違うので、
詳しくはエンジニアさんに聞こう！• システムがデザインよりも先行してるか遅れてるかによっても違う
デザイナーがGitに
参加して良かった点
実装真っ最中のコードにデザインを入れることができる！
（エンジニアではなくデザイナーが）
微調整が思いのまま
デメリット• Gitの勉強コスト
結論
実装に参加する場合はGitを知っておくとお得！
おわり

Recommended

PPTX
プランナーがPR駆動してみた話
PDF
UnityでつくるはじめてのPONG
PDF
【いまこそ】エンジニアとデザイナー【立ち上がれ】
PDF
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
PPTX
おばかアプリ勉強会資料 シグマコンサルティング
PDF
Ios android tips
PDF
Unity2DとNewGUIについて
PDF
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
PPTX
株式会社プレミアムグラフィクスの会社案内
PDF
UI Crunch#3：プロトタイピングにおける「段階」
PPTX
リアルタイムCGのためのグラフィックスライブラリ
PPTX
匠メソッドを導入したらサイトのアクセスが８倍になった話
PDF
githubでHP作ってみよ 2019/02/16 by CODE for IKOMA
PDF
20130202 unitycreators prefab
PDF
機能追加を行う際に考慮したい3つのポイント
PDF
UIも大事だよ。という話。＠Opt Group Tech Day
PDF
Sprintなunity ui開発（gglt vol3)
PDF
Gitを使いこなしてみよう！
PDF
Pixate導入についてのあれこれ
PPTX
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
PPTX
MobProgramming at ヴァル研究所 - 紹介
PPTX
One Step Effects 解説
PPT
デザイナ＆エンジニア交流会オープニング
PPT
つやまロボットコンテストとものづくりのクラウド化
PPTX
MobProgramming at クリエーションライン
PPTX
MobProgrammingを体験してみよう!
PPTX
200208 osh-nishimoto-v2
PPTX
Mob Programming ってなんですか?
PPTX
Philippinehistory 120211033202-phpapp02
PDF
大容量ファイルもGitで管理。 Git LFSの使い方

More Related Content

PPTX
プランナーがPR駆動してみた話
PDF
UnityでつくるはじめてのPONG
PDF
【いまこそ】エンジニアとデザイナー【立ち上がれ】
PDF
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
PPTX
おばかアプリ勉強会資料 シグマコンサルティング
PDF
Ios android tips
PDF
Unity2DとNewGUIについて
PDF
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
プランナーがPR駆動してみた話
UnityでつくるはじめてのPONG
【いまこそ】エンジニアとデザイナー【立ち上がれ】
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
おばかアプリ勉強会資料 シグマコンサルティング
Ios android tips
Unity2DとNewGUIについて
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf

What's hot

PPTX
株式会社プレミアムグラフィクスの会社案内
PDF
UI Crunch#3：プロトタイピングにおける「段階」
PPTX
リアルタイムCGのためのグラフィックスライブラリ
PPTX
匠メソッドを導入したらサイトのアクセスが８倍になった話
PDF
githubでHP作ってみよ 2019/02/16 by CODE for IKOMA
PDF
20130202 unitycreators prefab
PDF
機能追加を行う際に考慮したい3つのポイント
PDF
UIも大事だよ。という話。＠Opt Group Tech Day
PDF
Sprintなunity ui開発（gglt vol3)
PDF
Gitを使いこなしてみよう！
PDF
Pixate導入についてのあれこれ
PPTX
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
PPTX
MobProgramming at ヴァル研究所 - 紹介
PPTX
One Step Effects 解説
PPT
デザイナ＆エンジニア交流会オープニング
PPT
つやまロボットコンテストとものづくりのクラウド化
PPTX
MobProgramming at クリエーションライン
PPTX
MobProgrammingを体験してみよう!
PPTX
200208 osh-nishimoto-v2
PPTX
Mob Programming ってなんですか?
株式会社プレミアムグラフィクスの会社案内
UI Crunch#3：プロトタイピングにおける「段階」
リアルタイムCGのためのグラフィックスライブラリ
匠メソッドを導入したらサイトのアクセスが８倍になった話
githubでHP作ってみよ 2019/02/16 by CODE for IKOMA
20130202 unitycreators prefab
機能追加を行う際に考慮したい3つのポイント
UIも大事だよ。という話。＠Opt Group Tech Day
Sprintなunity ui開発（gglt vol3)
Gitを使いこなしてみよう！
Pixate導入についてのあれこれ
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
MobProgramming at ヴァル研究所 - 紹介
One Step Effects 解説
デザイナ＆エンジニア交流会オープニング
つやまロボットコンテストとものづくりのクラウド化
MobProgramming at クリエーションライン
MobProgrammingを体験してみよう!
200208 osh-nishimoto-v2
Mob Programming ってなんですか?

Viewers also liked

PPTX
Philippinehistory 120211033202-phpapp02
PDF
大容量ファイルもGitで管理。 Git LFSの使い方
PPTX
Have smoking bans after WHO Framework Convention on Tobacco Control worked in...
PPTX
Methods of hair_removal
 
PPTX
Aspis Night Blinds
PPT
Mahallu management software
PPTX
Semantic html が止まらない
PPTX
Barranquilla
PPT
Kerken en kloosters
PDF
The creative society make a job report
 
PDF
הנוסחה הסודית להכרויות בפייסבוק
PPT
адвокатское бюро во франции
PPTX
D2 interview skills v1
PPT
A Slave of Today
PPTX
Material necessari per a fer un hort urbà
PDF
News Flash April 2013 - abm & associates
PDF
SA Entrum
 
PDF
321 unit 9 logistics
PPTX
Nord Lb
PPTX
Mooc: BUSCAR INFORMACIÓN EN GOOGLE
Philippinehistory 120211033202-phpapp02
大容量ファイルもGitで管理。 Git LFSの使い方
Have smoking bans after WHO Framework Convention on Tobacco Control worked in...
Methods of hair_removal
 
Aspis Night Blinds
Mahallu management software
Semantic html が止まらない
Barranquilla
Kerken en kloosters
The creative society make a job report
 
הנוסחה הסודית להכרויות בפייסבוק
адвокатское бюро во франции
D2 interview skills v1
A Slave of Today
Material necessari per a fer un hort urbà
News Flash April 2013 - abm & associates
SA Entrum
 
321 unit 9 logistics
Nord Lb
Mooc: BUSCAR INFORMACIÓN EN GOOGLE

More from Yumi uniq Ishizaki

PDF
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
KEY
とある色の決め方
PDF
スクラムする前に知って欲しいアジャイルさんっぽいこと
PDF
絵描きさんあるあるPhotoshop技 DIST3
PDF
真のレシポンシブって何だろう
PDF
connpass design at BPStudy #88
PPTX
アイディア発想法とかモノ作りを初める前にやること
PDF
とっさのデザイン〜ボタン編〜
PPTX
Oocssとかついでにsmacssとbemの話も
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
とある色の決め方
スクラムする前に知って欲しいアジャイルさんっぽいこと
絵描きさんあるあるPhotoshop技 DIST3
真のレシポンシブって何だろう
connpass design at BPStudy #88
アイディア発想法とかモノ作りを初める前にやること
とっさのデザイン〜ボタン編〜
Oocssとかついでにsmacssとbemの話も

デザイナーにGitは必要？

[8]ページ先頭
©2009-2025 Movatter.jp