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
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
0
230
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
690
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.2k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
910
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
minpaku-community-scrum-patterns
norinity1103
1
240
アクセシビリティに取り組むメリット
magi1125
2
240
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.5k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
7 Core Values of Round-L
wired888
0
1.4k
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Gamification - CAS2011
davidbonilla
81
5.4k
Visualization
eitanlees
147
16k
Designing for humans not robots
tammielis
253
25k
Documentation Writing (for coders)
carmenintech
73
5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
How GitHub (no longer) Works
holman
315
140k
We Have a Design System, Now What?
morganepeng
53
7.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Raft: Consensus for Rubyists
vanstee
140
7.1k
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Λͬͨߴਫ਼ͳϓϩτλΠϐϯά ·ͱΊ
͋Γ͕ͱ͏͍͟͝·ͨ͠