$30 off During Our Annual Pro Sale. View Details »

Cookpad Design Bar

Taiga Sano
December 12, 2017

Cookpad Design Bar

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

Taiga Sano

December 12, 2017
Tweet

More Decks by Taiga Sano

Other Decks in Design

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