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

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

koutalou
August 02, 2016
360

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

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

koutalou

August 02, 2016
Tweet

Transcript

  1. let product = [designer, engineer].reduce(0)
    { $0 + $1.skill * $1.vision }
    2016/07/28
    גࣜձࣾϚωʔϑΥϫʔυ
    ࣇۄ޹ଠ࿠

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  21. σβΠφʔʹ΋ॻ͚Δఆٛ
    σβΠφʔ΋StyleΛ͍ͭͰ΋มߋͰ͖Δ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide