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
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
400
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.8k
Bulletproof Design System with TypeScript
takanorip
7
4k
Findyのプロデチームの 歩みとこれから
satty9556
0
260
株式会社バクタム 会社説明資料
bactum
0
340
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
アクセシビリティに取り組むメリット
magi1125
2
250
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
「UXとUIの違い」v2
shirasu3
0
230
portfolio.pdf
onof003
0
160
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Being A Developer After 40
akosma
90
590k
Typedesign – Prime Four
hannesfritz
42
2.8k
Designing for humans not robots
tammielis
253
25k
Agile that works and the tools we love
rasmusluckow
330
21k
Speed Design
sergeychernyshev
32
1.1k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
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) ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ