Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Hiroaki WAKATSUKI - Cookpad TechConf 2017
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
puzzeljp
January 21, 2017
Design
9.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Hiroaki WAKATSUKI - Cookpad TechConf 2017
「サービス開発におけるデザインの取り組み方」
puzzeljp
January 21, 2017
More Decks by puzzeljp
See All by puzzeljp
「料理の追体験」を実現するデザイン
puzzeljp
6
11k
「いま」と「むかし」
puzzeljp
0
140
sketch.app 基礎講座
puzzeljp
0
690
Life is Tech! の 4 回目の夏。
puzzeljp
0
150
Hack 4 Good Teens (TEAM C) ちっちとゆかいな仲間たち
puzzeljp
0
160
Other Decks in Design
See All in Design
Typographie et intégration web
goetter
0
150
設計の進め方と 品質特性品質特性
harakeishi
0
1.4k
Webブラウザで動く VJツールをつくる
akirafukuoka
0
110
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.4k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
260
泥臭く語るUIデザイン会|ホワイトボードチャレンジ【RAMEN TECH 2026】
garyuten
1
150
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
700
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.6k
20260802東京都市大学オープンキャンパス授業
a2k
0
110
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
310
Kouseki | CREATIVE CLASS成果物
yuri9911
0
240
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
220
Featured
See All Featured
Prompt Engineering for Job Search
mfonobong
0
500
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
sira's awesome portfolio website redesign presentation
elsirapls
0
450
How STYLIGHT went responsive
nonsquared
100
6.3k
Bash Introduction
62gerente
615
220k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
1
680
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
770
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Transcript
αʔϏε։ൃʹ͓͚Δ σβΠϯͷऔΓΈํ Hiroaki WAKATSUKI @puzzeljp 2017/01/21 @ Ebisu the Garden
Room. Cookpad TechConf 2017
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ "HFOEB w ࣗݾհ w ߘ։ൃ෦ͰऔΓΜͩ͜ͱ w ՁݕূͷͨΊͷϓϩτλΠ ϐϯά
w ϓϩμΫτ։ൃͱվળ w 9DPEFͷσβΠϯௐ w ·ͱΊ 2
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 3 ࣗݾհ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ए݄ܒ૱ )JSPBLJ8","546,* !QV[[FMKQ ৽ଔσβΠφʔ J04ΞϓϦɾߘ෦ͷσβΠϯ w 5FDI$POG৽ଔͷαΠτ
ͷ੍࡞ w தֶੜͷࠒ͔Β8FCαΠτ࡞ɻ w झຯɺະ։෧ͷΧηοτςʔϓΛूΊΔ͜ ͱʮΧηοτςʔϓίϨΫλʔʯͰݕࡧʂ 4 ࣗݾհ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ࣗݾհ ݄ೖࣾϢʔβʔϑΝʔετਪਐࣨଐ ΞϧόΠτ 5
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ࣗݾհ ݄ೖࣾϢʔβʔϑΝʔετਪਐࣨଐ ΞϧόΠτ ݄৽ଔͱͯࣾ͠һʹ 6
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ࣗݾհ ݄ೖࣾϢʔβʔϑΝʔετਪਐࣨଐ ΞϧόΠτ ݄৽ଔͱͯࣾ͠һʹ ݄ߘ։ൃ෦ଐ 7
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 8 σβΠφʔͷࣄʺը໘σβΠϯ ຊͷ͓
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 9 ΫοΫύου৽ଔ ߘ։ൃ෦ଐ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ϨγϐΛॻ͘ը໘ͷվળ৽ػೳͷ։ൃ ΫοΫύου৽ଔ ߘ։ൃ෦ ଐ 10
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 11 ߘ։ൃ෦ શһͰϒϨετ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 12 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 13 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 14 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ ༷ܾఆ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 15 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ ༷ܾఆ ϓϩτλΠϐϯάɾσβΠϯ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 16 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ ༷ܾఆ ϓϩτλΠϐϯάɾσβΠϯ
࣮
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 17 ߘ։ൃ෦ ՁݕূͷͨΊͷϓϩτλΠϐϯά
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 18 ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ߘ։ൃ෦ NEW! ʮϨγϐΛۙʹײ͡Δʯ͜ͱ͕Ͱ͖Δ ʮ৽͍͠Ϩγϐʯͱͷग़ձ͍ͷ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 19 ߘ։ൃ෦ ՁݕূͷͨΊͷ ϓϩτλΠϐϯά
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 20 ࣮ࡍͷϨγϐσʔλΛͬͨ͜ͱͰ w ಈ͖ͷΠϝʔδ͕ͭ͘͜ͱ w ։ൃͷίετͳͲ͕໌֬ʹ w εϐʔυײ͋Δ։ൃ͕Մೳʹ
J04൛ΫοΫύουͷʮΈΜͳͷߘʯλϒ͔Β͑Δ ߘ։ൃ෦ NEW! ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ͔Βͷֶͼ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 21 ߘ։ൃ෦ ϓϩμΫτ։ൃͱվળࢪࡦ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 22 w ڞ༗ൣғΛ༑ਓՈʹݶఆͯ͠ ϨγϐΛڞ༗Ͱ͖ΔΑ͏ʹ w ࠓ·ͰɺʮΫοΫύουʹެ։ʯ ͔ʮԼॻ͖อଘʯͷͭͷঢ়ଶ͔͠ ͳ͔ͬͨ
ݶఆެ։Ϩγϐߘը໘ ڞ༗͞ΕͨϨγϐը໘ ߘ։ൃ෦ ݶఆެ։ػೳ ϓϩμΫτ։ൃ ݶఆެ։ͷߘJ04ΞϓϦͷΈ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 23 ߘ։ൃ෦ ݶఆެ։ػೳ ར༻γʔϯ ϝϞͷ༷ͳެ։͢Δ΄Ͳ͡Όͳ͍ ϨγϐΛۙͳਓʹڭ͍͑ͨ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 24 ݶఆެ։ػೳ վળࢪࡦ w ݱঢ়Ѳ w ఆྔௐࠪʢϩάͳͲʣ w
ఆੑௐࠪʢϢʔβʔΠϯλϏϡʔʣ ߘ։ൃ෦
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 25 ݶఆެ։ػೳ վળࢪࡦ w ݱঢ়Ѳ w ఆྔௐࠪʢϩάͳͲʣ w
ఆੑௐࠪʢϢʔβʔΠϯλϏϡʔʣ w Ϣʔβʔೝ֦େ w ΞϓϦ͓Βͤ w ϝʔϧ৴ w հϖʔδͷ࡞ ߘ։ൃ෦
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 26 ݶఆެ։ػೳ ͔Βͷֶͼ ΤϯδχΞͱίϛϡχέʔγϣϯΛऔΓ ඞཁͳ෦͚ͩσβΠϯΛ੍࡞͢Δ͜ͱͰ ࣌ؒॖΛߦ͑ͨ σβΠφʔ ඞཁͳσβΠϯ
Ͳ͜Ͱ͔͢ σβΠφʔ ༻ҙ͠·͢ ΤϯδχΞ ͜͜ͷσβΠϯͱ ૉࡐ͕΄͍͠Ͱ͢
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 27 ݶఆެ։ػೳ ͔Βͷֶͼ վળࢪࡦ ఆྔతʹஅͤͣఆੑతͳҙݟΛऔ ΓೖΕΔ͜ͱͰɺ ࣍ͷΞΫγϣϯ͕໌֬ʹͳΓɺޮՌ ͕ग़ͨ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 28 ߘ։ൃ෦ 9DPEFͰ σβΠϯௐ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 29 9DPEFͰ σβΠϯௐ w ΤϯδχΞͷۤखͳ࡞ۀͷ ݮ w σβΠϯௐͷίϛϡχέʔ
γϣϯʹ͔͚Δ࣌ؒͷॖ త
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 30 9DPEFͰ σβΠϯௐ ͷྲྀΕ 1 2 3 4
5 ࠷ॳʹ 4UPSZCPBSEͷ આ໌Λฉ͘ ࢼ͠ʹ )FMMP8PSME ͯ͠ΈΔ ࣮ࡍʹ4UPSZCPBSE ͷมߋΛߦ͏ 13Λग़ͯ͠ ϨϏϡʔͯ͠Β͏ -(5.
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 31 9DPEFͰ σβΠϯௐ ؾΛ͚ͭͨ͜ͱ ίʔυॻ͔ͳ͍ɻ ˠมͳίʔυΛॻ͍ͯ͠·͏ͱ͔͑ͬͯΤϯδχΞ͕Ϩ Ϗϡʔ͢Δͷେมʹͳͬͯ͠·͏ͨΊ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 32 ˔ΤϯδχΞͷεέδϡʔϧʹ༨༟͕Ͱ͖Δ ˔ࣗͰσβΠϯௐ͕Ͱ͖Δ 9DPEFͰ σβΠϯௐ ͔Βͷֶͼ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 33 ·ͱΊ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 34 ·ͱΊ ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ϓϩμΫτ։ൃͱ վળࢪࡦ 9DPEFͰ σβΠϯௐ
σβΠφʔͷࣄʺը໘ͷσβΠϯ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 35 σβΠφʔͷࣄʹ ྉཧ͢Δਓͷʮָ͍͠ʂʯΛٕज़Ͱ࣮ݱ͍ͯ͘͜͠ͱ ·ͱΊ ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ϓϩμΫτ։ൃͱ վળࢪࡦ
9DPEFͰ σβΠϯௐ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 36 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ