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

「料理の追体験」を実現するデザイン

puzzeljp
September 15, 2017

 「料理の追体験」を実現するデザイン

9/13のCookpad Tech Kitchen #10 〜Product Design Talk〜で登壇した資料です。

puzzeljp

September 15, 2017
Tweet

More Decks by puzzeljp

Other Decks in Design

Transcript

  1. ΫοΫύουג ࣜձ ࣾ ए݄ ܒ ૱
    ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)

    View Slide

  2. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ए݄ ܒ૱ 

    Hiroaki WAKATSUKI
    16৽ଔ/αʔϏε։ൃ෦ σβΠφʔ

    झຯ͸ΧηοτςʔϓूΊɺࣸਅࡱӨ
    ͭ͘ΓʔΉνʔϜʹॴଐ
    ·ͱΊɾσβΠϯ Android iOS Backend
    ϛογϣϯΦʔφʔ
    @puzzeljp

    View Slide

  3. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ྉཧͷ௥ମݧΛ࣮ݱ͢Δɺ
    ʮλΠϜϥΠϯʯػೳΛ

    ϦϦʔεͨ͠࿩
    ࠓ೔ͷ͓࿩

    View Slide

  4. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ྉཧͷ௥ମݧΛ࣮ݱ͢Δɺ
    ʮλΠϜϥΠϯʯػೳΛ

    ϦϦʔεͨ͠࿩
    λΠϜϥΠϯ͕͏·Εͨཧ༝

    View Slide

  5. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ྉཧͷ௥ମݧ
    ͨͱ͑͹ŋŋŋλΠϜϥΠϯͷ׆༻γʔϯ
    ʮͱͬͯ΋؆୯ઈ඼ύΤϦΞʂʯΛ࡞Γ·ͨ͠
    ͓͓ʔʂA͞Μ͕ύΤϦΞ࡞ͬͯΔ…!

    ࡞ͬͨ͜ͱແ͍͚ͲɺA͞Μ͕࡞ͬͯΔͳΒ
    ࣗ෼Ͱ΋࡞ΕΔ͔ͳʁ࡞ͬͯΈΑ͏ʂ
    (ϨγϐΛಡΉ…)

    ͋ͬɺΤϏͱΞαϦ͕ແ͍͔Βεʔύʔʹങ
    ͍ʹ͍͔ͳͪ͘Όʂ



    View Slide

  6. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ྉཧͷ௥ମݧΛ࣮ݱ͢Δɺ
    ʮλΠϜϥΠϯʯػೳΛ

    ϦϦʔεͨ͠࿩
    λΠϜϥΠϯ͕͏·Εͨཧ༝

    View Slide

  7. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ࠓ·Ͱ͸…
    •ͭ͘ΕΆ͸ɺϨγϐը໘

    ϨγϐΛॻ͍ͨ࡞ऀ͞Μʹରͯ͠࡞ͬ
    ͨΑ!Λ఻͑Δػೳ)
    •Ϩγϐ͸ݕࡧ΍HOME
    ͳͥࠓΫοΫύου͕λΠϜϥΠϯΛʁ
    ͭ͘ΕΆ Ϩγϐ

    View Slide

  8. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ͳͥࠓΫοΫύου͕λΠϜϥΠϯΛʁ
    ͭ͘ΕΆΧʔυ
    λΠϜϥΠϯͰ͸ʮͭ͘ΕΆʯͱʮϨγϐʯ͕͋Δ
    ͭ͘ΕΆ Ϩγϐ •ͭ͘ΕΆ

    ϨγϐΛॻ͍ͨ࡞ऀ͞Μʹରͯ͠࡞ͬ
    ͨΑ!Λ఻͑Δػೳ)
    •Ϩγϐ

    View Slide

  9. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ࣗ෼ͷϑΥϩʔ͍ͯ͠ΔϢʔβʔ͕ಉ͡ྉཧΛ࡞͍ͬͯͨΓ
    ͳͥࠓΫοΫύου͕λΠϜϥΠϯΛʁ

    View Slide

  10. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ʮΈΜͳ͕͜Μͳྉཧͯ͠ΔΑ!ʯ

    ͕λΠϜϥΠϯͰΘ͔Δ

    View Slide

  11. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ͭ͘ΕΆͷϝοηʔδ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͭ͘ΕΆฦ৴͋Γ

    View Slide

  12. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ͭ͘ΕΆͷϝοηʔδ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͭ͘ΕΆฦ৴͋Γ
    ίϝϯτ͕දࣔ͞Ε͍ͯͳ͍…

    View Slide

  13. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ΧʔυΞΠςϜͷ޻෉
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ୭ͷϨγϐΛΈ͔ͨ
    ࡞ͬͨϨγϐ໊

    View Slide

  14. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ϑΟʔυΞΠςϜͷϝοηʔδͷ޻෉
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐ੔ɻ

    View Slide

  15. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ϑΟʔυΞΠςϜͷϝοηʔδͷ޻෉
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐ੔ɻ
    ͜ΜͳͷͲ͏ͩΖ͏ʁ

    View Slide

  16. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ϑΟʔυΞΠςϜͷϝοηʔδͷ޻෉
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ
    Լͷํ͕Αͦ͞͏
    WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐ੔ɻ

    View Slide

  17. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ϑΟʔυΞΠςϜͷϝοηʔδͷ޻෉
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐ੔ɻ
    ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ
    Լͷํ͕Αͦ͞͏
    γϯϓϧʹ୭ͷϨγϐ͔
    Λ࡞ͬͨ͜ͱ͕Θ͔ΔΑ
    ͏ʹʂ

    View Slide

  18. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ϑΟʔυΞΠςϜͷϝοηʔδͷ޻෉
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐ੔ɻ
    ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ
    Լͷํ͕Αͦ͞͏


    View Slide

  19. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ஌ͬͯΔਓΈΜͳ͕࡞͍ͬͯΔʂ

    View Slide

  20. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͢΂ͯͷϢʔβʔͭ͘ΕΆ
    2ճ΋࡞ͬͯΔΜͩʙʂ

    ࣗ෼΋࡞ͬͯΈΑ͏͔ͳʁ

    View Slide

  21. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͢΂ͯͷϢʔβʔͭ͘ΕΆ
    2ճ΋࡞ͬͯΔΜͩʙʂ

    ࣗ෼΋࡞ͬͯΈΑ͏͔ͳʁ
    ͋ͷਓ΋࡞ͬͯΔΜͩʂ
    ؾʹͳΔ͔ΒϨγϐݟͯΈΑ͏ʂ

    View Slide

  22. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͢΂ͯͷϢʔβʔͭ͘ΕΆ
    ௥ମݧ͕Θ͔Γ΍͘͢දݱ͞ΕΔ΋ͷͷŋŋŋ

    View Slide

  23. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ
    ࡉ͔͍ػೳɾσβΠϯతͳ࿩
    ͢΂ͯͷϢʔβʔͭ͘ΕΆ
    ࣮͸ŋŋŋଞʹ਺ेύλʔϯ͋Γ·͢
    ͨͩͪΐͬͱ࣮૷΍֬ೝ͕େมͰͨ͠
    ௥ମݧ͕Θ͔Γ΍͘͢දݱ͞ΕΔ΋ͷͷŋŋŋ

    View Slide

  24. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    λΠϜϥΠϯʹ͍ͭͯฉ͍ͯΈΔ
    1.ࣾ಺ΠϯλϏϡʔ
    2. Ϣʔβʔ͞ΜΠϯλϏϡʔ
    3. Ϣʔβʔ͞Μ࠙਌ձ

    http://staffblog.cookpad.com/entry/2017/05/01/143000
    λΠϜϥΠϯϦϦʔε·ͰͷϑϩʔͰ༷ʑͳϢʔβʔΠϯλϏϡʔΛߦ͍·ͨ͠ɻ

    View Slide

  25. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    λΠϜϥΠϯʹ͍ͭͯฉ͍ͯΈΔ
    1.ࣾ಺ΠϯλϏϡʔ
    2. Ϣʔβʔ͞ΜΠϯλϏϡʔ
    3. Ϣʔβʔ͞Μ࠙਌ձ

    Ϣʔβʔ͞ΜΛ20ਓఔ౓ট଴ͨ͠Πϕϯτ

    ͦͷதͰλΠϜϥΠϯͷ࿩Λߦͬͨ

    σβΠφʔ͚ͩͰ͸ͳ͘ɺΤϯδχΞ΋ࢀՃ http://staffblog.cookpad.com/entry/2017/05/01/143000
    λΠϜϥΠϯϦϦʔε·ͰͷϑϩʔͰ༷ʑͳϢʔβʔΠϯλϏϡʔΛߦ͍·ͨ͠ɻ

    View Slide

  26. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ར༻தͷ੠ŋŋŋ
    λΠϜϥΠϯͷ্෦ʹ

    ར༻։࢝ޙ͠͹Β͘͢Δͱɺ

    ͝ҙݟͷಋઢ͕ొ৔͠·͢ɻ
    Slack ͷνϟϯωϧͰྲྀΕͯ·͢
    σβΠφɺΤϯδχΞ͕֬ೝ͢Δ͜ͱ͕Ͱ͖Δʂ
    શһ͕ݟΒΕΔ͜ͱͰɺ͝ҙݟ͔ΒͲ͏ͨ͠
    ΒαʔϏεվળ͕
    Ͱ͖Δ͔νʔϜશһͰٞ࿦΋Մೳʹɻ

    View Slide

  27. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ͜͏ͯ͠ɺλΠϜϥΠϯ͕ϦϦʔεʂ
    ʘ·ͱΊʗ
    ΫοΫύουΞϓϦͰ
    λΠϜϥΠϯΛ࢖ͬͯΈ͍ͩ͘͞ʂ
    ʘͥͻʗ

    View Slide

  28. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    αʔϏεͳΒͰ͸ͷ࢓༷ΛݩʹσβΠϯΛ࡞͍ͬͯ͘
    ʘ·ͱΊʗ
    ͭ͘ΕΆฦ৴͋Γ
    ίϝϯτ͕දࣔ͞Ε͍ͯͳ͍…
    ίϝϯτ͕දࣔ͞Ε͍ͯΔ

    View Slide

  29. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ࡉ͔͍ͱ͜Ζ΋͖ͭͭΊΔ

    (WebϓϩτλΠϐϯάΛར༻ͨ͠จݴܾఆ)
    ʘ·ͱΊʗ
    ͜ΜͳͷͲ͏ͩΖ͏ʁ
    ͲͪΒ͔ͱ͍͏ͱɺ
    Լͷํ͕Αͦ͞͏
    શମΛݟͨͱ͖ʹจࣈ͕ଟ
    ͘ͳͬͯ͠·͏͔Βɺ
    γϯϓϧʹ୭ͷϨγϐ͔Λ
    ࡞ͬͨ͜ͱ͕Θ͔ΔΑ͏ʹʂ


    View Slide

  30. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    νʔϜશһͰλΠϜϥΠϯʹ͍ͭͯߟ͑Δʂ
    ʘ·ͱΊʗ
    ࣗ෼ࣗ਎ͰλΠϜϥΠϯΛ࢖ͬͯྉཧΛߦ͏Α͏
    ʹिใͰใࠂ͢Δ৔໘Λ࡞ͬͨΓ͍ͯ͠·͢ɻ

    View Slide

  31. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    λΠϜϥΠϯϦϦʔεޙŋŋŋ
    ͦ΋ͦ΋λΠϜϥΠϯͰྉཧͷ௥ମݧΛ͢Δʹ͸ɺ

    ϢʔβʔΛϑΥϩʔͯ͠΋Β͏ඞཁ͕͋Δŋŋŋ

    View Slide

  32. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ͓͢͢ΊϢʔβʔͷػೳ௥Ճ
    •ͦ΋ͦ΋λΠϜϥΠϯͰྉཧͷ௥ମݧΛ͢Δʹ͸ɺ

    ϑΥϩʔΛ͍ͯ͠Δඞཁ͕͋Γ·͢ɻ
    ·ͣ͸ਓؾͷ࡞ऀ͞ΜΛϑΥϩʔΛ

    ͖͔͚ͬʹϑΥϩʔ͢Δ

    ମݧΛͯ͠΋Β͏

    View Slide

  33. ʮྉཧͷ௥ମݧʯ
    Λ࣮ݱ͢ΔσβΠϯ
    2017/09/13 (Wed)
    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View Slide