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
Cookpad Design Bar
Search
Taiga Sano
December 12, 2017
Design
0
27
Cookpad Design Bar
2017.12.12に開催されたCookpad Design Barで発表したスライド資料です
https://cookpad.connpass.com/event/72566/
Taiga Sano
December 12, 2017
Tweet
Share
More Decks by Taiga Sano
See All by Taiga Sano
レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話
sn_taiga
0
3.9k
2020 Cookpad Online Spring Internship
sn_taiga
1
2.5k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.3k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
7.9k
エディタの入力時間を11%減らした話
sn_taiga
0
200
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.1k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.2k
Other Decks in Design
See All in Design
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
330
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
650
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
250
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
600
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
170
The Golden Whitney
ohtristanart
PRO
0
130
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
520
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
230
ZKK_001.pdf
nicholaspegu
0
1.5k
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
890
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Applications with DynamoDB
mza
93
6.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Optimizing for Happiness
mojombo
376
70k
Raft: Consensus for Rubyists
vanstee
137
6.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Transcript
৽ଔͷσβΠφʔͬͯͲΜͳࣄͯ͠Δͷʁ ࠤେՏ ΫοΫύουͷ
ࠤେՏ αʔϏε։ൃ෦σβΠφʔ टେֶ౦ژେֶӃγεςϜσβΠϯݚڀՊଔ ֶੜ࣌ ࣗݾհ w झຯݚڀͰJ04ΞϓϦΛ੍࡞ w ৽ن&$αʔϏεͷ্ཱ͛αΠτͷσβΠϯɾ࣮ ࠓͷ݄ʹΫοΫύουʹೖࣾ
ࠓ͢͜ͱ ΫοΫύουΛબΜͩཧ༝ ࣮ࡍʹͰͬͨࣄʹ͍ͭͯհ
ͳΜͰΫοΫύουʹೖͬͨͷʁ
ֶੜ࣌ म࢜ ۭനͷ ॳΊͯ8FCΞϓϦΛ੍࡞ɻ ࣗͷ࡞ͬͨͷ͕͍ΖΜͳਓʹ ͬͯΒ͑Δͷ͕خ͍͠ʂ େֶ
ֶੜ࣌ म࢜ ۭനͷ ॳΊͯ8FCΞϓϦΛ੍࡞ɻ ࣗͷ࡞ͬͨͷ͕͍ΖΜͳਓʹ ͬͯΒ͑Δͷ͕خ͍͠ʂ ࣮ࡍʹಈ͘ͷʹ ߆ͬͯͻͨ͢Β੍࡞ େֶ
ॳΊͯ8FCΞϓϦΛ੍࡞ɻ ࣗͷ࡞ͬͨͷ͕͍ΖΜͳਓʹ ͬͯΒ͑Δͷ͕خ͍͠ʂ ֶੜ࣌ म࢜ ۭനͷ ࣮ࡍʹ͑ΔͷΛ ͻͨ͢Β࡞Δ େֶ ͍ଓ͚ͯ͘ΕΔਓ΄΅͍ͳ͍
ಈ͘ͷΛ࡞ͬͯ ͬͯΒ͑ΔͱݶΒͳ͍😇
ͳΜͰΫοΫύουʹೖͬͨͷʁ ද໘্ͷσβΠϯΤϯδχΞϦϯάͰͳ͘ تΜͰ͍ଓ͚ͯ͘ΕΔͷΛಧ͚ΔͨΊͷαʔϏεઃܭΛֶͼ͍ͨ
ͳΜͰΫοΫύουʹೖͬͨͷʁ ද໘্ͷσβΠϯΤϯδχΞϦϯάͰͳ͘ تΜͰ͍ଓ͚ͯ͘ΕΔͷΛಧ͚ΔͨΊͷαʔϏεઃܭΛֶͼ͍ͨ ྉཧ͕͖ͰɺࣗࣄͰࣄ͕Ͱ͖ͦ͏ P
Ͱɺ࣮ࡍԿͬͯΔͷʁ
ྉཧ·ͱΊ
ࣗͷϨγϐΛҙʹ·ͱΊͯ ϚΠϖʔδʹެ։Ͱ͖Δ ݕࡧͰ·ͱΊΛݟ͚ͭΒΕΔ ྉཧ·ͱΊ
νʔϜߏ ྉཧ·ͱΊ ΤϯδχΞ Φʔφʔ σβΠφʔ ± ±
͜ͷը໘ͷσβΠϯΛ࡞ͬͨʁ ྉཧ·ͱΊ
͜ͷը໘ͷσβΠϯΛ࡞ͬͨʁ ͦ͏͚ͩͲͦΕ͚ͩͰͳ͍ ྉཧ·ͱΊ
ߏ͔ΒϦϦʔεޙ·ͰશͯͷϓϩηεʹܞΘͬͨ ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε ੳɾߟ G
G ± Ä
୭ͷͲΜͳ՝ɾཉٻΛղܾ͍ͨ͠ʁ ͲΜͳՁΛఏڙͰ͖Δʁ 🤔 ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε
ੳɾߟ G G ± Ä
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ͋Γ͖ͨΓ͡Όͳ͍Ϩγϐ͕Γ͍ͨʂ ͚ͩͲ௨ৗͷݕࡧͰݟ͚ͭΒΕͳ͍ʜ ಛఆͷςʔϚͷϨγϐू͔Β୳ͤΔ͜ͱʹՁ͕͋Δʂ ϨγϐΛॻ͍ͯΔਓ ϨγϐΛ୳͢ਓ ࣗͷྉཧͷͩ͜ΘΓΛදݱ͍ͨ͠ʂݟฦ͍ͨ͠ʂ
͚ͩͲݱঢ়ϨγϐΛॻ͚ॻ͘΄ͲࢄΒ͔ͬͯ͠·͏ʜ ҙͷϨγϐΛ·ͱΊͯެ։Ͱ͖Δ͜ͱʹՁ͕͋Δʂ 😩 😀 😆 😩 😀 😆
ͲΜͳΓํ͕͋Δʁ ϓϩτλΠϓΛ࡞ͬͯ৮ͬͯͲ͏ʁ 🤔 ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε
ੳɾߟ G G ± Ä
՝Ձͱ߹Θͤͯڞ༗ˠٞ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ΑΓΠϝʔδ͕༙͘ͷΛ࡞Δ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
Կߦ͖དྷ͠ͳ͕Β٧Ί͍ͯ͘ ՝Ձ ͷཧ ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ ± Ä Wͷ࡞ ϦϦʔε
՝Ձ ͷཧ ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ ± Ä Wͷ࡞ ϦϦʔε
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ࣗͷϨγϐΛҙʹ·ͱΊͯ ϚΠϖʔδʹެ։Ͱ͖Δ ݕࡧͰ·ͱΊΛݟ͚ͭΒΕΔ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ࣗͷϨγϐΛҙʹ·ͱΊͯ ϚΠϖʔδʹެ։Ͱ͖Δ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ϚΠϖʔδͰͲΜͳྉཧΛ࡞͍ͬͯΔͷ͔ ҰͰΘ͔ΔΑ͏ʹϖʔδ্෦ʹஔ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ݟฦͨ͠ͱ͖ͷݟӫ͑Θ͘Θ͘ײΛҙࣝͯ͠ ςΩετগͳ͘ը૾Λෑ͖٧ΊΔελΠϧʹ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ίϯςϯπ͕ͳ͍ͱ͖ͨ͘͞Μ͋Δͱ͖ͷදࣔʁ ը໘αΠζ͕มΘΔͱͲ͏ͳΔʁ ͋ΒΏΔঢ়ଶʹରԠ͢Δը໘Λ࡞Δ
ΤϯδχΞͱ࿈ܞ͠ͳ͕ΒਐΊΔ Γ͍ͨͰ͢ʂ ͱݴ͍ଓ͚ͨΒΒͤͯΒ͑ͨ 🙋 ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ͲΜͳԠ͕ಘΒΕͨʁ ͔ͦ͜Βݴ͑Δ͜ͱʁ ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε ੳɾߟ
G G ± Ä 🤔
σʔλ͔Βੳͯ͠ԾઆΛཱͯΔ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ 🤔 ϨγϐΛॻ͘ਓʹೝ͞Ε͍ͯͳ͍ʁ ࡞ͷಋઢ͕Θ͔ΓͮΒ͍ʁ ࡞͕ظΑΓ͔ͬͨ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ 🤔 ݕࡧͰ͖ΔΑ͏ʹ͢ΔͳΒϨγϐ໊ඞਢʁ ଞਓͷ·ͱΊΛݟͯΔਓ͔Βͷ ʮࣸਅ͚ͩ͡Όͳ͘Ϩγϐ໊΄͍͠ʯͷҙݟ͕ଟ Ϣʔβʔͷҙݟ͔ΒԾઆΛཱͯΔ
՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε ੳɾߟ G G
± Ä
େࣄͩͱײͨ͜͡ͱ w ػೳʹҾͬுΒΕͣɺͲΜͳਓʹͲΜͳମݧΛͯ͠Β͍͍ͨͷ͔Λৗʹҙࣝ͢Δ w ૉૣ͘ΞΠσΞΛܗʹͯ͠ΈΔˠϑΟʔυόοΫΛͱʹվળ͢Δ w ϦϦʔεޙఆྔఆੑσʔλΛͱʹੳ͠ɺจ຺ʹج͍ͮͨվળΛߟ͑Δ
·ͱΊ w αʔϏε։ൃͷ΄΅શͯͷఔʹؔΘͬͯࣄΛ͍ͯ͠Δ w ֶੜ࣌Ұؾʹ࡞ͬͯऴΘΓͷͷ͕΄ͱΜͲ͕ͩͬͨɺࠓ ͦͷલޙͷϓϩηεΛΑΓେࣄʹσβΠϯʹऔΓΜͰ͍Δ w ͕ࣗೲಘ͢ΔܗͰϦϦʔε͠ɺͦΕ͕ଟ͘ͷϢʔβʔʹͬͯ Β͑Δ͜ͱ͕خ͍͠
൪֎ฤ հͨ͠ࣄҎ֎ͷ
հͨ͠ࣄҎ֎ͷ ᶄΫοΫύουΛͬͱ͜͏͍ͨ͠ʂΛߏ͢Δ ᶃଞͷਓͷࢪࡦʹڵຯΛ࣋ͭɻҙݟΛड़Δɻ ͷલͷػೳɾͷվળ͚ͩͰͳ͍ ࣗͷ୲ྖҬҎ֎ͷ͜ͱʹੵۃతʹؔΘΕΔ ࣗͳΓͷߟ͑ΛͲΜͲΜදʹग़ͯ͠ ͦΕΛܗʹ͍͚ͯ͠Δ