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.4k
家族アルバム みてねの企画からリリースまでとデザインの意図
naoyawatanabe
2
24k
Other Decks in Design
See All in Design
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
580
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
180
オープンデータを利用して色々なものを作った話
hjmkth
1
120
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
Bulletproof Design System with TypeScript
takanorip
6
3.6k
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
AI動画生成ガチャ紹介
piyo7
1
130
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
2k
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Building an army of robots
kneath
306
45k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Speed Design
sergeychernyshev
32
1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Balancing Empowerment & Direction
lara
1
430
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
GitHub's CSS Performance
jonrohan
1031
460k
Documentation Writing (for coders)
carmenintech
72
4.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Gamification - CAS2011
davidbonilla
81
5.4k
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Λͬͨߴਫ਼ͳϓϩτλΠϐϯά ·ͱΊ
͋Γ͕ͱ͏͍͟͝·ͨ͠