Cookpad Design Bar

2017.12.12に開催されたCookpad Design Barで発表したスライド資料です
https://cookpad.connpass.com/event/72566/

Transcript

1. ৽ଔ೥໨ͷσβΠφʔͬͯͲΜͳ࢓ࣄͯ͠Δͷʁ
   ࠤ໺େՏ
   
   ΫοΫύουͷ
   

   View Slide

2. ࠤ໺େՏ αʔϏε։ൃ෦σβΠφʔ
   ट౎େֶ౦ژେֶӃγεςϜσβΠϯݚڀՊଔ
   ֶੜ࣌୅
   ࣗݾ঺հ
   w झຯ΍ݚڀͰJ04ΞϓϦΛ੍࡞
   w ৽ن&$αʔϏεͷ্ཱ͛αΠτͷσβΠϯɾ࣮૷
   ࠓ೥ͷ݄ʹΫοΫύουʹೖࣾ
   

   View Slide

3. ࠓ೔࿩͢͜ͱ
   ΫοΫύουΛબΜͩཧ༝
   ࣮ࡍʹ೥໨Ͱ΍ͬͨ࢓ࣄʹ͍ͭͯ঺հ
   

   View Slide

4. ͳΜͰΫοΫύουʹೖͬͨͷʁ
   

   View Slide

5. ֶੜ࣌୅
   म࢜೥
   ۭനͷ೥
   ॳΊͯ8FC΍ΞϓϦΛ੍࡞ɻ
   ࣗ෼ͷ࡞ͬͨ΋ͷ͕͍ΖΜͳਓʹ
   ࢖ͬͯ΋Β͑Δͷ͕خ͍͠ʂ
   େֶ೥
   

   View Slide

6. ֶੜ࣌୅
   म࢜೥
   ۭനͷ೥
   ॳΊͯ8FC΍ΞϓϦΛ੍࡞ɻ
   ࣗ෼ͷ࡞ͬͨ΋ͷ͕͍ΖΜͳਓʹ
   ࢖ͬͯ΋Β͑Δͷ͕خ͍͠ʂ
   ࣮ࡍʹಈ͘΋ͷʹ
   ߆ͬͯͻͨ͢Β੍࡞
   େֶ೥
   

   View Slide

7. ॳΊͯ8FC΍ΞϓϦΛ੍࡞ɻ
   ࣗ෼ͷ࡞ͬͨ΋ͷ͕͍ΖΜͳਓʹ
   ࢖ͬͯ΋Β͑Δͷ͕خ͍͠ʂ
   ֶੜ࣌୅
   म࢜೥
   ۭനͷ೥
   ࣮ࡍʹ࢖͑Δ΋ͷΛ
   ͻͨ͢Β࡞Δ
   େֶ೥
   ࢖͍ଓ͚ͯ͸͘ΕΔਓ͸΄΅͍ͳ͍
   ಈ͘΋ͷΛ࡞ͬͯ΋
   ࢖ͬͯ΋Β͑Δͱ͸ݶΒͳ͍😇
   

   View Slide

8. ͳΜͰΫοΫύουʹೖͬͨͷʁ
   ද໘্ͷσβΠϯ΍ΤϯδχΞϦϯάͰ͸ͳ͘
   تΜͰ࢖͍ଓ͚ͯ͘ΕΔ΋ͷΛಧ͚ΔͨΊͷαʔϏεઃܭΛֶͼ͍ͨ
   

   View Slide

9. ͳΜͰΫοΫύουʹೖͬͨͷʁ
   ද໘্ͷσβΠϯ΍ΤϯδχΞϦϯάͰ͸ͳ͘
   تΜͰ࢖͍ଓ͚ͯ͘ΕΔ΋ͷΛಧ͚ΔͨΊͷαʔϏεઃܭΛֶͼ͍ͨ
   ྉཧ͕޷͖Ͱɺࣗ෼ࣄͰ࢓ࣄ͕Ͱ͖ͦ͏
   P
   
   

   View Slide

10. Ͱɺ࣮ࡍԿ΍ͬͯΔͷʁ
    

    View Slide

11. ྉཧ·ͱΊ
    

    View Slide

12. ࣗ෼ͷϨγϐΛ೚ҙʹ·ͱΊͯ
    ϚΠϖʔδʹެ։Ͱ͖Δ
    ݕࡧͰ·ͱΊΛݟ͚ͭΒΕΔ
    ྉཧ·ͱΊ
    

    View Slide

13. νʔϜߏ੒
    ྉཧ·ͱΊ
    ΤϯδχΞ
    Φʔφʔ σβΠφʔ
    ±
    ±
    

    View Slide

14. ͜ͷը໘ͷσβΠϯΛ࡞ͬͨʁ
    ྉཧ·ͱΊ
    

    View Slide

15. ͜ͷը໘ͷσβΠϯΛ࡞ͬͨʁ
    ͦ͏͚ͩͲͦΕ͚ͩͰ͸ͳ͍
    ྉཧ·ͱΊ
    

    View Slide

16. ߏ૝͔ΒϦϦʔεޙ·ͰશͯͷϓϩηεʹܞΘͬͨ
    ՝୊Ձ஋
    ͷ੔ཧ
    G
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    Wͷ࡞੒
    ϦϦʔε
    ෼ੳɾߟ࡯
    G G
    ±
    Ä
    

    View Slide

17. ୭ͷͲΜͳ՝୊ɾཉٻΛղܾ͍ͨ͠ʁ
    ͲΜͳՁ஋ΛఏڙͰ͖Δʁ
    🤔
    ՝୊Ձ஋
    ͷ੔ཧ
    G
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    Wͷ࡞੒
    ϦϦʔε
    ෼ੳɾߟ࡯
    G G
    ±
    Ä
    

    View Slide

18. ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    ͋Γ͖ͨΓ͡Όͳ͍Ϩγϐ͕஌Γ͍ͨʂ
    ͚ͩͲ௨ৗͷݕࡧͰ͸ݟ͚ͭΒΕͳ͍ʜ
    ಛఆͷςʔϚͷϨγϐू͔Β୳ͤΔ͜ͱʹՁ஋͕͋Δʂ
    ϨγϐΛॻ͍ͯΔਓ
    ϨγϐΛ୳͢ਓ
    ࣗ෼ͷྉཧͷͩ͜ΘΓΛදݱ͍ͨ͠ʂݟฦ͍ͨ͠ʂ
    ͚ͩͲݱঢ়ϨγϐΛॻ͚͹ॻ͘΄ͲࢄΒ͔ͬͯ͠·͏ʜ
    ೚ҙͷϨγϐΛ·ͱΊͯެ։Ͱ͖Δ͜ͱʹՁ஋͕͋Δʂ
    😩
    😀
    😆
    😩
    😀
    😆
    

    View Slide

19. ͲΜͳ΍Γํ͕͋Δʁ
    ϓϩτλΠϓΛ࡞ͬͯ৮ͬͯͲ͏ʁ
    🤔
    ՝୊Ձ஋
    ͷ੔ཧ
    G
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    Wͷ࡞੒
    ϦϦʔε
    ෼ੳɾߟ࡯
    G G
    ±
    Ä
    

    View Slide

20. ՝୊΍Ձ஋ͱ߹Θͤͯڞ༗ˠٞ࿦
    ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    

    View Slide

21. ΑΓΠϝʔδ͕༙͘΋ͷΛ࡞Δ
    ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    

    View Slide

22. Կ౓΋ߦ͖དྷ͠ͳ͕Β٧Ί͍ͯ͘
    ՝୊Ձ஋
    ͷ੔ཧ
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    ±
    Ä
    Wͷ࡞੒
    ϦϦʔε
    

    View Slide

23. ՝୊Ձ஋
    ͷ੔ཧ
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    ±
    Ä
    Wͷ࡞੒
    ϦϦʔε
    

    View Slide

24. ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    ࣗ෼ͷϨγϐΛ೚ҙʹ·ͱΊͯ
    ϚΠϖʔδʹެ։Ͱ͖Δ
    ݕࡧͰ·ͱΊΛݟ͚ͭΒΕΔ
    

    View Slide

25. ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    ࣗ෼ͷϨγϐΛ೚ҙʹ·ͱΊͯ
    ϚΠϖʔδʹެ։Ͱ͖Δ
    

    View Slide

26. ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    

    View Slide

27. ϚΠϖʔδͰͲΜͳྉཧΛ࡞͍ͬͯΔͷ͔
    Ұ໨ͰΘ͔ΔΑ͏ʹϖʔδ্෦ʹ഑ஔ
    ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    

    View Slide

28. ݟฦͨ͠ͱ͖ͷݟӫ͑΍Θ͘Θ͘ײΛҙࣝͯ͠
    ςΩετ͸গͳ͘ը૾Λෑ͖٧ΊΔελΠϧʹ
    ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    

    View Slide

29. ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    ίϯςϯπ͕ͳ͍ͱ͖ͨ͘͞Μ͋Δͱ͖ͷදࣔ͸ʁ
    ը໘αΠζ͕มΘΔͱͲ͏ͳΔʁ
    ͋ΒΏΔঢ়ଶʹରԠ͢Δը໘Λ࡞Δ
    

    View Slide

30. ΤϯδχΞͱ࿈ܞ͠ͳ͕ΒਐΊΔ
    ΍Γ͍ͨͰ͢ʂ
    ͱݴ͍ଓ͚ͨΒ΍Βͤͯ΋Β͑ͨ
    🙋
    ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    

    View Slide

31. ͲΜͳ൓Ԡ͕ಘΒΕͨʁ
    ͔ͦ͜Βݴ͑Δ͜ͱ͸ʁ
    ՝୊Ձ஋
    ͷ੔ཧ
    G
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    Wͷ࡞੒
    ϦϦʔε
    ෼ੳɾߟ࡯
    G G
    ±
    Ä
    🤔
    

    View Slide

32. σʔλ͔Β෼ੳͯ͠ԾઆΛཱͯΔ
    ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    🤔
    ϨγϐΛॻ͘ਓʹೝ஌͞Ε͍ͯͳ͍ʁ
    ࡞੒ͷಋઢ͕Θ͔ΓͮΒ͍ʁ
    ࡞੒਺͕ظ଴஋ΑΓ΋௿͔ͬͨ
    

    View Slide

33. ՝୊Ձ஋Λ੔ཧ ΞΠσΞΛ޿͛Δܗʹͯ͠ࢼ͢ Wͷ࡞੒ϦϦʔε ෼ੳɾߟ࡯
    🤔
    ݕࡧͰ͖ΔΑ͏ʹ͢ΔͳΒϨγϐ໊͸ඞਢʁ
    ଞਓͷ·ͱΊΛݟͯΔਓ͔Βͷ
    ʮࣸਅ͚ͩ͡Όͳ͘Ϩγϐ໊΋΄͍͠ʯͷҙݟ͕ଟ਺
    Ϣʔβʔͷҙݟ͔ΒԾઆΛཱͯΔ
    

    View Slide

34. ՝୊Ձ஋
    ͷ੔ཧ
    G
    ΞΠσΞΛ޿͛Δ
    ܗʹͯ͠ࢼ͢
    Wͷ࡞੒
    ϦϦʔε
    ෼ੳɾߟ࡯
    G G
    ±
    Ä
    

    View Slide

35. େࣄͩͱײͨ͜͡ͱ
    w ػೳʹҾͬுΒΕͣɺͲΜͳਓʹͲΜͳମݧΛͯ͠΋Β͍͍ͨͷ͔Λৗʹҙࣝ͢Δ
    w ૉૣ͘ΞΠσΞΛܗʹͯ͠ΈΔˠϑΟʔυόοΫΛ΋ͱʹվળ͢Δ
    w ϦϦʔεޙ΋ఆྔఆੑσʔλΛ΋ͱʹ෼ੳ͠ɺจ຺ʹج͍ͮͨվળΛߟ͑Δ
    

    View Slide

36. ·ͱΊ
    w αʔϏε։ൃͷ΄΅શͯͷ޻ఔʹؔΘͬͯ࢓ࣄΛ͍ͯ͠Δ
    w ֶੜ࣌୅͸Ұؾʹ࡞ͬͯऴΘΓͷ΋ͷ͕΄ͱΜͲ͕ͩͬͨɺࠓ͸
    ͦͷલޙͷϓϩηεΛΑΓେࣄʹσβΠϯʹऔΓ૊ΜͰ͍Δ
    w ࣗ෼͕ೲಘ͢ΔܗͰϦϦʔε͠ɺͦΕ͕ଟ͘ͷϢʔβʔʹ࢖ͬͯ
    ΋Β͑Δ͜ͱ͕خ͍͠
    

    View Slide

37. ൪֎ฤ
    ঺հͨ͠࢓ࣄҎ֎ͷ࿩
    

    View Slide

38. ঺հͨ͠࢓ࣄҎ֎ͷ࿩
    ᶄΫοΫύουΛ΋ͬͱ͜͏͍ͨ͠ʂΛߏ૝͢Δ
    ᶃଞͷਓͷࢪࡦʹڵຯΛ࣋ͭɻҙݟΛड़΂Δɻ
    ໨ͷલͷػೳɾ਺஋ͷվળ͚ͩͰ͸ͳ͍
    ࣗ෼ͷ୲౰ྖҬҎ֎ͷ͜ͱʹ΋ੵۃతʹؔΘΕΔ
    ࣗ෼ͳΓͷߟ͑ΛͲΜͲΜදʹग़ͯ͠
    ͦΕΛܗʹ͍͚ͯ͠Δ
    

    View Slide