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
32
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
4k
2020 Cookpad Online Spring Internship
sn_taiga
1
2.6k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.3k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
8k
エディタの入力時間を11%減らした話
sn_taiga
0
200
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.2k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.2k
Other Decks in Design
See All in Design
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
350
Memory Man v3 (WIP)
storybychad
PRO
0
2.1k
7 Core Values of Round-L
wired888
0
410
PF_濵村ひろみ_202503
maru_design78
0
190
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
490
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
230
ポートフォリオ_webデザイナー
nami_webdesigner
0
110
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
650
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
134
9.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
282
13k
GraphQLとの向き合い方2022年版
quramy
49
14k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
970
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Music & Morning Musume
bryan
46
6.7k
The Invisible Side of Design
smashingmag
301
51k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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 ͕ࣗೲಘ͢ΔܗͰϦϦʔε͠ɺͦΕ͕ଟ͘ͷϢʔβʔʹͬͯ Β͑Δ͜ͱ͕خ͍͠
൪֎ฤ հͨ͠ࣄҎ֎ͷ
հͨ͠ࣄҎ֎ͷ ᶄΫοΫύουΛͬͱ͜͏͍ͨ͠ʂΛߏ͢Δ ᶃଞͷਓͷࢪࡦʹڵຯΛ࣋ͭɻҙݟΛड़Δɻ ͷલͷػೳɾͷվળ͚ͩͰͳ͍ ࣗͷ୲ྖҬҎ֎ͷ͜ͱʹੵۃతʹؔΘΕΔ ࣗͳΓͷߟ͑ΛͲΜͲΜදʹग़ͯ͠ ͦΕΛܗʹ͍͚ͯ͠Δ