Upgrade to Pro — share decks privately, control downloads, hide ads and more …

let product = [designer, engineer].reduce(0) { $0 + $1.skill * $1.vision }

79b6308e9ece8ee9780f8d4a9e0a656d?s=47 koutalou
August 02, 2016
330

let product = [designer, engineer].reduce(0) { $0 + $1.skill * $1.vision }

2016/07/28(木) デザイナー×エンジニアLT&交流会(マネーフォワード×ママリ×みんなのウェディング)で登壇した内容です。

79b6308e9ece8ee9780f8d4a9e0a656d?s=128

koutalou

August 02, 2016
Tweet

Transcript

  1. let product = [designer, engineer].reduce(0) { $0 + $1.skill *

    $1.vision } 2016/07/28 גࣜձࣾϚωʔϑΥϫʔυ ࣇۄ޹ଠ࿠
  2. ࣗಈՈܭ฽αʔϏεʰϚωʔϑΥϫʔυʱ iOS.AndroidΞϓϦ։ൃΛ୲౰͍ͯ͠·͢ ࣇۄ޹ଠ࿠!LPVUBMPV ΤϯδχΞ ࣗݾ঺հ

  3. औΓ૊Έ 1 νʔϜͰͷ։ൃޮ཰ͷ޲্ 2 ૬ޓͷาΈدΓ 3 7JTJPOͷڞ༗

  4. औΓ૊Έ 1 νʔϜͰͷ։ൃޮ཰ͷ޲্ 2 ૬ޓͷาΈدΓ 3 7JTJPOͷڞ༗ 2 3

  5. ηΫγϣφϦζϜͷ໰୊ اըɺσβΠϯɺ։ൃͷϑϩʔΛ໾ׂ͝ͱʹ෼͚ͯ͠·͏ͱ ख໭Γ͕ଟ͘ޮ཰తͳ։ൃ͕Ͱ͖ͳ͍ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ੒Ռ෺͕ࢥͬͨ΋ͷͱҧ͏ اըʹҰ؏ੑ͕ͳ͍ͳ͋ σβΠϯ௨Γ͡Όͳ͍ͧ ԿͩΖ͏͜ͷ࢓༷

    ͜ͷ࣮૷Ͱ͍͍͔ͳ
  6. νʔϜ಺ϨϏϡʔମ੍ ֤ϑΣʔζʹΦʔφʔ͸͍Δ͕ɺ શһ͕͢΂ͯͷϑΣʔζʹؔΘΓख໭ΓΛ๷͙ ࢓༷ܾΊ σβΠϯϨϏϡʔ ϓϩμΫτϨϏϡʔ

  7. νʔϜ಺ϨϏϡʔମ੍ ֤ϑΣʔζʹΦʔφʔ͸͍Δ͕ɺ શһ͕͢΂ͯͷϑΣʔζʹؔΘΓख໭ΓΛ๷͙ ࢓༷ܾΊ σβΠϯϨϏϡʔ ϓϩμΫτϨϏϡʔ

  8. ϓϩμΫτϨϏϡʔͷৄࡉ ։ൃ࣌͸ΤϯδχΞ͚ͩͰͳ͘ɺ શһ͕ϨϏϡʔΛߦ͑Δঢ়ଶʹ͢Δ ։ൃ HJUIVCϨϏϡʔ ࢼ৯ϨϏϡʔ

  9. HJUIVCϨϏϡʔ *TTVFBOE1VMM3FRVFTUUFNQMBUFTΛ࢖ͬͯ෼͔Γ΍͘͢ɺ εΫϦʔϯγϣοτ΍νϟοτͷ಺༰ΛషͬͯϨϏϡʔͷෑډΛԼ͛Δ

  10. ࢼ৯ϨϏϡʔ 4MBDLͰࢦࣔΛग़͢ͱࣗಈͰΞϓϦΛ%FQMPZ ৗʹ։ൃதͷΞϓϦͷಈ࡞Λ֬ೝͰ͖ΔΑ͏ʹ͢Δ

  11. ϨϏϡʔͷಋೖ ։ൃதʹ༷ʑͳࢹ఺ͰϨϏϡʔΛड͚Δ͜ͱͰ ޮ཰తʹ։ൃ͕Ͱ͖Δ ։ൃ HJUIVCϨϏϡʔ ࢼ৯ϨϏϡʔ

  12. νʔϜ։ൃ ΞϓϦΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΈΜͳͰαʔϏε։ൃ εϞʔϧνʔϜ͸͜ΕͰ্ख͍͍ͬͯ͘Δʂ όοΫΤϯυΤϯδχΞ

  13. νʔϜؒͷ৘ใڞ༗ "νʔϜ #νʔϜ $νʔϜ νʔϜ಺͸ྑͯ͘΋ଞͷνʔϜͷঢ়گΛ஌Βͳ͍ͱɺ ࿈ܞͰ͖ͳ͔ͬͨΓແବͳ͜ͱΛ͢Δ͜ͱ΋͋Δ

  14. ৘ใΛΦʔϓϯʹ͢Δ ίϛϡχέʔγϣϯ͸ৗʹΦʔϓϯʹͯ͠ɺ શһͰڞ༗͢Δ

  15. औΓ૊Έ νʔϜͰͷ։ൃޮ཰ͷ޲্ 2 ૬ޓͷาΈدΓ 7JTJPOͷڞ༗ 1 3

  16. ͲΜͳऔΓ૊ΈΛ͍ͯ͠Δ͔ w ΤϯδχΞ޲͚4LFUDIϫʔΫγϣοϓ w σβΠφʔ޲͚"OESPJEษڧձ w ΈΜͳͰϏσΦΛݟΔձ w νϟοτͰͷ৘ใަ׵ͳͲ

  17. σβΠϯˠ࣮૷ 4UZMF(VJEF Style Guide͕͋Ε͹UI࣮૷ͰࠔΔࣄ͸΄ͱΜͲͳ͍͕ɺ ΤϯδχΞ㲗σβΠφʔͷϑϩʔվળΛ΋ͬͱਐΊ͍ͨ

  18. 4UZMF(VJEF"QQ 4UZMF(VJEFͰఆٛ͞Εͨ΋ͷΛ"QQͰ֬ೝͰ͖ΔΑ͏ʹ Money Forward App Style Guide App Style Framework

  19. 4UZMF(VJEF"QQ 'SBNFXPSLʹ͢Δ͜ͱͰڞ௨ԽͰ͖ .POFZ'PSXBSEΞϓϦʹ΋ͦͷ··࢖͑Δ Money Forward App Style Guide App Style

    Framework
  20. 4UZMF(VJEF"QQ Money Forward App Style Guide App Style Framework 'SBNFXPSLʹ͢Δ͜ͱͰڞ௨ԽͰ͖

    .POFZ'PSXBSEΞϓϦʹ΋ͦͷ··࢖͑Δ
  21. σβΠφʔʹ΋ॻ͚Δఆٛ σβΠφʔ΋StyleΛ͍ͭͰ΋มߋͰ͖Δ

  22. औΓ૊Έ 3 7JTJPOͷڞ༗ νʔϜͰͷ։ൃޮ཰ͷ޲্ 1 2 ૬ޓͷาΈدΓ 2

  23. ηΫγϣφϦζϜͷ໰୊ νʔϜҰؙͱͳͬͯ։ൃ͍͕ͨ͠ɺ Ͳ͏΍ͬͨΒͦͷঢ়ଶʹͳΕΔͷ͔ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ࢲ͕ߟ͑ͨ࠷ߴͷUIʂ ݴΘΕͨ࢓༷Λ ࡞Ε͹͍͍΍ ͜ΕͳΒ਺஋্͕͕Δ͸ͣ

    ͜Ε࡞ͬͯʔʂ
  24. 7JTJPOʹೲಘײ͕ͳ͍ͱ ࣗ෼ͷ໾ׂ͔͜͠ͳ͞ͳ͘ͳͬͯ͠·͏ ηΫγϣφϦζϜͷ໰୊ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ͜ΕͳΒ਺஋্͕͕Δ͸ͣ ͜Ε࡞ͬͯʔʂ ࢲ͕ߟ͑ͨ࠷ߴͷUIʂ ݴΘΕͨ࢓༷Λ

    ࡞Ε͹͍͍΍
  25. 7JTJPOͷڞ༗ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ Vision͕ڞ༗Ͱ͖͍ͯΕ͹ɺ νʔϜ͸VisionΛ࣮ݱ͢Δ஥ؒͰ͋Δ

  26. ྑ͍νʔϜͷঢ়ଶ 1. શһ͕اըΛ͢Δ͠ɺ࢓༷ΛܾΊΔ 2. Visionʹج͍ͮͯ൑அ͕Ͱ͖Δ 3. αʔϏεʹؔΘΔ͢΂ͯͷϑΣʔζʹؔ༩͢Δ اըɺ࢓༷ܾΊ ൑அ ֤ϑΣʔζͷϨϏϡʔ

  27. ྑ͍νʔϜͷঢ়ଶ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ Vision͕ڞ༗Ͱ͖͍ͯΕ͹ɺ ։ൃϑϩʔͰΑΓີͳίϛϡχέʔγϣϯ͕औΕ νʔϜͷύϑΥʔϚϯε͕޲্͢Δ

  28. ·ͱΊ

  29. ·ͱΊ %FTJHOFS &OHJOFFS 7JTJPOΛڞ༗ͯ͠ ҰؙͱͳͬͯϓϩμΫτΛ࡞ͬͯߦ͜͏ʂ w νʔϜશһ͕શͯͷϑΣʔζʹؔΘΔ͜ͱͰޮ཰Խ͢Δ w νʔϜ͸7JTJPOΛ࣮ݱ͢Δ஥ؒͰ͋Γɺ͓ޓ͍ͷࣄΛཧղ ͠৘ใΛఏڙ͋ͬͯ͠ҰॹʹαʔϏεΛ։ൃ͍ͯ͘͠

  30. ͓ۚΛલ΁ɻਓੜΛ΋ͬͱલ΁ɻ զʑͷαʔϏεΛ௨ͯ͠ɺݸʑਓͷ͓ۚʹର͢Δ೰Έ΍ෆ͕҆ ܰݮ͠ɺ೔ʑͷ฻Β͠ͷվળ΍ເ͕࣮ݱ͢Δɻ ͦͯ͠ɺ೔ຊࠃ಺ͷʮ͓ۚͷྲྀΕʯ͕มΘΓɺ ΑΓੈͷத͕׆ੑԽ͠ɺ৽ͨͳνϟϨϯδΛੜΈग़͠΍͍͢ ؀ڥ࡞Γʹߩݙ͢Δ͜ͱ͕ɺզʑ͕౰ࣄۀΛߦ͏࠷େͷ໨తͰ͋Δɻ ϚωʔϑΥϫʔυ

  31. Ұॹʹಇ͘஥ؒ 7JTJPOΛ࣮ݱ͢Δ΂͘ Ұॹʹಇ͘஥ؒΛืू͍ͯ͠·͢ʂ

  32. 5IBOLZPV