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
12k
techconf2019_sudo.pdf
sudokohey
February 27, 2019
Tweet
Share
More Decks by sudokohey
See All by sudokohey
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf2017_sudo
sudokohey
10
8k
Other Decks in Design
See All in Design
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
560
Installing and Running decksh/pdfdeck
ajstarks
1
860
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
170
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
550
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
650
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
150
Findyのプロデチームの 歩みとこれから
satty9556
0
290
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
160
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
110
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
400
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Visualization
eitanlees
148
16k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Six Lessons from altMBA
skipperchong
28
4k
Building Adaptive Systems
keathley
43
2.8k
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