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
2k

クックパッドクリエイティブワークフロー / 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
190

Other Decks in Design

See All in Design
E603f65765a005bb52ac99c17f0eb684?s=48 mokonsco
0
110
42b2cb9902bd820240a537b69cab093c?s=48 creosdesign
1
250
Ca5ba581cade0686426c6bff21a45482?s=48 joelmayer
0
480
Edc4347f3b4b15a9db010eb0e2bcce17?s=48 koheitakagi
1
190
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
1
380
4ae1f20ca67e7c3200094d9db361981b?s=48 joieklim
0
120
5d9c07f0c2044b1407a84d88362bc84d?s=48 estie
1
500
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
1
540
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
110
C4024c9df86738cef500253fe7335de9?s=48 ameetoe
0
240
8e01af1f74d72763d1326203dc2d52ca?s=48 shellyphilart
PRO
0
110
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
0
280

Featured

See All Featured
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
62
9.9k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
217
16k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
302
32k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
93
3.1k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
146
12k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
311
17k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
200k
78b475797a14c84799063c7cd073962f?s=48 holman
462
280k
11c84dff30266b907714802088852677?s=48 jasonvnalue
82
8.2k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
690
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
289
110k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
312
21k

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