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

Other Decks in Design

See All in Design
119ea69dbbe9e31199c9bc686f43632b?s=48 icgedigk
1
220
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
1
270
4cb02c79db93ed0b4d601b77fc4c713a?s=48 zooooonari
1
350
Fcd0a635b9bdca525510839713b80103?s=48 supergabs
1
130
611d5744afc7a95add674225bc6b19b7?s=48 kamera25
2
190
Cbad96d5495a9ba501d2518042c89502?s=48 kazuakiebe
3
370
74476e142a767a018d68c5e72e34ee2f?s=48 akkiesoft
0
320
D9085296dd20f6b8bda8a083e39d1d7a?s=48 mcevel
0
200
Cf3645811bcc4a1996c8915b3de9f950?s=48 masakioka
2
250
2b43718b2765276034a6fc98eedb7cd9?s=48 toi_toi_y
2
600
5d6b856d87eac762ba8fb94a002f75af?s=48 storybychad
1
420
1777ae7e124a0cadd15d9f88d871c963?s=48 toranomanji
0
200

Featured

See All Featured
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.8k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
266
16k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
202
35k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
297
31k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
54
6k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
10
440
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
185
14k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
283
18k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
191
8.3k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
5
310
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
101
4.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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠