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
Liquid GlassとApp Intents
touyou
0
220
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
260
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
140
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
170
株式会社バクタム 会社説明資料
bactum
0
350
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
210
mento Design Team Portfolio
mento0fficial
1
830
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
630
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.5k
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.1k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Making Projects Easy
brettharned
118
6.4k
Six Lessons from altMBA
skipperchong
28
4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
For a Future-Friendly Web
brad_frost
180
9.9k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
The Power of CSS Pseudo Elements
geoffreycrofte
78
6k
Agile that works and the tools we love
rasmusluckow
330
21k
Side Projects
sachag
455
43k
We Have a Design System, Now What?
morganepeng
53
7.8k
Designing Experiences People Love
moore
142
24k
The Pragmatic Product Professional
lauravandoore
36
6.9k
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) ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ