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
2.8k
10
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
クックパッドクリエイティブワークフロー / cookpad creative workflow
「Cookpad TechConf 2018」(2/10)で発表資料です。
tomoya-tsuji
February 10, 2018
More Decks by tomoya-tsuji
See All by tomoya-tsuji
ReDesigner Online MeetUp Vol.2 / 3.25
1020tomoya
4
180
s-dev talks 大忘年LT大会 〜観察〜
1020tomoya
0
480
デザイナーが働きやすいクックパッドの環境とは
1020tomoya
3
440
Other Decks in Design
See All in Design
Warner Bros. Discovery 2025 Box Office Booklet
samb1rd
0
130
2026-04-06 CMU School of Design "Vision-Driven Design"
ishii_mit
0
140
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
100
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2.1k
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
360
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
3
620
root COMPANY DECK / We are hiring!
root_recruit
4
30k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
530
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.2k
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
210
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.7k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.5k
Featured
See All Featured
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
370
Building Flexible Design Systems
yeseniaperezcruz
330
41k
The Curse of the Amulet
leimatthew05
2
14k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
490
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
690
Color Theory Basics | Prateek | Gurzu
gurzu
0
460
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
490
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
430
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Prompt Engineering for Job Search
mfonobong
0
440
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 ҰਓͰσβΠϯΛ࡞͍ͬͯΔΘ͚Ͱͳ͍ɻ νʔϜ৫શһͰʮϢʔβʔʯΛ{ҙࣝɾߟ͑ΒΕΔ}ΈΛ ࡞Δ͜ͱσβΠφʔͷׂͰ͢ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠