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

クックパッドクリエイティブワークフロー / cookpad creative workflow

33fb468626889ef869ee96494e3de498?s=47 tomoya-tsuji
February 10, 2018
Design
10
2.1k

クックパッドクリエイティブワークフロー / cookpad creative workflow

「Cookpad TechConf 2018」(2/10)で発表資料です。

33fb468626889ef869ee96494e3de498?s=128

tomoya-tsuji

February 10, 2018
Tweet

More Decks by tomoya-tsuji

See All by tomoya-tsuji
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
3
110
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
0
380
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
3
220

Other Decks in Design

See All in Design
E7c10900ca5d5d106d2231d47eafbac4?s=48 iquares
1
130
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
110
6fffdd34b95991b0b2847a8a3b663e3f?s=48 adrianfindsnemo
0
200
3256ba9ce1e999ba1d724d49ff8227b2?s=48 akitumn
1
330
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
1
140
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
0
830
Cb42953bfedcd81daf5b1330d98712c3?s=48 448jp
2
350
070d33664df274636dad3da21c9b21fc?s=48 rockname
1
510
3c75ad9ccb3cca4b81b9b887ba6101bb?s=48 ray110
1
800
D8a5694c5933f4129ba3d5ca9aae1141?s=48 reohokazono
0
140
F2a18f1ef63198439d0722c7e88129e2?s=48 kignato1
1
240
2a8387f23d70f68047f0b8c32439a292?s=48 monoxer
0
810

Featured

See All Featured
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
54
3.4k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
58k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
302
40k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
720
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
236
18k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
210
11k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
78b475797a14c84799063c7cd073962f?s=48 holman
464
280k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
162
6.8k

Transcript

  1. ⁋ே໵ ձһࣄۀ෦ɹσβΠφʔ ΫοΫύου ΫϦΤΠςΟϒϫʔΫϑϩʔ

  2. ࣗݾ঺հ ɾΫοΫύου\J04 "OESPJE^ΞϓϦσβΠϯ ɾΫοΫύουΞϓϦϦϦʔεϚωʔδϟʔ ɾ\νʔϜ ϓϩδΣΫτ^σΟϨΫγϣϯ 2 ⁋ே໵ σβΠφʔσΟϨΫλʔ !UPNPZB@UTVKJ@

  3. ࣗݾ঺հ ɾ೥݄ΫοΫύου৽ଔೖࣾ ɾ೥݄ٕज़෦69άϧʔϓ ɾ೥݄౤ߘ։ൃ෦ ɾ೥݄αʔϏε։ൃ෦͖Ζ͘νʔϜ ɾ೥݄ձһࣄۀ෦ 3

  4. 4 ྉཧ͖Ζ͘

  5. ࠓ೔ͷ͓࿩ 5

  6. ຊ೔ͷ͓࿩ 6 νʔϜɾ૊৫શһͰϢʔβʔΛߟ͑ ૉૣ͘Ձ஋Λಧ͚Δ ΫοΫύουͷαʔϏε։ൃͱ͸

  7. ΞδΣϯμ ɾΫοΫύουͷαʔϏε։ൃମ੍ ɾνʔϜ։ൃͷࣄྫ঺հ ɾσβΠφʔͷऔΓ૊Έ ɾ·ͱΊ 7

  8. ΫοΫύουͷ αʔϏε։ൃମ੍ʹ͍ͭͯ 8

  9. ΫοΫύουΛ։ൃ͢Δϝϯόʔ 9 ໿ਓ ։ ൃ ऀ ਺

  10. νʔϜߏ੒ 10 ౤ߘ ݕࡧ ͖Ζ͘ ༗ྉձһ νʔϜA νʔϜA νʔϜA νʔϜA

    νʔϜB νʔϜB νʔϜB νʔϜC

  11. νʔϜߏ੒ 11 ñ ñ ò ñ ô ô ò ñ

    ò ò ò ñ νʔϜA νʔϜB νʔϜC

  12. νʔϜߏ੒ 12 ñ ñ ò ñ ô ô ò ñ

    ò ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ

  13. νʔϜ։ൃͷࣄྫ঺հ 13

  14. 14 ྉཧ͖Ζ͘

  15. νʔϜମ੍ 15 ϛογϣϯΦʔφʔ σβΠφʔ݉ J04ΤϯδχΞ "OESPJEΤϯδχΞ σΟϨΫλʔ

  16. ͦΕͧΕͷ໾ׂ 16 ϛογϣϯΦʔφʔ σβΠφʔ݉ J04ΤϯδχΞ "OESPJEΤϯδχΞ σΟϨΫλʔ ໨ඪ੹೚ Ϣʔβʔମݧͷ੹೚ ΤϯδχΞϦϯάͷ੹೚

  17. ϝϯόʔಉ࢜ͷؔ܎ 17 ΤϯδχΞͱσβΠφʔ͕͓ޓ͍Λิ׬͢Δ σβΠφʔσΟϨΫλʔ ΤϯδχΞ

  18. νʔϜ಺ϫʔΫϑϩʔ 18 ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    िؒdϲ݄ ΞϓϦ։ൃ͸جຊతʹ

  19. νʔϜ಺ϫʔΫϑϩʔ 19 ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    ͜ͷͭʹ͍ͭͯ ৄ͘͠঺հ

  20. 20 νʔϜ಺ϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    ᶃࢪࡦɾମݧΛߟ͑Δ

  21. ࢪࡦɾମݧΛߟ͑Δ 21 ɾৗʹͳΜͷͨΊʹ΍͍ͬͯΔͷ͔Λҙࣝ͢Δ ɾશһ͕ಉ͡ํ޲Λ޲͍ͯ։ൃͰ͖ΔΑ͏ʹ ɾ໎ͬͨΒཱͪ໭ΕΔ ໨తͱԾઆΛ໌֬ʹ

  22. ࢪࡦɾମݧΛߟ͑Δ 22 ɾΈΜͳͰ෼ִ͚ͯͳ͘ΞΠσΞɾҙݟ͕ग़ͤΔΑ͏ʹ ɾൃࢄޙ͸ɺΈΜͳͰू·Γl໨తzʹԊͬͨ΋ͷͰ͋Δ͔ʁ ɹΛج४ʹܾఆ͍ͯ͘͠ (JU)VCJTTVFͰΞΠσΞൃࢄ

  23. 23 νʔϜ಺ϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    ᶄσβΠϯϨϏϡʔ

  24. σβΠϯϨϏϡʔ 24 l໨తɾഎܠɾσβΠϯͷҙਤzͳͲΛ໌֬ʹɻ (JU)VCJTTVF্ͰɺνʔϜ಺֎ͷ σβΠφʔɾΤϯδχΞ͔ΒϨϏϡʔ

  25. (JU)VCJTTVFʹΑΔσβΠϯϨϏϡʔ 25 ɾ৬छؔ܎ͳ͘ɺԣ۲ͰσβΠϯΛධՁ͢Δ ɾ඼࣭޲্ͱҡ࣋ ɾσβΠϯมߋͷܦҢ͕୭Ͱ΋ࢀরͰ͖Δ ɾٞ࿦ʹΑΔ৽ͨͳؾ͖ͮ΋

  26. 26 νʔϜ಺ϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    ᶅࢪࡦͷࢦඪͱϩά

  27. ࢪࡦͷࢦඪͱϩά 27 ɾϢʔβʔʹಧ͚͍ͨ͜ͱ͕ɺ͔ͬ͠Γಧ͍͍ͯΔ͔ΛਤΔͨΊʹ ɾͲ͜ʹࢦඪΛஔ͖ɺϩάΛ࢓ࠐΊ͹෼ੳͰ͖Δͷ͔νʔϜͰݕ౼ ɾσΟϨΫλʔ΍σβΠφʔ΋ϩάʹରͯ͠ҙݟΛݴ͏ ࢦඪɾϩάͷઃܭ΋νʔϜશһͰ

  28. ࢪࡦͷࢦඪͱϩά 28 ਺஋͸શһ͕͙͢ݟ͑Δ৔ॴʹ

  29. 29 νʔϜ಺ϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    ᶆνʔϜ಺Ͱ खಈςετΛ࣮ߦ͢Δ

  30. νʔϜ಺ͰखಈςετΛ࣮ߦ͢Δ 30 ɾͰ͖Δ͚ͩνʔϜ಺ͰɻϦϦʔεޙͷʮ࢖͏ਓʯΛߟ͑ͯɻ ɾΤοδέʔε΋ؚΊͨςετέʔεΛ࡞੒͠ɺ਺໊ͰνΣοΫ खΛೖΕͨ෦෼ͷ඼࣭؅ཧΛ͔ͬ͠Γ͢Δ

  31. νʔϜ಺ͰखಈςετΛ࣮ߦ͢Δ 31 ɾ໰୊͕ग़ͨΒॻ͘εϨ͕͋Δ ɾରԠ͢΂͖༏ઌॱҐ΋͚ͭͯ ɹ໰୊ΛҰཡԽ खΛೖΕͨ෦෼ͷ඼࣭؅ཧΛ͔ͬ͠Γ͢Δ

  32. 32 खಈςετΛͯ͠ؾͮ͘ɺࡉ͔͍ߟྀෆ଍ʜ Τϥʔͷͱ͖͸ Ͳ͏ͳΔͷʁ ಡΈࠐΈத͸ʜ ήετʁϩάΠϯͯ͠Δ Ϣʔβʔʁ ଞͷ୺຤΋͋ΔΑ

  33. 33 σβΠϯ্ͷࡉ͔͍ߟྀ࿙ΕΛ ࣄલʹ๷͙޻෉͕͋Γ·͢

  34. 34 IUUQUSBOTJULJYIBUFOBCMPHKQFOUSZ

  35. ͭΑ͍6* 35 σβΠϯΛ࡞ͬͨޙʹɺߟྀ࿙Ε͕ͳ͍͔վΊͯݟฦ͢

  36. 36 νʔϜ಺ϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ࢓༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮૷ ςετ ϦϦʔεޙɺ෼ੳ

    ᶇৼΓฦΓͱڞ༗

  37. ৼΓฦΓͱڞ༗ 37 ࣅͨΑ͏ͳ͜ͱ୭͕͕ͯͨ͠ؾ͕͢Δɻ ͋ͷࢪࡦ͸Ͳ͏ͳͬͨΜͩΖ͏ʜ Ͳ͔͜ʹ·ͱΊͯ͋ͬͨؾ͕͢Δ͚Ͳ΋ʜ ͋ͷ࣌΍ͬͨʓʓ͸ ͜͜ʹ·ͱ·͍ͬͯΔΑʂ ͜Ε·Ͱ͸ʜ ͜͏͍ͨ͠ʂ όϥ

    όϥʜ ৼΓฦΓ͕ ͔̍ॴʹ

  38. ৼΓฦΓͱڞ༗ 38 ࣅͨΑ͏ͳ͜ͱ୭͕͕ͯͨ͠ؾ͕͢Δɻ ͋ͷࢪࡦ͸Ͳ͏ͳͬͨΜͩΖ͏ʜ Ͳ͔͜ʹ·ͱΊͯ͋ͬͨؾ͕͢Δ͚Ͳ΋ʜ ͋ͷ࣌΍ͬͨʓʓ͸ ͜͜ʹ·ͱ·͍ͬͯΔΑʂ ͜Ε·Ͱ͸ʜ ͜͏͍ͨ͠ʂ όϥ

    όϥʜ ৼΓฦΓ͕ ͔̍ॴʹ 3FQPSUNE

  39. 3FQPSUNE 39 ɾ(JU)VCͷSFQPTJUPSZͰ؅ཧɻݟ͍ͨ࣌ʹɺ͙͢ݟΕΔɻ

  40. 3FQPSUNE 40 ɾॻ͍ͨΒ1VMM3FRVFTUʹग़ͯ͠ɺνʔϜͰϨϏϡʔ͠߹͏ ɾσβΠφʔσΟϨΫλʔ΋42-ॻ͖·͢

  41. ৼΓฦΓͱڞ༗ 41 ར༻ऀͷ੠

  42. νʔϜߏ੒ 42 ౤ߘ ݕࡧ ͖Ζ͘ ༗ྉձһ νʔϜA νʔϜA νʔϜA νʔϜA

    νʔϜB νʔϜB νʔϜB νʔϜC

  43. 43 ñ ñ ò ñ ô ô ò ñ ò

    ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ νʔϜ͸෼͔Ε͍ͯΔ͕ɺαʔϏεͱͯ͠͸Ұͭɻ શମͷετʔϦʔ͕ਖ਼͘͠ઃܭ͞Ε͍ͯΔ͔ʁ Ϣʔβʔ໨ઢʹཱͬͨ൑அɾऔΓ૊Έ͕ग़དྷ͍ͯΔ͔ʁ

  44. 44 ñ ñ ò ñ ô ô ò ñ ò

    ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ ΫοΫύουશମͷαʔϏεΛ ԣஅ၆ᛌతʹଊ͑Δ໾ׂͱऔΓ૊Έ͕ଘࡏ νʔϜ͸෼͔Ε͍ͯΔ͕ɺαʔϏεͱͯ͠͸Ұͭɻ શମͷετʔϦʔ͕ਖ਼͘͠ઃܭ͞Ε͍ͯΔ͔ʁ Ϣʔβʔ໨ઢʹཱͬͨ൑அɾऔΓ૊Έ͕ग़དྷ͍ͯΔ͔ʁ

  45. αʔϏεΛԣஅతʹݟΔ σβΠφʔͷऔΓ૊Έ 45

  46. 46 σβΠϯϦϦʔεϚωʔδϟͷઃஔ

  47. σβΠϯϦϦʔεϚωʔδϟͱ͸ 47 ϦϦʔεόʔγϣϯ୯ҐͰɺϢʔβʔͷମݧ΍ 6*ʹมߋ͕͋ΔՕॴΛ೺Ѳ͠ σβΠϯपΓΛҰ؏ͯ͠ݟΔ໾ׂ

  48. σβΠϯϦϦʔεϚωʔδϟ͕΍Δ͜ͱ 48 σβΠϯ֬ೝձ ։ൃ ։ൃ͕ऴΘΓɺϦϦʔε͢Δ·Ͱͷؒʹ ग़དྷ্͕ͬͨػೳͱશମͷମݧΛ ΞϓϦσβΠφʔશһͰ৮ͬͯ֬ೝ͢Δ ϦϦʔε

  49. 49 σβΠϯձ

  50. σβΠϯձ 50 ɾिճɺ࣌ؒ ɾΫοΫύουɺଞϓϩμΫτʹؔΘΔσβΠφʔશһ͕ࢀՃ ɾ-5ʹΑΔ஌ݟڞ༗΍αʔϏεશମͷ՝୊ڞ༗ͳͲ

  51. ·ͱΊ 51

  52. ·ͱΊ 52 ɾ໨త/Ձ஋ԾઆΛ໌֬ʹ͠ɺ࠷ޙ·ͰϒϨͳ͍Α͏ʹ ɾͭΑ͍UI΍report.mdΛ࢖ͬͨ୭΋͕ਅࣅ/ҙࣝͰ͖Δ޻෉ ɾʮϢʔβʔʯΛओޠʹετʔϦʔΛԣஅతʹΈΔ ૉૣ͘ϢʔβʔʹՁ஋Λಧ͚ΔͨΊʹʜ

  53. ࠷ޙʹɺ 53 ҰਓͰσβΠϯΛ࡞͍ͬͯΔΘ͚Ͱ͸ͳ͍ɻ νʔϜ΍૊৫શһͰʮϢʔβʔʯΛ{ҙࣝɾߟ͑ΒΕΔ}࢓૊ΈΛ ࡞Δ͜ͱ΋σβΠφʔͷ໾ׂͰ͢ɻ

  54. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠