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.3k
デザイン環境やワークフローの改善 - みてねの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
4
1.5k
家族アルバム みてねの企画からリリースまでとデザインの意図
naoyawatanabe
2
24k
Other Decks in Design
See All in Design
アクセシビリティに取り組むメリット
magi1125
2
270
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
140
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
510
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
Liquid GlassとApp Intents
touyou
0
400
decksh object reference
ajstarks
2
1.3k
portfolio.pdf
onof003
0
190
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
210
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
320
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
120
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
180
Yumika Yamada Portfolio
yumii
0
1.8k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
4 Signs Your Business is Dying
shpigford
185
22k
BBQ
matthewcrist
89
9.8k
Building Applications with DynamoDB
mza
96
6.7k
GitHub's CSS Performance
jonrohan
1032
470k
The Cost Of JavaScript in 2023
addyosmani
54
9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.8k
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Λͬͨߴਫ਼ͳϓϩτλΠϐϯά ·ͱΊ
͋Γ͕ͱ͏͍͟͝·ͨ͠