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
「料理の追体験」を実現するデザイン
Search
puzzeljp
September 15, 2017
Design
6
11k
「料理の追体験」を実現するデザイン
9/13のCookpad Tech Kitchen #10 〜Product Design Talk〜で登壇した資料です。
puzzeljp
September 15, 2017
Tweet
Share
More Decks by puzzeljp
See All by puzzeljp
Hiroaki WAKATSUKI - Cookpad TechConf 2017
puzzeljp
2
9.2k
「いま」と「むかし」
puzzeljp
0
130
sketch.app 基礎講座
puzzeljp
0
670
Life is Tech! の 4 回目の夏。
puzzeljp
0
140
Hack 4 Good Teens (TEAM C) ちっちとゆかいな仲間たち
puzzeljp
0
140
Other Decks in Design
See All in Design
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
540
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.2k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.2k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
430
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
630
Installing and Running decksh/pdfdeck
ajstarks
1
840
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
「UXとUIの違い」v2
shirasu3
0
220
sachi_y_portfolio
sachi337
0
500
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
710
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Typedesign – Prime Four
hannesfritz
42
2.8k
It's Worth the Effort
3n
187
28k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
185
54k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
A Modern Web Designer's Workflow
chriscoyier
695
190k
A better future with KSS
kneath
239
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
GitHub's CSS Performance
jonrohan
1031
460k
Transcript
ΫοΫύουג ࣜձ ࣾ ए݄ ܒ ૱ ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed)
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ए݄ ܒ૱ Hiroaki WAKATSUKI 16৽ଔ/αʔϏε։ൃ෦
σβΠφʔ झຯΧηοτςʔϓूΊɺࣸਅࡱӨ ͭ͘ΓʔΉνʔϜʹॴଐ ·ͱΊɾσβΠϯ Android iOS Backend ϛογϣϯΦʔφʔ @puzzeljp
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ྉཧͷମݧΛ࣮ݱ͢Δɺ ʮλΠϜϥΠϯʯػೳΛ ϦϦʔεͨ͠ ࠓͷ͓
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ྉཧͷମݧΛ࣮ݱ͢Δɺ ʮλΠϜϥΠϯʯػೳΛ ϦϦʔεͨ͠ λΠϜϥΠϯ͕͏·Εͨཧ༝
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ྉཧͷମݧ ͨͱ͑ŋŋŋλΠϜϥΠϯͷ׆༻γʔϯ ʮͱͬͯ؆୯ઈύΤϦΞʂʯΛ࡞Γ·ͨ͠ ͓͓ʔʂA͞Μ͕ύΤϦΞ࡞ͬͯΔ…! ࡞ͬͨ͜ͱແ͍͚ͲɺA͞Μ͕࡞ͬͯΔͳΒ ࣗͰ࡞ΕΔ͔ͳʁ࡞ͬͯΈΑ͏ʂ
(ϨγϐΛಡΉ…) ͋ͬɺΤϏͱΞαϦ͕ແ͍͔Βεʔύʔʹങ ͍ʹ͍͔ͳͪ͘Όʂ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ྉཧͷମݧΛ࣮ݱ͢Δɺ ʮλΠϜϥΠϯʯػೳΛ ϦϦʔεͨ͠ λΠϜϥΠϯ͕͏·Εͨཧ༝
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ࠓ·Ͱ… •ͭ͘ΕΆɺϨγϐը໘ ϨγϐΛॻ͍ͨ࡞ऀ͞Μʹରͯ͠࡞ͬ ͨΑ!Λ͑Δػೳ) •ϨγϐݕࡧHOME ͳͥࠓΫοΫύου͕λΠϜϥΠϯΛʁ
ͭ͘ΕΆ Ϩγϐ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ͳͥࠓΫοΫύου͕λΠϜϥΠϯΛʁ ͭ͘ΕΆΧʔυ λΠϜϥΠϯͰʮͭ͘ΕΆʯͱʮϨγϐʯ͕͋Δ ͭ͘ΕΆ Ϩγϐ •ͭ͘ΕΆ
ϨγϐΛॻ͍ͨ࡞ऀ͞Μʹରͯ͠࡞ͬ ͨΑ!Λ͑Δػೳ) •Ϩγϐ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ࣗͷϑΥϩʔ͍ͯ͠ΔϢʔβʔ͕ಉ͡ྉཧΛ࡞͍ͬͯͨΓ ͳͥࠓΫοΫύου͕λΠϜϥΠϯΛʁ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ʮΈΜͳ͕͜Μͳྉཧͯ͠ΔΑ!ʯ ͕λΠϜϥΠϯͰΘ͔Δ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ͭ͘ΕΆͷϝοηʔδ ࡉ͔͍ػೳɾσβΠϯతͳ ͭ͘ΕΆฦ৴͋Γ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ͭ͘ΕΆͷϝοηʔδ ࡉ͔͍ػೳɾσβΠϯతͳ ͭ͘ΕΆฦ৴͋Γ ίϝϯτ͕දࣔ͞Ε͍ͯͳ͍…
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ΧʔυΞΠςϜͷ ࡉ͔͍ػೳɾσβΠϯతͳ ୭ͷϨγϐΛΈ͔ͨ ࡞ͬͨϨγϐ໊
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ϑΟʔυΞΠςϜͷϝοηʔδͷ ࡉ͔͍ػೳɾσβΠϯతͳ WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐɻ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ϑΟʔυΞΠςϜͷϝοηʔδͷ ࡉ͔͍ػೳɾσβΠϯతͳ WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐɻ ͜ΜͳͷͲ͏ͩΖ͏ʁ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ϑΟʔυΞΠςϜͷϝοηʔδͷ ࡉ͔͍ػೳɾσβΠϯతͳ ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ Լͷํ͕Αͦ͞͏ WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐɻ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ϑΟʔυΞΠςϜͷϝοηʔδͷ ࡉ͔͍ػೳɾσβΠϯతͳ WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐɻ ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ Լͷํ͕Αͦ͞͏
γϯϓϧʹ୭ͷϨγϐ͔ Λ࡞ͬͨ͜ͱ͕Θ͔ΔΑ ͏ʹʂ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ϑΟʔυΞΠςϜͷϝοηʔδͷ ࡉ͔͍ػೳɾσβΠϯతͳ WebϓϩτλΠϐϯάΛར༻࣮ͯ͠σʔλΛ֬ೝ͠ͳ͕Βௐɻ ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ Լͷํ͕Αͦ͞͏
✨ ✨
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ ࡉ͔͍ػೳɾσβΠϯతͳ ͬͯΔਓΈΜͳ͕࡞͍ͬͯΔʂ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ ࡉ͔͍ػೳɾσβΠϯతͳ ͯ͢ͷϢʔβʔͭ͘ΕΆ 2ճ࡞ͬͯΔΜͩʙʂ ࣗ࡞ͬͯΈΑ͏͔ͳʁ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ ࡉ͔͍ػೳɾσβΠϯతͳ ͯ͢ͷϢʔβʔͭ͘ΕΆ 2ճ࡞ͬͯΔΜͩʙʂ ࣗ࡞ͬͯΈΑ͏͔ͳʁ ͋ͷਓ࡞ͬͯΔΜͩʂ
ؾʹͳΔ͔ΒϨγϐݟͯΈΑ͏ʂ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ ࡉ͔͍ػೳɾσβΠϯతͳ ͯ͢ͷϢʔβʔͭ͘ΕΆ ମݧ͕Θ͔Γ͘͢දݱ͞ΕΔͷͷŋŋŋ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ୭͕࡞ͬͨ͜ͱ͕Θ͔Δ ࡉ͔͍ػೳɾσβΠϯతͳ ͯ͢ͷϢʔβʔͭ͘ΕΆ ࣮ŋŋŋଞʹेύλʔϯ͋Γ·͢ ͨͩͪΐͬͱ࣮֬ೝ͕େมͰͨ͠ ମݧ͕Θ͔Γ͘͢දݱ͞ΕΔͷͷŋŋŋ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) λΠϜϥΠϯʹ͍ͭͯฉ͍ͯΈΔ 1.ࣾΠϯλϏϡʔ 2. Ϣʔβʔ͞ΜΠϯλϏϡʔ 3. Ϣʔβʔ͞Μ࠙ձ
http://staffblog.cookpad.com/entry/2017/05/01/143000 λΠϜϥΠϯϦϦʔε·ͰͷϑϩʔͰ༷ʑͳϢʔβʔΠϯλϏϡʔΛߦ͍·ͨ͠ɻ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) λΠϜϥΠϯʹ͍ͭͯฉ͍ͯΈΔ 1.ࣾΠϯλϏϡʔ 2. Ϣʔβʔ͞ΜΠϯλϏϡʔ 3. Ϣʔβʔ͞Μ࠙ձ
Ϣʔβʔ͞ΜΛ20ਓఔটͨ͠Πϕϯτ ͦͷதͰλΠϜϥΠϯͷΛߦͬͨ σβΠφʔ͚ͩͰͳ͘ɺΤϯδχΞࢀՃ http://staffblog.cookpad.com/entry/2017/05/01/143000 λΠϜϥΠϯϦϦʔε·ͰͷϑϩʔͰ༷ʑͳϢʔβʔΠϯλϏϡʔΛߦ͍·ͨ͠ɻ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ར༻தͷŋŋŋ λΠϜϥΠϯͷ্෦ʹ ར༻։࢝ޙ͠Β͘͢Δͱɺ ͝ҙݟͷಋઢ͕ొ͠·͢ɻ Slack ͷνϟϯωϧͰྲྀΕͯ·͢
σβΠφɺΤϯδχΞ͕֬ೝ͢Δ͜ͱ͕Ͱ͖Δʂ શһ͕ݟΒΕΔ͜ͱͰɺ͝ҙݟ͔ΒͲ͏ͨ͠ ΒαʔϏεվળ͕ Ͱ͖Δ͔νʔϜશһͰٞՄೳʹɻ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ͜͏ͯ͠ɺλΠϜϥΠϯ͕ϦϦʔεʂ ʘ·ͱΊʗ ΫοΫύουΞϓϦͰ λΠϜϥΠϯΛͬͯΈ͍ͩ͘͞ʂ ʘͥͻʗ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) αʔϏεͳΒͰͷ༷ΛݩʹσβΠϯΛ࡞͍ͬͯ͘ ʘ·ͱΊʗ ͭ͘ΕΆฦ৴͋Γ ίϝϯτ͕දࣔ͞Ε͍ͯͳ͍… ίϝϯτ͕දࣔ͞Ε͍ͯΔ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ࡉ͔͍ͱ͜Ζ͖ͭͭΊΔ (WebϓϩτλΠϐϯάΛར༻ͨ͠จݴܾఆ) ʘ·ͱΊʗ ͜ΜͳͷͲ͏ͩΖ͏ʁ ͲͪΒ͔ͱ͍͏ͱɺ Լͷํ͕Αͦ͞͏
શମΛݟͨͱ͖ʹจࣈ͕ଟ ͘ͳͬͯ͠·͏͔Βɺ γϯϓϧʹ୭ͷϨγϐ͔Λ ࡞ͬͨ͜ͱ͕Θ͔ΔΑ͏ʹʂ ✨ ✨
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) νʔϜશһͰλΠϜϥΠϯʹ͍ͭͯߟ͑Δʂ ʘ·ͱΊʗ ࣗࣗͰλΠϜϥΠϯΛͬͯྉཧΛߦ͏Α͏ ʹिใͰใࠂ͢Δ໘Λ࡞ͬͨΓ͍ͯ͠·͢ɻ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) λΠϜϥΠϯϦϦʔεޙŋŋŋ ͦͦλΠϜϥΠϯͰྉཧͷମݧΛ͢Δʹɺ ϢʔβʔΛϑΥϩʔͯ͠Β͏ඞཁ͕͋Δŋŋŋ
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ͓͢͢ΊϢʔβʔͷػೳՃ •ͦͦλΠϜϥΠϯͰྉཧͷମݧΛ͢Δʹɺ ϑΥϩʔΛ͍ͯ͠Δඞཁ͕͋Γ·͢ɻ ·ͣਓؾͷ࡞ऀ͞ΜΛϑΥϩʔΛ ͖͔͚ͬʹϑΥϩʔ͢Δ ମݧΛͯ͠Β͏
ʮྉཧͷମݧʯ Λ࣮ݱ͢ΔσβΠϯ 2017/09/13 (Wed) ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ