Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
デザイン環境やワークフローの改善 - みてねのMeetup#3 / Improve Desig...
Search
Naoya Watanabe
November 13, 2018
Design
1
1.2k
デザイン環境やワークフローの改善 - みてねのMeetup#3 / Improve Design Environment and Workflow
Naoya Watanabe
November 13, 2018
Tweet
Share
More Decks by Naoya Watanabe
See All by Naoya Watanabe
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
1k
家族アルバム みてねの企画からリリースまでとデザインの意図
naoyawatanabe
2
23k
Other Decks in Design
See All in Design
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
450
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
2.2k
Fleet Gas Station
joshtang
0
130
デザイナー向け会社紹介資料(採用資料)
dreamarts
0
300
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
570
Du Bois Challenge 2024 Recap
ajstarks
1
140
Night Shift concept 9/15/2024
cpineda57
0
730
Commune_Brand_Guideline_JA
commune
1
130
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
1
1.7k
スマートバンクのプロダクトデザイン
putchomsmartbank
6
2.4k
RIDLEY JONES - Ridley's Christmas Carol
serenascipio
1
160
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.1k
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Designing for Performance
lara
604
68k
[RailsConf 2023] Rails as a piece of cake
palkan
49
4.7k
Faster Mobile Websites
deanohume
304
30k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
39
2.1k
Clear Off the Table
cherdarchuk
91
320k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
7
580
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
How to Ace a Technical Interview
jacobian
275
23k
Transcript
ล ΈͯͶσβΠφʔ σβΠϯڥϫʔΫϑϩʔͷվળ Mitene Meetup #3
2013 2013 2013 2014 ೖࣾ POPHOMEʢ৽نࣄۀɾΞϓϦʣ PoPollyʢ৽نࣄۀɾΞϓϦʣ ΈͯͶ ล σβΠφʔ
6݄ 6-9݄ 10-12݄ 1݄
None
σβΠϯڥϫʔΫϑϩʔΛվળͨ͠ ͢͜ͱ
ᶃ GitΛͬͨσβΠϯσʔλཧ ᶄ apkαΠζ࠷దԽ & Sketch Plugin࡞ ᶅ XcodeΛͬͨϓϩτλΠϐϯά ༰
ᶃGitΛͬͨσβΠϯσʔλཧ
GitҠߦલ ͕͋ΔͷΘ͔͍͕ͬͯͨɺ ۩ମతʹରࡦΛͨ͠ΓɺϧʔϧΛܾΊΔͷ͕Ͱ͖͍ͯͳ͔ͬͨ w ͱͱ(PPHMF%SJWF w ͨͼͨͼ͕ൃੜ w σʔλͷ͠ΕɺઌฦΓɺ࠷৽σʔλʁʁ
৭ʑͭΒ͍ͷͰɺͳΜͱ͔͍ͨ͠
Git LFSʁ
Git LFS ͱʁ w Gitͷ֦ுػೳ w 100MBҎ্ͷϑΝΠϧѻ͑Δ w Sketch, AI,
PSDOK w ίϝϯτཤྺ͕ͤΔ (JU-'4Λ͑՝ΛղܾͰ͖ͦ͏
Ҡߦ࣌ͷ՝গͳ͍ w GitಋೖࡁΈ w Git LFS DataΛ༗ޮʹ͢Δ͚ͩ w ஈ50GB $5.00/monthͱखࠒ
Ұ൪ͷωοΫͱͳΔgitͷૢ࡞໘ w ΈͯͶͰσβΠφʔৗతʹgitΛ༻ w UIͷ࠷ऴௐΛσβΠφʔ͕ߦ͍PRఏग़ w ը૾σʔλͷड͚͠ w gitΛѻ͏্Ͱͷ߅ͳ͔ͬͨ
20179݄Ҡߦ
࡞ۀखॱ ᶃ GitHubͷBillingϖʔδͰGit LFS DataΛ༗ޮʹ͢Δ ᶄ Git LFSΛΠϯετʔϧ ᶅ .gitattributes
ͷઃఆ σβΠϯσʔλཧΛGit LFSʹͨ͠ https://medium.com/mixi-developers/3cff02241f13
Ҡߦޙେ͖ͳͳ͠
్தߦͬͨվળ w ϦϙδτϦׂ ͱͱ1ͭͩͬͨϦϙδτϦΛ͍͔ͭ͘ʹׂͯ͠ཧ͘͢͠ pre-commit ͰಛఆαΠζҎ্ͷ߹ʹܯࠂɺؾ͚ͮΔΑ͏ʹ Sketch ReducerͰϑΝΠϧαΠζݮྔorϑΝΠϧΛׂ͢ΔͳͲରԠ w ίϛοτ࣌ʹϑΝΠϧαΠζ֬ೝ
݁Ռ ຊۀʹઐ೦͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ σʔλཧͷετϨε͔Βͷղ์
ᶄapkαΠζ࠷దԽ & Sketch Plugin࡞
͖͔͚ͬ w apkαΠζ͕େ͖͍ w ͬͱখ͘͞Ͱ͖Δ w ը૾ϦιʔεΛཧ͍ͨ͠ w ͳͲͳͲΤϯδχΞνʔϜ͔ΒఏҊΛΒ͏
ཁҼը૾ཧͷࡶ͞ w ͍ͬͯͳ͍ը૾͕͋ͬͨΓ w ը૾ͷ࠷దԽ ʢݮྔʣ ΛͬͨΓΒͳ͔ͬͨΓ w ϧʔϧͳ͍ঢ়گ
ͳΜͱ͔վળ͍ͨ͠
ͬͨ͜ͱ w ͍ͬͯͳ͍ϑΝΠϧͷআ ΤϯδχΞνʔϜͰରԠ σβΠϯνʔϜͰରԠ ѹॖπʔϧͷબఆ ѹॖͷௐ w ը૾ͷ࠷దԽ ʢQOH
KQHʣ
৽͘͠ը૾ΛՃ͢Δ߹ʁ
ઈରΕͳ͍Α͏ʹΈԽ͓͖͍ͯͨ͠
ΈԽީิ • Git hooks pre-commitͰѹॖ ѹॖޙͷࢹ֬ೝ͕ͮ͠Β͍ ը૾ॻ͖ग़࣌͠ʹࣗಈͰѹॖΛ͔͚ΒΕΔ ѹॖޙͷΫΦϦςΟνΣοΫ͕͘͢͠ɺON/OFFՄೳ • Sketch
Plugin
ϓϥάΠϯΛ୳͕ͨ͠ɺཁ݅ʹ߹͏ͷ͕ͳ͔ͬͨʜ
ϓϥάΠϯͬͯ࡞Εͳ͍ͷ͔ͳʁ
Sketch Pluginͷ࡞Γํ w ެࣜαΠτʹΨΠυ w https://developer.sketchapp.com/guides/ w JavaScript apkαΠζͷ࠷దԽͱSketchϓϥάΠϯΛ࡞ͬͨ https://medium.com/mixi-developers/3ff4f998d61c
࡞ͬͨ
SketchͷExportϘλϯͰࣗಈѹॖ
GitHubͰެ։
ެࣜʹϦετ͞Ε·ͨ͠
݁Ռ େ෯ʹݮྔͭͭ͠ɺࠓޙܧଓͯ͠࠷దԽ͞Εଓ͚ΔΈʹͳΓ·ͨ͠ 52.9MB → 30.7MBʢ40% Downʣ
ᶅXcodeΛͬͨϓϩτλΠϐϯά
XcodeಋೖҎલʢ2014ʣ w Proto.io w HTML & JavaScriptʢϒϥβϕʔεʣ
࣌ͷ՝ w ࣮ޙʹؾͮ͘ҧײ w ͳͥϓϩτλΠϓͷஈ֊Ͱؾ͚ͮͳ͔ͬͨͷ͔ʁ w मਖ਼ͷ͍ͬͨͳ͍
ϓϩτλΠϐϯάπʔϧͷཧ
ϓϩτλΠϐϯάπʔϧͷछྨ w τϥϯδγϣϯλΠϓʢSketch, Prott, Invisionʣ w ΠϯλϥΫγϣϯλΠϓʢFramer, Origami Studio, ProtoPieʣ
ࢴࣳډతͳλΠϓɻΦʔιυοΫεͳը໘ભҠ6*ͷݕূʹ͍͍ͯΔɻ ωΠςΟϒΞϓϦͷΑ͏ʹಈ͔͢͜ͱ͕Ͱ͖Δɻ ຊ൪ಉ༷ʹߴਫ਼ͳݕূɾςετ͕Մೳɻ ΠϯλϥΫγϣϯλΠϓΛ͑ղܾͰ͖Δʁʁ
࣌τϥϯδγϣϯλΠϓ͔͠ଘࡏ͍ͯ͠ͳ͔ͬͨ
ͳΜͱ͔ͳΒͳ͍͔ͳʁ
XcodeͰϓϩτλΠϓ࡞Εͳ͍͔ͳʁ
࡞ͬͨ
None
Կ͕ྑ͍ͷʁ w ϢʔβʔϏϦςΟςετͷਫ਼͕ߴ͘ɺؾ͖ͮΛಘ͍͢ w ݴޠԽͮ͠Β͍ΠϯλϥΫγϣϯΛڞ༗ & FBΛಘ͍͢ w ݕূਫ਼͕ߴ͍ͷͰ࣮ޙͷखΓ͕গͳ͘ɺ࡞ۀޮ͕ྑ͍ w
ࣄલʹٕज़՝ͷѲ͕͍͢͠ XcodeͷϓϩτλΠϓಈ༷͘ॻ
2ͭͷϓϩτλΠϓͷ͍͚ w τϥϯδγϣϯλΠϓʢSketch, Prott, Invisionʣ w ΠϯλϥΫγϣϯλΠϓʢXcodeʣ ΦʔιυοΫεͳ6*ը໘ભҠʢQVTI QPQ NPEBMʣͰར༻ɻΠϯλϥΫγϣϯλΠϓͷલߦఔͳͲɻ
Ξχϝʔγϣϯ͕͋ͬͨΓɺෳͷঢ়ଶΛ࣋ͭΑ͏ͳ6*ɻख৮Γ͕ಛʹେࣄͳը໘ͳͲɻ ΠϯλϥΫγϣϯλΠϓτϥϯδγϣϯλΠϓͱൺֱͯ͠࡞Δͷʹ͕͔͔࣌ؒΔ ঢ়گରʹԠ͍͚͍ͯͯ͡Δ
݁Ռ ͍͍͢UIΛٻͭͭ͠ɺશମͷ։ൃޮʹߩݙ σβΠϯϑΣʔζͰਫ਼ͷߴ͍ࢼߦࡨޡ͕Մೳ
ᶃ GitΛͬͯσβΠϯσʔλཧΛվળ ᶄ apkαΠζ࠷దԽ & อͪଓ͚ΔͨΊͷΈ ᶅ XcodeΛͬͨߴਫ਼ͳϓϩτλΠϐϯά ·ͱΊ
͋Γ͕ͱ͏͍͟͝·ͨ͠