Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
クックパッドクリエイティブワークフロー / cookpad creative workflow
Search
tomoya-tsuji
February 10, 2018
Design
10
2.7k
クックパッドクリエイティブワークフロー / cookpad creative workflow
「Cookpad TechConf 2018」(2/10)で発表資料です。
tomoya-tsuji
February 10, 2018
Tweet
Share
More Decks by tomoya-tsuji
See All by tomoya-tsuji
ReDesigner Online MeetUp Vol.2 / 3.25
1020tomoya
4
160
s-dev talks 大忘年LT大会 〜観察〜
1020tomoya
0
450
デザイナーが働きやすいクックパッドの環境とは
1020tomoya
3
410
Other Decks in Design
See All in Design
NAHO SHIMONO_Portfolio2025
nahohphp
0
890
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Saudade typeface
tiagoporto
0
330
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
300
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
140
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
300
AIで加速するアクセシビリティのこれから
magi1125
3
570
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
530
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
420
株式会社バクタム 会社説明資料
bactum
0
250
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Automating Front-end Workflow
addyosmani
1370
200k
Side Projects
sachag
455
42k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Visualization
eitanlees
146
16k
Documentation Writing (for coders)
carmenintech
72
4.9k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Transcript
⁋ே ձһࣄۀ෦ɹσβΠφʔ ΫοΫύου ΫϦΤΠςΟϒϫʔΫϑϩʔ
ࣗݾհ ɾΫοΫύου\J04 "OESPJE^ΞϓϦσβΠϯ ɾΫοΫύουΞϓϦϦϦʔεϚωʔδϟʔ ɾ\νʔϜ ϓϩδΣΫτ^σΟϨΫγϣϯ 2 ⁋ே σβΠφʔσΟϨΫλʔ !UPNPZB@UTVKJ@
ࣗݾհ ɾ݄ΫοΫύου৽ଔೖࣾ ɾ݄ٕज़෦69άϧʔϓ ɾ݄ߘ։ൃ෦ ɾ݄αʔϏε։ൃ෦͖Ζ͘νʔϜ ɾ݄ձһࣄۀ෦ 3
4 ྉཧ͖Ζ͘
ࠓͷ͓ 5
ຊͷ͓ 6 νʔϜɾ৫શһͰϢʔβʔΛߟ͑ ૉૣ͘ՁΛಧ͚Δ ΫοΫύουͷαʔϏε։ൃͱ
ΞδΣϯμ ɾΫοΫύουͷαʔϏε։ൃମ੍ ɾνʔϜ։ൃͷࣄྫհ ɾσβΠφʔͷऔΓΈ ɾ·ͱΊ 7
ΫοΫύουͷ αʔϏε։ൃମ੍ʹ͍ͭͯ 8
ΫοΫύουΛ։ൃ͢Δϝϯόʔ 9 ਓ ։ ൃ ऀ
νʔϜߏ 10 ߘ ݕࡧ ͖Ζ͘ ༗ྉձһ νʔϜA νʔϜA νʔϜA νʔϜA
νʔϜB νʔϜB νʔϜB νʔϜC
νʔϜߏ 11 ñ ñ ò ñ ô ô ò ñ
ò ò ò ñ νʔϜA νʔϜB νʔϜC
νʔϜߏ 12 ñ ñ ò ñ ô ô ò ñ
ò ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ
νʔϜ։ൃͷࣄྫհ 13
14 ྉཧ͖Ζ͘
νʔϜମ੍ 15 ϛογϣϯΦʔφʔ σβΠφʔ݉ J04ΤϯδχΞ "OESPJEΤϯδχΞ σΟϨΫλʔ
ͦΕͧΕͷׂ 16 ϛογϣϯΦʔφʔ σβΠφʔ݉ J04ΤϯδχΞ "OESPJEΤϯδχΞ σΟϨΫλʔ ඪ Ϣʔβʔମݧͷ ΤϯδχΞϦϯάͷ
ϝϯόʔಉ࢜ͷؔ 17 ΤϯδχΞͱσβΠφʔ͕͓ޓ͍Λิ͢Δ σβΠφʔσΟϨΫλʔ ΤϯδχΞ
νʔϜϫʔΫϑϩʔ 18 ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
िؒdϲ݄ ΞϓϦ։ൃجຊతʹ
νʔϜϫʔΫϑϩʔ 19 ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
͜ͷͭʹ͍ͭͯ ৄ͘͠հ
20 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶃࢪࡦɾମݧΛߟ͑Δ
ࢪࡦɾମݧΛߟ͑Δ 21 ɾৗʹͳΜͷͨΊʹ͍ͬͯΔͷ͔Λҙࣝ͢Δ ɾશһ͕ಉ͡ํΛ͍ͯ։ൃͰ͖ΔΑ͏ʹ ɾ໎ͬͨΒཱͪΕΔ తͱԾઆΛ໌֬ʹ
ࢪࡦɾମݧΛߟ͑Δ 22 ɾΈΜͳͰִ͚ͯͳ͘ΞΠσΞɾҙݟ͕ग़ͤΔΑ͏ʹ ɾൃࢄޙɺΈΜͳͰू·ΓlతzʹԊͬͨͷͰ͋Δ͔ʁ ɹΛج४ʹܾఆ͍ͯ͘͠ (JU)VCJTTVFͰΞΠσΞൃࢄ
23 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶄσβΠϯϨϏϡʔ
σβΠϯϨϏϡʔ 24 lతɾഎܠɾσβΠϯͷҙਤzͳͲΛ໌֬ʹɻ (JU)VCJTTVF্ͰɺνʔϜ֎ͷ σβΠφʔɾΤϯδχΞ͔ΒϨϏϡʔ
(JU)VCJTTVFʹΑΔσβΠϯϨϏϡʔ 25 ɾ৬छؔͳ͘ɺԣ۲ͰσβΠϯΛධՁ͢Δ ɾ্࣭ͱҡ࣋ ɾσβΠϯมߋͷܦҢ͕୭ͰࢀরͰ͖Δ ɾٞʹΑΔ৽ͨͳؾ͖ͮ
26 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶅࢪࡦͷࢦඪͱϩά
ࢪࡦͷࢦඪͱϩά 27 ɾϢʔβʔʹಧ͚͍ͨ͜ͱ͕ɺ͔ͬ͠Γಧ͍͍ͯΔ͔ΛਤΔͨΊʹ ɾͲ͜ʹࢦඪΛஔ͖ɺϩάΛࠐΊੳͰ͖Δͷ͔νʔϜͰݕ౼ ɾσΟϨΫλʔσβΠφʔϩάʹରͯ͠ҙݟΛݴ͏ ࢦඪɾϩάͷઃܭνʔϜશһͰ
ࢪࡦͷࢦඪͱϩά 28 શһ͕͙͢ݟ͑Δॴʹ
29 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶆνʔϜͰ खಈςετΛ࣮ߦ͢Δ
νʔϜͰखಈςετΛ࣮ߦ͢Δ 30 ɾͰ͖Δ͚ͩνʔϜͰɻϦϦʔεޙͷʮ͏ਓʯΛߟ͑ͯɻ ɾΤοδέʔεؚΊͨςετέʔεΛ࡞͠ɺ໊ͰνΣοΫ खΛೖΕͨ෦ͷ࣭ཧΛ͔ͬ͠Γ͢Δ
νʔϜͰखಈςετΛ࣮ߦ͢Δ 31 ɾ͕ग़ͨΒॻ͘εϨ͕͋Δ ɾରԠ͖͢༏ઌॱҐ͚ͭͯ ɹΛҰཡԽ खΛೖΕͨ෦ͷ࣭ཧΛ͔ͬ͠Γ͢Δ
32 खಈςετΛͯ͠ؾͮ͘ɺࡉ͔͍ߟྀෆʜ Τϥʔͷͱ͖ Ͳ͏ͳΔͷʁ ಡΈࠐΈதʜ ήετʁϩάΠϯͯ͠Δ Ϣʔβʔʁ ଞͷ͋ΔΑ
33 σβΠϯ্ͷࡉ͔͍ߟྀ࿙ΕΛ ࣄલʹ͙͕͋Γ·͢
34 IUUQUSBOTJULJYIBUFOBCMPHKQFOUSZ
ͭΑ͍6* 35 σβΠϯΛ࡞ͬͨޙʹɺߟྀ࿙Ε͕ͳ͍͔վΊͯݟฦ͢
36 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶇৼΓฦΓͱڞ༗
ৼΓฦΓͱڞ༗ 37 ࣅͨΑ͏ͳ͜ͱ୭͕͕ͯͨ͠ؾ͕͢Δɻ ͋ͷࢪࡦͲ͏ͳͬͨΜͩΖ͏ʜ Ͳ͔͜ʹ·ͱΊͯ͋ͬͨؾ͕͢Δ͚Ͳʜ ͋ͷ࣌ͬͨʓʓ ͜͜ʹ·ͱ·͍ͬͯΔΑʂ ͜Ε·Ͱʜ ͜͏͍ͨ͠ʂ όϥ
όϥʜ ৼΓฦΓ͕ ͔̍ॴʹ
ৼΓฦΓͱڞ༗ 38 ࣅͨΑ͏ͳ͜ͱ୭͕͕ͯͨ͠ؾ͕͢Δɻ ͋ͷࢪࡦͲ͏ͳͬͨΜͩΖ͏ʜ Ͳ͔͜ʹ·ͱΊͯ͋ͬͨؾ͕͢Δ͚Ͳʜ ͋ͷ࣌ͬͨʓʓ ͜͜ʹ·ͱ·͍ͬͯΔΑʂ ͜Ε·Ͱʜ ͜͏͍ͨ͠ʂ όϥ
όϥʜ ৼΓฦΓ͕ ͔̍ॴʹ 3FQPSUNE
3FQPSUNE 39 ɾ(JU)VCͷSFQPTJUPSZͰཧɻݟ͍ͨ࣌ʹɺ͙͢ݟΕΔɻ
3FQPSUNE 40 ɾॻ͍ͨΒ1VMM3FRVFTUʹग़ͯ͠ɺνʔϜͰϨϏϡʔ͠߹͏ ɾσβΠφʔσΟϨΫλʔ42-ॻ͖·͢
ৼΓฦΓͱڞ༗ 41 ར༻ऀͷ
νʔϜߏ 42 ߘ ݕࡧ ͖Ζ͘ ༗ྉձһ νʔϜA νʔϜA νʔϜA νʔϜA
νʔϜB νʔϜB νʔϜB νʔϜC
43 ñ ñ ò ñ ô ô ò ñ ò
ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ νʔϜ͔Ε͍ͯΔ͕ɺαʔϏεͱͯ͠Ұͭɻ શମͷετʔϦʔ͕ਖ਼͘͠ઃܭ͞Ε͍ͯΔ͔ʁ ϢʔβʔઢʹཱͬͨஅɾऔΓΈ͕ग़དྷ͍ͯΔ͔ʁ
44 ñ ñ ò ñ ô ô ò ñ ò
ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ ΫοΫύουશମͷαʔϏεΛ ԣஅ၆ᛌతʹଊ͑ΔׂͱऔΓΈ͕ଘࡏ νʔϜ͔Ε͍ͯΔ͕ɺαʔϏεͱͯ͠Ұͭɻ શମͷετʔϦʔ͕ਖ਼͘͠ઃܭ͞Ε͍ͯΔ͔ʁ ϢʔβʔઢʹཱͬͨஅɾऔΓΈ͕ग़དྷ͍ͯΔ͔ʁ
αʔϏεΛԣஅతʹݟΔ σβΠφʔͷऔΓΈ 45
46 σβΠϯϦϦʔεϚωʔδϟͷઃஔ
σβΠϯϦϦʔεϚωʔδϟͱ 47 ϦϦʔεόʔγϣϯ୯ҐͰɺϢʔβʔͷମݧ 6*ʹมߋ͕͋ΔՕॴΛѲ͠ σβΠϯपΓΛҰ؏ͯ͠ݟΔׂ
σβΠϯϦϦʔεϚωʔδϟ͕Δ͜ͱ 48 σβΠϯ֬ೝձ ։ൃ ։ൃ͕ऴΘΓɺϦϦʔε͢Δ·Ͱͷؒʹ ग़དྷ্͕ͬͨػೳͱશମͷମݧΛ ΞϓϦσβΠφʔશһͰ৮ͬͯ֬ೝ͢Δ ϦϦʔε
49 σβΠϯձ
σβΠϯձ 50 ɾिճɺ࣌ؒ ɾΫοΫύουɺଞϓϩμΫτʹؔΘΔσβΠφʔશһ͕ࢀՃ ɾ-5ʹΑΔݟڞ༗αʔϏεશମͷ՝ڞ༗ͳͲ
·ͱΊ 51
·ͱΊ 52 ɾత/ՁԾઆΛ໌֬ʹ͠ɺ࠷ޙ·ͰϒϨͳ͍Α͏ʹ ɾͭΑ͍UIreport.mdΛͬͨ୭͕ਅࣅ/ҙࣝͰ͖Δ ɾʮϢʔβʔʯΛओޠʹετʔϦʔΛԣஅతʹΈΔ ૉૣ͘ϢʔβʔʹՁΛಧ͚ΔͨΊʹʜ
࠷ޙʹɺ 53 ҰਓͰσβΠϯΛ࡞͍ͬͯΔΘ͚Ͱͳ͍ɻ νʔϜ৫શһͰʮϢʔβʔʯΛ{ҙࣝɾߟ͑ΒΕΔ}ΈΛ ࡞Δ͜ͱσβΠφʔͷׂͰ͢ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠