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
techconf2019_sudo.pdf
Search
sudokohey
February 27, 2019
Design
0
11k
techconf2019_sudo.pdf
sudokohey
February 27, 2019
Tweet
Share
More Decks by sudokohey
See All by sudokohey
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf2017_sudo
sudokohey
10
7.9k
Other Decks in Design
See All in Design
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
710
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
250
Rayout Pattern 01
one0
0
1.5k
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
640
Goodpatch Tour💙 / We are hiring!
goodpatch
31
800k
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
150
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
0
100
デザイナーとPMの両ロール_3つのポイント
toy1618
1
190
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
890
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
290
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
Building Your Own Lightsaber
phodgson
104
6.2k
A better future with KSS
kneath
238
17k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
The Cult of Friendly URLs
andyhume
78
6.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Gamification - CAS2011
davidbonilla
80
5.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Transcript
Cookpad Inc. Feb 27th, 2019 ਢ౻ߞฏ ৽نαʔϏε։ൃ෦ ྉཧͷֶशମݧΛ σβΠϯ͢Δ
ࣗݾհ 2 ໊લɿਢ౻ߞฏ ॴଐɿ৽نαʔϏε։ൃ෦ ݞॻɿσβΠφʔɺΤϯδχΞɺϓϩσϡʔαʔ…etc ɹɹɹσβΠφʔ౷ׅϚωʔδϟʔ
ࠓ͓͢Δ͜ͱ 3 • ৽نαʔϏεͱͯ͠ϦϦʔεͨ͠ΞϓϦʹ͍ͭͯ • ͲͷΑ͏ͳࢥߟͰ։ൃΛਐΊ͔ͨ
http://tabedori.jp 4
ϢʔβʔͷྉཧͷΛ ্ୡͤ͞Δ 5
าΈ 6 • 2018ॳ०ɿϓϩδΣΫτΛελʔτ • 5݄ɿΈͳ͕Ββ൛ΞϓϦΛϦϦʔε • 8݄ɿΈͳ͕ΒຊϦϦʔε • 2019ݱࡏɿΈͳ͕ΒϦχϡʔΞϧத
ͱʹ͔͍͘͠ 7
Կ͕ͦΜͳʹ͍͠ͷ͔ 8 • ্ୡͷఆ͕͍ٛ͠ • ఆٛͰ͖ͳ͍ͷͰɺԿΛֶͿ͖͔͕Θ͔Βͳ͍
For beginners? 9 • Λฉ͍ͯΈΔͱɺΈΜͳҙ֎ͱͰ͖ͯΔ
10
11 ͬͱྉཧΛ͡Ί͔ͨΓͷࠒʹΓ͔ͨͬͨͰ͢Ͷ CZྉཧΛ࢝Ίͯ
Ͳ͏ͳΓ͍ͨʁ 12
Ϩγϐͱ͔ݟͳ͍Ͱɺ ͋ΔͷͰύύͬͱͭ͘ΕΔ Α͏ʹͳΓ͍ͨʂ 13
ύύͬͱ ≠࣌ɾ؆୯ 14
ύύͬͱ ≒ ରԠྗ 15
લ 16
৯ํఏҊػೳ 17 • ఆ൪ϝχϡʔΛఏҊ͢ΔػೳΛͭͬͨ͘ • ʮಲʯͰݕࡧ • ͠ΌͿ͠ΌͿɺੜᇙম͖ɺͱΜ͔ͭ…etc
ීஈͷ͝Μ༻ʹνϡʔχϯά 18 • ʮͳ͢ʯͰݕࡧ • ຯḩᖱΊɺ༲͛ͼͨ͠ɺম͖ͳ͢…etc
ؾ͖ͮ 19 • ຖͷ͝Μ໊ͬͯલ͕ͳ͍Α͏ͳͷΛͨͯΔ • ͦͷͱ͖͋ΔͷͰύοͱͭͬͨ͘Α͏ͳͷ
٧·Δͱ͜Ζɺखݩͷ৯ࡐΛ Ͳ͏͓͍ͨ͘͠Δ͔ 20
͍ΖΜͳ੍ͷதͰɺ ࣗͰίϯτϩʔϧ͍ͯ͠Δ ࣮ײΛಘΒΕΔͱຬߴ͍ 21
Ή 22 • Ұੜݒ໋ϨγϐΛ୳͠ٻΊΔඞཁ͕͋ΔΜͩΖ͏͔ʁ • ϨγϐʹͨͲΓண͔ͤΑ͏ͱͯ͠Δ͜ͱ͕φϯηϯεʁ
ຊʹղ͖͘ 23
Ͳ͏͢ΕϢʔβʔͷྉཧͷ Λ্ୡͤ͞Δ͜ͱ͕Ͱ͖Δ͔ʁ 24
͋ΔͷͰύύͬͱͭ͘ΕΔ Ϩϕϧʹ࠷Ͱ౸ୡ͢Δʹʁ 25
Ͳ͏ͬͯʁ 26
͋ΔͷͰύύͬͱͷ࣮ଶ૯߹ྗ 27 • ങ͍ͷεΩϧ • ݙཱͷܭը • ৯ࡐௐཧʹର͢Δࣝ • Λ౿ΜͰܦݧΛ্͛Δ
ϑΥʔΧεΛߜΔ 28 • ങ͍ͷεΩϧ • ݙཱͷܭը • ৯ࡐௐཧʹର͢Δࣝ • Λ౿ΜͰܦݧΛ্͛Δ
Λ౿Ή͜ͱͰ͑ΒΕ͍ͯ͘ͷ 29 • ൃ͢Δྗ • ۩ݱԽ͢Δྗ
Λ౿Ή͜ͱͰ͑ΒΕ͍ͯ͘ͷ 30 • ൃ͢Δྗ • ݕࡧʹཔ͍ͬͯΔ • ۩ݱԽ͢Δྗ • Ϩγϐʹཔ͍ͬͯΔ
͜ΓΌ͏·͘ͳΒΜʂ
ൃྗͱ۩ݱԽྗ 32
ൃྗ 33
ൃྗͬͯԿʁ 34 • ࡞ྉཧΈ͍ͨͳ৽͍͠ຯ͕࡞Γ͍ͨΘ͚Ͱͳ͍ • ϚχΞοΫͳૉࡐΛ͍͜ͳ͍ͨ͠Θ͚Ͱͳ͍
ඞཁेͰ͍͍ 35 • قઅͷ৯ࡐΛͬͯ • ؆୯Ͱ͓͍ͯ͘͠ • ӫཆ͋Γͦ͏ͳ • ͦΕͰ̍ϲ݄ճͤΕ͍͍
ޒ๏ͷද 36 •তॳظʹՈఉྉཧͷݚڀՈʹΑͬͯߟҊ •ݙཱΛܾΊΔͱ͖ͷศརπʔϧ
37
38 ܲͷͯΓ͖
39 ܲͷͯΓ͖ ֯ࣽ
40 ܲͷͯΓ͖ ֯ࣽ ΞδϑϥΠ
41 ܲͷͯΓ͖ ֯ࣽ ΞδϑϥΠ ͿΓͷͯΓ͖
ඞཁेͷϨϕϧΛઃఆ 42 • ͜Ε͕ຒΊΒΕΕݙཱͮ͘Γʹ·ͳ͍ • ීஈങͬͯΔ৯ࡐͰɺͻͱ௨ΓදΛຒΊΒΕΔϨϕϧΛࢦ͢
43
ҙ֎ͱຒΊΒΕͳ͍ 44
ͳͥຒΊΒΕͳ͍ʁ 45 • ͦͦൃ͕ҧ͏ • ͋Δ৯ࡐΛࣽΑ͏͔ʁম͜͏͔ʁͱ͔ߟ͑ͳ͍ • ྉཧΛϨγϐ୯ҐͰ֮͑ͯΔ
ྉཧΛϨγϐ୯ҐͰ֮͑Δͷඇޮ 46 • هԱʹݶք͕͋Δ • શʹ֮͑Δ·Ͱ܁Γฦ͢ʹ͕͔͔࣌ؒΔ • Ϩγϐʹඞཁͳͷ͕͍ͭἧ͍ͬͯΔͱݶΒͳ͍
Ͳ͏͢Εʁ 47
ྉཧΛղͯ͠ଊ͑Δ 48 ৯ࡐ ✕ ຯ͚ ✕ ௐཧ๏
ύύͬͱͰ͖Δਓͷࢥߟ 49 • ͜ͷ̏ͭͷεϩοτΛࣗ༝ʹΈସ͍͑ͯΔ
50
ಲɹ✕ɹੜᇙে༉ɹ✕ɹম͘ 51
͝΅͏ɹ✕ɹੜᇙে༉ɹ✕ɹম͘ 52
͝΅͏ɹ✕ɹԘͱΦϦʔϒΦΠϧɹ✕ɹম͘ 53
ʹΜ͡Μɹ✕ɹԘͱΦϦʔϒΦΠϧɹ✕ɹম͘ 54
ϒϩοίϦʔɹ✕ɹʹΜʹ͘ΦΠϧɹ✕ɹম͘ 55
ղͯ͠ల։͢Δ 56 • ൃ͕͕Δ • 3ͭͷεϩοτͷ2ͭΛݻఆͯ͠ɺͪΐͬͱͣͭมԽͤ͞Δ
۩ݱԽྗ 57
۩ݱԽྗͬͯԿʁ 58 • ൃ͢Δ͜ͱͱɺ࣮ࡍʹͰ͖Δ͔ผ • ͜Εͦ͜
େͷௐཧఔڞ௨͍ͯ͠Δ 59 • Δ • Լ͝͠Β͑ • ՐΛ௨͢ • ຯΛ͚ͭΔ
• ্͛Δ
খ͘͞ύλʔϯԽ֮ͯ͑͠Δ 60 • ֤ఔͷՌͱͯ͠ग़ͯ͘Δͷ • ԼΏͰͨ͠େࠜ • ʹΜʹ͘ͷ߳ΓΛҠͨ͠ΦΠϧ • ౾ΛͭͿͯ͠ຯ͚ͨ͠ͷ
۩ݱԽ͍͢͠ 61 • খ͍͞ͷͰ͍֮͑͢ • ҰͭҰͭෳࡶ͡Όͳ͍ • ҰͭҰͭ؆୯ͳͷͰࣦഊ͠ͳ͍
ΧʔυΛ࣮ͭͬͯ͘ݧ 62
࣮ࡍʹྉཧͯ͠ΈΔ 63 • ͦͷ࣌͋Δ৯ࡐͱΧʔυͷΈ߹ΘͤͰྉཧΛൃ͢Δ • Ϩγϐݟͳ͍
64
ҙ֎ͱͰ͖Δʂ 65
͜Ε͕Ͱ͖Δͱ 66
ϨύʔτϦʔ ࣮࣭ແݶ 67
͋ΔͷͰ ύύͬͱͰ͖Δ 68
69
70
71
72
73
·ͩ·ͩཧʹԕ͍ 74 • ֶशΞϓϦͱͯ͠ͷϢχʔΫͳϦ͕ऑ͍ • श׳ԽͷΈͮ͘Γ
ͦͷΜΛڧԽͯ͠ ઈࢍϦχϡʔΞϧதʂ
࠷ޙʹ 76
ϓϩδΣΫτʹࢀՃͯ͠ ͘ΕΔؒืूதʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ 78