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
2
100
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
0
370
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
3
200

Other Decks in Design

See All in Design
633aea3a27016b588cfa67cce4df7f15?s=48 kimurakei
0
410
5481f706b4bfeb0569b1f759b528f6e2?s=48 sahinairvin
1
500
Cc6c9e1dcb8e40af8dd1d49b78c0c720?s=48 tompenguin
5
310
E9bc93cfc82dc07a1b3eca5a2394dbb6?s=48 fmerian
PRO
1
130
4bdbe4411c15f54a01945416f77b6c62?s=48 costanza_d
0
210
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
1
670
F914df2dd436bc6b859531ca6d935ac5?s=48 shibaggio
1
550
9b32c41cb126732f3d05f1323078e037?s=48 seleliao
1
290
B58a3178b6e3838529eaaf8d83765601?s=48 alhernandezart
0
360
169193701aa6e6249f882068f13afa88?s=48 gazinc
0
990
C01957d985c20b5b27b7e7684eae3c32?s=48 yutaromurakami
0
180
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
400

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.6k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
77
270k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
54k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
40
1.9k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
256
17k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.8k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
194
8.8k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.3k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
208
20k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
122
8.2k

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠