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

はじめてサービスデザインを任されたデザイナーがいかにRODEMの開発についていくようになったか

 はじめてサービスデザインを任されたデザイナーがいかにRODEMの開発についていくようになったか

2017年7月1日DevLove関西「RODEM開発の現場」での発表スライド。同年3月のフロントエンドカンファレンスのアップデート版とであり、内容が重複する部分が結構あります。

Fukazawa Kojiro

July 03, 2017
Tweet

More Decks by Fukazawa Kojiro

Other Decks in Design

Transcript

  1. ͸͡ΊͯαʔϏεσβΠϯΛ೚͞Εͨ
    σβΠφʔ͕͍͔ʹ30%&.ͷ։ൃʹ
    ͍͍ͭͯ͘Α͏ʹͳ͔ͬͨ
    DevLoveؔ੢ ʰRODEM ։ൃͷݱ৔ʱ
    2017.7.01 ਂ୔޾࣏࿠

    View full-size slide

  2. ͜Μʹͪ͸ɺ
    ਂ୔޾࣏࿠Ͱ͢
    ΢ΣϒαΠτɾΞϓϦ ίϫʔΩϯάεϖʔε
    ϑϦʔϥϯε

    View full-size slide

  3. 30%&.Ͱ͸
    ͜Μͳ͜ͱ΍Γ·ͨ͠
    30%&.ͷϓϩτλΠϓͰ͋ΔϞόΠϧ
    ΞϓϦͷσβΠϯ
    30%&.ϩΰσβΠϯ
    ϐϘοτޙͷ؅ཧը໘ΠϯλʔϑΣΠε
    σβΠϯ
    ೥݄ͷϦχϡʔΞϧσβΠϯ
    1
    2
    3
    4

    View full-size slide

  4. ࠓ೔͓͸ͳ͢͠Δ͜ͱ
    มߋΛલఏͱͨ͠։ൃʹ
    ରͯ͠σβΠφʔ͔Β
    ߩݙͰ͖Δ͜ͱ

    View full-size slide


  5. 30%&.ϓϩδΣΫτελʔτ

    View full-size slide

  6. ౰ॳϞόΠϧΞϓϦͱͯ͠։ൃ

    View full-size slide

  7. ౰࣌࢖͍ͬͯͨΞϓϦέʔγϣϯ
    ͬͪ͜΋ҰԠˣ

    View full-size slide

  8. σβΠϯϑΝΠϧڞ༗͸#BTFDBNQͰ

    View full-size slide

  9. ΞϓϦ੍࡞ͷཁٻʹ͍͍͚ͭͯͳ͍ʜ
    ݻఆͨ͠ཁૉͷΠ
    ϝʔδ͕Θ͔ͳ͍
    ࣮૷ͯ͠ϞόΠϧͰݟΔͱͳΜ͔ҧ͏
    ͜ͷը໘σβΠ
    ϯͷ࠷৽൛ͲΕ͚ͩͬ
    ʁ
    ཁૉؒ༨നͷΨΠ
    υϥΠ
    ϯ͕΄͍͠
    ը૾͸ෳ਺αΠ
    ζͰॻ͖ग़ͯ͠Ͷ
    σβΠ
    ϯϧʔϧΛมߋ͍ͨ͠

    View full-size slide

  10. ଍ΛҾͬு͍ͬͯΔةػײ͔Β
    ϓϩτλΠϐϯάʹڵຯ͕Θ͍ͨ

    View full-size slide

  11. ౰࣌ͷϓϩτλΠϐϯάʜ
    #PPUTUSBQͳͲΛ༻͍ͨΠϯϒϥ΢β
    σβΠϯ͕ओྲྀ
    σβΠφʔʹ͸ෑډ͕ߴ͍
    ͦ΋ͦ΋ΞϓϦͷ৔߹)5.-ͱ$44͍Βͳ͍
    ϓϩτλΠϐϯά༻ͷ$44ͱຊ൪༻ͷ$44ɺ
    ݁ہผ෺ʹͳΔΑ͏ͳؾ͕͢Δʜ
    1
    2
    3

    View full-size slide


  12. ϐϘο
    τͯ͠΢ΣϒαʔϏε൛

    View full-size slide

  13. ͜͜Ͱ4LFUDIΛѻ͍͸͡ΊΔ
    Ͱ΋ΠϚΠνΑ͕͞Θ͔ͬͯͳ͔ͬͨ

    View full-size slide

  14. ͦͷ͜Ζɺ
    άϥϑΟ
    οΫπʔϧͰͷ
    ϓϩτλΠϐϯά؀ڥ͕੔͖ͬͯͯͨ

    View full-size slide

  15. "EPCF9%
    ʢ&YQFSJFODF%FTJHOʣ
    ೥݄ύϒϦοΫϓϨϏϡʔ೔ຊޠ൛ެ։
    ʮϫΠϠʔϑϨʔϜЋʯखؒͰͰ͖Δ

    View full-size slide

  16. ͸͡Ίͯͷํʹ͸"EPCF9%
    खܰʹϓϩτλΠϐϯάΛମݧͰ͖Δ
    ͬ͞ͱϫΠϠʔϑϨʔϛϯά

    View full-size slide

  17. ͸͡Ίͯͷํʹ͸"EPCF9%
    खܰʹϓϩτλΠϐϯάΛମݧͰ͖Δ
    ϦϯΫཁૉͱը໘Λͭͳ͛Δ

    View full-size slide

  18. ͙͢ʹϖʔδભҠ͕
    ࢼͤΔ

    View full-size slide

  19. ڞ༗ϘλϯͰ63-ൃߦ
    ϓϩτλΠϓΛଈެ։ɾڞ༗

    View full-size slide

  20. σβΠϯσʔλΛϓϩτλΠϓԽ
    4LFUDI*O7JTJPO

    View full-size slide

  21. *O7JTJPOʜϓϩτλΠϓ࡞੒πʔϧ

    View full-size slide

  22. *O7JTJPOʜϓϩτλΠϓ࡞੒πʔϧ
    ϓϩδΣΫτͳΒແྉ

    View full-size slide

  23. *O7JTJPOʜϓϩτλΠϓ࡞੒πʔϧ
    ը૾Λಡ·ͤͯϖʔδ࡞੒
    5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB

    View full-size slide

  24. *O7JTJPOʜϓϩτλΠϓ࡞੒πʔϧ
    ๛෋ͳը໘ભҠΤϑΣΫτ
    5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB

    View full-size slide

  25. *O7JTJPOʜϓϩτλΠϓ࡞੒πʔϧ
    ϥΠϒڞ༗Ͱखॻ͖ϝϞ·Ͱ
    5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB

    View full-size slide

  26. *O7JTJPOʜϓϩτλΠϓ࡞੒πʔϧ
    4LFUDIͱ࿈ܞ͢Δͱߋʹศར
    5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB

    View full-size slide

  27. $3"'5ʜ*O7JTJPO੡4LFUDIϓϥάΠϯ

    View full-size slide

  28. $3"'5ʜ*O7JTJPO੡4LFUDIϓϥάΠϯ
    ϘλϯҰൃͰσβΠϯσʔλΛ*O7JTJPO΁
    Ξοϓϩʔυɾಉظ
    αϯϓϧίϯςϯπͷΧϯλϯૠೖ
    खॻ͖ίϝϯτ
    ཁૉͷϦϐʔτ
    σβΠϯΨΠυͷࣗಈੜ੒ʢޙड़͠·͢ʣ
    1
    2
    3
    4
    5

    View full-size slide

  29. ϥΫʹͳͬͨϙΠϯτ

    View full-size slide

  30. ཁٻΛͱʹ͔͘଎͘ΧλνʹͰ͖Δ
    [email protected]$$#:/$4"

    View full-size slide

  31. ཁٻΛͱʹ͔͘଎͘ΧλνʹͰ͖Δ
    ཁٻΛͱʹ͔͘଎͘ΧλνʹͰ͖Δ
    Ұ൪େมͳͱ͜Ζ͸ཁ๬͔ΒجຊઃܭΛ
    ͱΓ͋͑ͣܗʹ͢Δͱ͜
    ׂ͘Β͍ͷ׬੒౓ͰݟͤΔ
    ͸͖ͬΓ͠ͳ͍࢓༷΋ద౰ʹԾઆཱͯͯ
    ͭͬͪ͘Ό͏
    1
    2
    3

    View full-size slide

  32. 1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4"
    ϛʔςΟϯάͷՁ஋͕ഒ૿

    View full-size slide

  33. 1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4"
    ϛʔςΟϯάͷՁ஋͕ഒ૿
    ϛʔςΟϯάͷՁ஋͕ഒ૿
    σβΠϯσʔλͷڞ༗͕ͱͯ΋؆୯
    मਖ਼ɾࢥ͍͖ͭ΋͙͢ʹ൓ө
    ϛʔςΟϯάͷؒʹ͋Β͔ͨऴΘΔ
    ϑΟʔυόοΫରԠ
    σβΠϯͷաఔ͕ڞ༗͞Ε͍ͯΔͷͰ
    εςʔΫϗϧμʔͷೲಘײ͕ߴ͍
    1
    2
    3
    4

    View full-size slide

  34. 1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4"
    ࣮૷ऀ͕ൺֱత҆৺ͯ͠ணखͰ͖Δ

    View full-size slide

  35. 1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4"
    ࣮૷ऀ͕ૣΊʹ҆৺ͯ͠ணखͰ͖Δ
    ࣮૷ऀ͕ൺֱత҆৺ͯ͠ணखͰ͖Δ
    ಈ͔ͤΔ͔ΒɺΈΜͳͰૣظʹ6*ͷΞϥ΍
    ໃ६Λ͋ͿΓग़͢͜ͱ͕Ͱ͖Δ
    ໃ६͕ͳ͍͜ͱΛ֬ೝͰ͖ͯͨΒɺ࢓༷ʹ
    ٙ೦Λ๊͔ͣʹػೳ࣮૷ʹूதͰ͖Δ
    1
    2

    View full-size slide

  36. 4LFUDIʹΑΔ
    มߋʹڧ͍σβΠϯσʔλ࡞੒

    View full-size slide

  37. ৽ػೳ
    γϯϘϧͷωετͱΦʔόʔϥΠυ

    View full-size slide

  38. γϯϘϧͷதʹγϯϘϧΛೖΕΔ
    -BCFM
    -BCFM
    -BCFM
    8IFSFBSFZPV
    -BCFM
    -BCFM
    -BCFM
    CVUUPO
    CVUUPO
    CVUUPO
    CVUUPOT

    View full-size slide

  39. γϯϘϧʹؚ·ΕΔςΩετΛ্ॻ͖
    &WFSZXIFSF
    5IFSF
    )FSF
    8IFSFBSFZPV
    CVUUPOT

    View full-size slide

  40. ωετ͞ΕͨγϯϘϧͷࠩ͠ସ͑
    ɾ࡟আ
    5IFSF
    )FSF
    8IFSFBSFZPV
    CVUUPOT

    View full-size slide

  41. "UPNJD%FTJHO
    ෼ׂෆՄೳͳࡉ͔͍ίϯϙʔωϯτʢݪࢠʣ͔Β
    σβΠϯ͠ɺ͜ΕΒΛ૊Έ߹Θ͍ͤͯ͘͜ͱͰϖʔδ
    σβΠϯΛ૊৫͍ͯ͘͠σβΠϯͷߟ͑ํ
    ݪࢠ
    "UPNT
    ෼ࢠ
    .PMFDVMFT
    ༗ػମ
    0SHBOJTN
    ςϯϓϨʔτ
    5FNQMBUF
    ϖʔδ
    1BHF

    View full-size slide

  42. ཁૉΛσβΠϯσʔλ্Ͱଟ૚ʹ૊৫

    View full-size slide

  43. ༻ҙͨ͠ύʔπͷ૊Έ߹ΘͤͰ
    ৽نϖʔδσβΠϯ͕Ͱ͖Δ
    )FBEJOH
    )FBEJOH
    )FBEJOH
    )FBEJOH
    )FBEJOH
    )FBEJOH
    -PSFNJQTVNEPMPSTJUBNFU
    DPOTFDUFUVSBEJQJTDJOHFMJU TFE
    EPFJVTNPEUFNQPSJODJEJEVOUVU
    MBCPSFFUEPMPSFNBHOBBMJRVB
    6UFOJNBENJOJNWFOJBN RVJT
    OPTUSVEFYFSDJUBUJPOVMMBNDP
    -BCFM -BCFM -BCFM
    -BCFM -BCFM -BCFM

    View full-size slide

  44. σβΠϯσʔλ͔ΒͷΨΠυੜ੒

    View full-size slide

  45. $44͔Β࡞ΔελΠϧΨΠυ͸͋͘·Ͱ
    ࣮૷ऀʹΑΔ࣮૷๏ͷڞ༗ͷͨΊͷࢿྉ
    σΟϨΫλʔɾσβΠφʔ͔Β࣮૷ऀʹ
    ελΠϧΨΠυΛࣔͤΔɾߋ৽Ͱ͖Δ
    1
    2

    View full-size slide

  46. $3"'5ͷϥΠϒϥϦ
    ελΠϧΨΠυʢTUZMFTʣϖʔ
    δΛࣗಈੜ੒
    4LFUDIσʔλʹؚ·ΕΔ৭ɾ
    ϑΥϯτɾςΩετελΠϧΛ
    ࣗಈͰݕग़ɾϦετΞοϓ
    ελΠϧΨΠυ͔ΒҰׅஔ׵
    *O7JTJPO্ʹڞ༗

    View full-size slide

  47. *O7JTJPO
    ΠϯεϖΫτϞʔυ
    $3"'5ͰΞοϓϩʔυͨ͠
    4LFUDIσʔλΛ*O7JTJPO্Ͱ
    ղੳ
    ֤ը໘Λϒϥ΢βͰදࣔͭ͠
    ͭɺίʔσΟϯάʹ໾ཱ͍ͭΖ
    ͍Ζͳ৘ใ͕ࢀরͰ͖Δ
    Ξηοτͷॻ͖ग़͠ʹ΋ରԠ

    View full-size slide

  48. σβΠϯΨΠυͰϥΫʹͳͬͨ͜ͱ
    ࣮૷ऀ΁ͷࢦ͕ࣔ໌շʹͳΔ
    4LFUDIΛ͍࣋ͬͯͳ͍࣮૷ऀʹ΋؆୯ʹ
    σʔλΛৄ͘͠ݟͯ΋Β͑Δ
    ڞ༗͕؆୯ɻ࠷৽ͷ৘ใ͕ϘλϯҰൃͰ
    1
    2
    3

    View full-size slide

  49. ͜ΕΒͷπʔϧʹॿ͚ΒΕͯ
    30%&.ϦχϡʔΞϧ

    View full-size slide

  50. Ծઆݕূͷݱ৔Ͱ
    σβΠφʔ͕Ͱ͖Δ͜ͱ

    View full-size slide

  51. σβΠφʔͷ࢓ࣄ͸
    ʮ࢓্͛ʯ
    ͚ͩ
    ͡Όͳ͍
    ϓϩτλΠϐϯάπʔϧͷྗͰԾઆΛ୹࣌ؒ
    Ͱ۩ݱԽͰ͖Δ
    σβΠϯύʔπͷίϯϙʔωϯτԽΛҙࣝ
    ͢Ε͹େ͖ͳมߋʹ΋৯͍͍͍͚ͭͯΔ
    ൺֱత༰қʹ࣮૷ऀΛΞγετ͢Δ͜ͱ͕
    Ͱ͖Δ
    1
    2
    3

    View full-size slide

  52. ͨͩ͠ɺ
    ৽πʔϧ΍ϑϩʔ΁ͷཧղ͕
    νʔϜશମʹඞཁ

    View full-size slide

  53. ͻͱΓͷσβΠϯ͔Β
    ΈΜͳͷσβΠϯ΁

    View full-size slide

  54. σβΠφʔ͸Ծઆݕূʹ
    ੵۃతʹߩݙͰ͖Δ

    View full-size slide

  55. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    ਂ୔޾࣏࿠ɹ @XJUDI@EPLUPS

    View full-size slide