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
let product = [designer, engineer].reduce(0) { ...
Search
koutalou
August 02, 2016
0
420
let product = [designer, engineer].reduce(0) { $0 + $1.skill * $1.vision }
2016/07/28(木) デザイナー×エンジニアLT&交流会(マネーフォワード×ママリ×みんなのウェディング)で登壇した内容です。
koutalou
August 02, 2016
Tweet
Share
More Decks by koutalou
See All by koutalou
マネーフォワードの設計へのアプローチ
koutalou
4
3.8k
実際Xamarinってどうなの?
koutalou
3
2.2k
iOS Clean Architecture のすすめ
koutalou
26
23k
tvOS tips
koutalou
1
1.8k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
What's in a price? How to price your products and services
michaelherold
246
12k
Why Our Code Smells
bkeepers
PRO
339
57k
Automating Front-end Workflow
addyosmani
1371
200k
Agile that works and the tools we love
rasmusluckow
330
21k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
It's Worth the Effort
3n
187
28k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
Done Done
chrislema
185
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Transcript
let product = [designer, engineer].reduce(0) { $0 + $1.skill *
$1.vision } 2016/07/28 גࣜձࣾϚωʔϑΥϫʔυ ࣇۄଠ
ࣗಈՈܭαʔϏεʰϚωʔϑΥϫʔυʱ iOS.AndroidΞϓϦ։ൃΛ୲͍ͯ͠·͢ ࣇۄଠ!LPVUBMPV ΤϯδχΞ ࣗݾհ
औΓΈ 1 νʔϜͰͷ։ൃޮͷ্ 2 ૬ޓͷาΈدΓ 3 7JTJPOͷڞ༗
औΓΈ 1 νʔϜͰͷ։ൃޮͷ্ 2 ૬ޓͷาΈدΓ 3 7JTJPOͷڞ༗ 2 3
ηΫγϣφϦζϜͷ اըɺσβΠϯɺ։ൃͷϑϩʔΛׂ͝ͱʹ͚ͯ͠·͏ͱ खΓ͕ଟ͘ޮతͳ։ൃ͕Ͱ͖ͳ͍ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ Ռ͕ࢥͬͨͷͱҧ͏ اըʹҰ؏ੑ͕ͳ͍ͳ͋ σβΠϯ௨Γ͡Όͳ͍ͧ ԿͩΖ͏͜ͷ༷
͜ͷ࣮Ͱ͍͍͔ͳ
νʔϜϨϏϡʔମ੍ ֤ϑΣʔζʹΦʔφʔ͍Δ͕ɺ શһ͕ͯ͢ͷϑΣʔζʹؔΘΓखΓΛ͙ ༷ܾΊ σβΠϯϨϏϡʔ ϓϩμΫτϨϏϡʔ
νʔϜϨϏϡʔମ੍ ֤ϑΣʔζʹΦʔφʔ͍Δ͕ɺ શһ͕ͯ͢ͷϑΣʔζʹؔΘΓखΓΛ͙ ༷ܾΊ σβΠϯϨϏϡʔ ϓϩμΫτϨϏϡʔ
ϓϩμΫτϨϏϡʔͷৄࡉ ։ൃ࣌ΤϯδχΞ͚ͩͰͳ͘ɺ શһ͕ϨϏϡʔΛߦ͑Δঢ়ଶʹ͢Δ ։ൃ HJUIVCϨϏϡʔ ࢼ৯ϨϏϡʔ
HJUIVCϨϏϡʔ *TTVFBOE1VMM3FRVFTUUFNQMBUFTΛ͔ͬͯΓ͘͢ɺ εΫϦʔϯγϣοτνϟοτͷ༰ΛషͬͯϨϏϡʔͷෑډΛԼ͛Δ
ࢼ৯ϨϏϡʔ 4MBDLͰࢦࣔΛग़͢ͱࣗಈͰΞϓϦΛ%FQMPZ ৗʹ։ൃதͷΞϓϦͷಈ࡞Λ֬ೝͰ͖ΔΑ͏ʹ͢Δ
ϨϏϡʔͷಋೖ ։ൃதʹ༷ʑͳࢹͰϨϏϡʔΛड͚Δ͜ͱͰ ޮతʹ։ൃ͕Ͱ͖Δ ։ൃ HJUIVCϨϏϡʔ ࢼ৯ϨϏϡʔ
νʔϜ։ൃ ΞϓϦΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΈΜͳͰαʔϏε։ൃ εϞʔϧνʔϜ͜ΕͰ্ख͍͍ͬͯ͘Δʂ όοΫΤϯυΤϯδχΞ
νʔϜؒͷใڞ༗ "νʔϜ #νʔϜ $νʔϜ νʔϜྑͯ͘ଞͷνʔϜͷঢ়گΛΒͳ͍ͱɺ ࿈ܞͰ͖ͳ͔ͬͨΓແବͳ͜ͱΛ͢Δ͜ͱ͋Δ
ใΛΦʔϓϯʹ͢Δ ίϛϡχέʔγϣϯৗʹΦʔϓϯʹͯ͠ɺ શһͰڞ༗͢Δ
औΓΈ νʔϜͰͷ։ൃޮͷ্ 2 ૬ޓͷาΈدΓ 7JTJPOͷڞ༗ 1 3
ͲΜͳऔΓΈΛ͍ͯ͠Δ͔ w ΤϯδχΞ͚4LFUDIϫʔΫγϣοϓ w σβΠφʔ͚"OESPJEษڧձ w ΈΜͳͰϏσΦΛݟΔձ w νϟοτͰͷใަͳͲ
σβΠϯˠ࣮ 4UZMF(VJEF Style Guide͕͋ΕUI࣮ͰࠔΔࣄ΄ͱΜͲͳ͍͕ɺ ΤϯδχΞ㲗σβΠφʔͷϑϩʔվળΛͬͱਐΊ͍ͨ
4UZMF(VJEF"QQ 4UZMF(VJEFͰఆٛ͞ΕͨͷΛ"QQͰ֬ೝͰ͖ΔΑ͏ʹ Money Forward App Style Guide App Style Framework
4UZMF(VJEF"QQ 'SBNFXPSLʹ͢Δ͜ͱͰڞ௨ԽͰ͖ .POFZ'PSXBSEΞϓϦʹͦͷ··͑Δ Money Forward App Style Guide App Style
Framework
4UZMF(VJEF"QQ Money Forward App Style Guide App Style Framework 'SBNFXPSLʹ͢Δ͜ͱͰڞ௨ԽͰ͖
.POFZ'PSXBSEΞϓϦʹͦͷ··͑Δ
σβΠφʔʹॻ͚Δఆٛ σβΠφʔStyleΛ͍ͭͰมߋͰ͖Δ
औΓΈ 3 7JTJPOͷڞ༗ νʔϜͰͷ։ൃޮͷ্ 1 2 ૬ޓͷาΈدΓ 2
ηΫγϣφϦζϜͷ νʔϜҰؙͱͳͬͯ։ൃ͍͕ͨ͠ɺ Ͳ͏ͬͨΒͦͷঢ়ଶʹͳΕΔͷ͔ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ࢲ͕ߟ͑ͨ࠷ߴͷUIʂ ݴΘΕ༷ͨΛ ࡞Ε͍͍ ͜ΕͳΒ্͕͕Δͣ
͜Ε࡞ͬͯʔʂ
7JTJPOʹೲಘײ͕ͳ͍ͱ ࣗͷׂ͔͜͠ͳ͞ͳ͘ͳͬͯ͠·͏ ηΫγϣφϦζϜͷ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ͜ΕͳΒ্͕͕Δͣ ͜Ε࡞ͬͯʔʂ ࢲ͕ߟ͑ͨ࠷ߴͷUIʂ ݴΘΕ༷ͨΛ
࡞Ε͍͍
7JTJPOͷڞ༗ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ Vision͕ڞ༗Ͱ͖͍ͯΕɺ νʔϜVisionΛ࣮ݱ͢ΔؒͰ͋Δ
ྑ͍νʔϜͷঢ়ଶ 1. શһ͕اըΛ͢Δ͠ɺ༷ΛܾΊΔ 2. Visionʹج͍ͮͯஅ͕Ͱ͖Δ 3. αʔϏεʹؔΘΔͯ͢ͷϑΣʔζʹؔ༩͢Δ اըɺ༷ܾΊ அ ֤ϑΣʔζͷϨϏϡʔ
ྑ͍νʔϜͷঢ়ଶ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ Vision͕ڞ༗Ͱ͖͍ͯΕɺ ։ൃϑϩʔͰΑΓີͳίϛϡχέʔγϣϯ͕औΕ νʔϜͷύϑΥʔϚϯε্͕͢Δ
·ͱΊ
·ͱΊ %FTJHOFS &OHJOFFS 7JTJPOΛڞ༗ͯ͠ ҰؙͱͳͬͯϓϩμΫτΛ࡞ͬͯߦ͜͏ʂ w νʔϜશһ͕શͯͷϑΣʔζʹؔΘΔ͜ͱͰޮԽ͢Δ w νʔϜ7JTJPOΛ࣮ݱ͢ΔؒͰ͋Γɺ͓ޓ͍ͷࣄΛཧղ ͠ใΛఏڙ͋ͬͯ͠ҰॹʹαʔϏεΛ։ൃ͍ͯ͘͠
͓ۚΛલɻਓੜΛͬͱલɻ զʑͷαʔϏεΛ௨ͯ͠ɺݸʑਓͷ͓ۚʹର͢ΔΈෆ͕҆ ܰݮ͠ɺʑͷΒ͠ͷվળເ͕࣮ݱ͢Δɻ ͦͯ͠ɺຊࠃͷʮ͓ۚͷྲྀΕʯ͕มΘΓɺ ΑΓੈͷத͕׆ੑԽ͠ɺ৽ͨͳνϟϨϯδΛੜΈग़͍͢͠ ڥ࡞Γʹߩݙ͢Δ͜ͱ͕ɺզʑ͕ࣄۀΛߦ͏࠷େͷతͰ͋Δɻ ϚωʔϑΥϫʔυ
Ұॹʹಇؒ͘ 7JTJPOΛ࣮ݱ͢Δ͘ Ұॹʹಇؒ͘Λืू͍ͯ͠·͢ʂ
5IBOLZPV