$30 off During Our Annual Pro Sale. View Details »
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.3k
「いま」と「むかし」
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
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
960
Memory Man v3 (WIP)
storybychad
PRO
0
3k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
370
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.1k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
350
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
140
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
1
410
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
2k
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
180
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
120
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
850
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
740
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Speed Design
sergeychernyshev
33
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
110
Typedesign – Prime Four
hannesfritz
42
2.9k
Unsuck your backbone
ammeep
671
58k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
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) ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ