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

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

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