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
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.4k
2
Share
Hiroaki WAKATSUKI - Cookpad TechConf 2017
「サービス開発におけるデザインの取り組み方」
puzzeljp
January 21, 2017
More Decks by puzzeljp
See All by puzzeljp
「料理の追体験」を実現するデザイン
puzzeljp
6
11k
「いま」と「むかし」
puzzeljp
0
130
sketch.app 基礎講座
puzzeljp
0
680
Life is Tech! の 4 回目の夏。
puzzeljp
0
140
Hack 4 Good Teens (TEAM C) ちっちとゆかいな仲間たち
puzzeljp
0
140
Other Decks in Design
See All in Design
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
160
体験負債を資産に変える組織的アプローチ
hikarutakase
0
990
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
250
root COMPANY DECK / We are hiring!
root_recruit
2
27k
はじめての演奏会フライヤーデザイン
chorkaichan
1
270
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
170
Signull 団体説明資料
signull
0
490
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
130
2026年の勢い / Momentum for 2026
bebe
0
400
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
770
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
160
Drawing for Animation
lynteo
2
260
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
460
For a Future-Friendly Web
brad_frost
183
10k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
120
KATA
mclloyd
PRO
35
15k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Become a Pro
speakerdeck
PRO
31
5.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
210
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
92
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ