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

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

クックパッドクリエイティブワークフロー / 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
86
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
0
340
33fb468626889ef869ee96494e3de498?s=48 1020tomoya
3
170

Other Decks in Design

See All in Design
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
200
Dab2423d06b31e4f3df80052b3faaa25?s=48 apolthomaier
0
510
32b869eccead66531b4749ea9f146aed?s=48 yuinamiki
0
440
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
21k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
5
140
A7fb174034b2280a3122489125ad5473?s=48 garoogie
0
150
9a87127aafe6c1317c738efe6675f58a?s=48 learninginaction
0
100
4fe9c38064244b38e7cc7627135c5008?s=48 basakbuse
0
130
4fe9c38064244b38e7cc7627135c5008?s=48 basakbuse
0
130
61979df46e0c6b1de27d9dbc37289838?s=48 alesaenzart
0
270
Ed8d0bfdd4badbac64cefb21a5c7ae88?s=48 allenzhangart
0
130
De642d97312a719bcb273476a53a2f29?s=48 justmichaelajayi
0
370

Featured

See All Featured
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
18
910
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.2k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
164
18k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
28
3.2k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
334
15k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
769
190k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
510
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
101
4.8k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
245cee81a9c424266e5e401d844ea881?s=48 lara
169
9.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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠