Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
techconf2019_sudo.pdf
Search
sudokohey
February 27, 2019
Design
12k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
techconf2019_sudo.pdf
sudokohey
February 27, 2019
More Decks by sudokohey
See All by sudokohey
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf2017_sudo
sudokohey
10
8.3k
Other Decks in Design
See All in Design
プレゼンスライド作成で意識していること
kimichan
0
160
ロゴマークは「象徴」だ! 〜JAWS FESTA in AKITA 2026のロゴマークに寄せて〜
hachihcah
0
250
ポートフォリオ_あやの
ngyenmazt1412
0
2k
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
220
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
520
設計の進め方と 品質特性品質特性
harakeishi
0
1.5k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
670
飲み会を妻に伝えるベストタイミング分析
kudaranai
0
110
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
880
Webデザイナー中田美穂_ポートフォリオ
omy
0
230
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.4k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
530
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
516
110k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.7k
Designing for Performance
lara
612
70k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
570
The Pragmatic Product Professional
lauravandoore
37
7.5k
Paper Plane (Part 1)
katiecoart
PRO
2
12k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Testing 201, or: Great Expectations
jmmastey
46
8.4k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
970
Darren the Foodie - Storyboard
khoart
PRO
4
4.1k
The browser strikes back
jonoalderson
0
1.9k
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