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
minpaku-community-scrum-patterns
norinity1103
1
150
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
390
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
360
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
560
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
240
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
470
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
mizunashi_mana
0
190
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
250
Storyboard Honey
rocioparronrubio
0
290
Saudade typeface
tiagoporto
0
330
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
370
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Code Review Best Practice
trishagee
69
19k
How STYLIGHT went responsive
nonsquared
100
5.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
GitHub's CSS Performance
jonrohan
1031
460k
Visualization
eitanlees
146
16k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
350
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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) ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ