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
20190401_design_system.pdf
Search
ozaki25
April 01, 2019
Technology
0
49
20190401_design_system.pdf
ozaki25
April 01, 2019
Tweet
Share
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
150
20210525_react_next.pdf
ozaki25
0
110
Webフロントエンドはなぜ複雑なのか
ozaki25
1
110
utility first css
ozaki25
0
74
20201225_how_to_learn_technology.pdf
ozaki25
0
130
20201124_blitz.pdf
ozaki25
0
72
20200727_liff_app.pdf
ozaki25
1
610
20200721_web_vitals.pdf
ozaki25
0
87
20200624_web_otp_api.pdf
ozaki25
1
110
Other Decks in Technology
See All in Technology
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
850
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
12k
IAMのマニアックな話2025
nrinetcom
PRO
6
1.5k
エンジニア主導の企画立案を可能にする組織とは?
recruitengineers
PRO
1
310
JAWS FESTA 2024「バスロケ」GPS×サーバーレスの開発と運用の舞台裏/jawsfesta2024-bus-gps-serverless
ma2shita
3
370
ライフステージの変化を乗り越える 探索型のキャリア選択
tenshoku_draft
1
130
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
360
遷移の高速化 ヤフートップの試行錯誤
narirou
6
2k
完璧を捨てろ! “攻め”のQAがもたらすスピードと革新/20250306 Hiroki Hachisuka
shift_evolve
0
110
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
790
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
130
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
170
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
Designing for Performance
lara
605
68k
Building Your Own Lightsaber
phodgson
104
6.2k
Typedesign – Prime Four
hannesfritz
41
2.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Writing Fast Ruby
sferik
628
61k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
A Philosophy of Restraint
colly
203
16k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Transcript
σβΠϯγεςϜ
࣍ σβΠϯγεςϜͱ σβΠϯγεςϜͷޮՌ σβΠϯγεςϜͷಋೖέʔε σβΠϯγεςϜͷՌ
σβΠϯγεςϜͱ
σβΠϯγεςϜͱ w ໌֬ͳఆ͕ٛ͋ΔͷͰͳ͍͕ҰൠతݴΘΕ͍ͯΔ͜ͱΛ·ͱ ΊΔͱҎԼͷͭΛຬͨ͢ͷͱݴ͑Δ Ұ؏ͨ͠σβΠϯͷఆ͕ٛ͞Ε͍ͯΔ σβΠϯͷ֓೦͕ڞ༗Ͱ͖Δ ৴པͰ͖Δ།ҰͷใݯͰ͋Δ
4JOHMF4PVSDFPG5SVUI
Ұ؏ͨ͠σβΠϯͷఆ͕ٛ͞Ε͍ͯΔ ελΠϧΨΠυ w ৭େ͖͞ͳͲͷ6*ͷఆٛू ίϯϙʔωϯτϥΠϒϥϦ w ελΠϧΨΠυͷఆٛʹଇͬͨ ࣮ू w ύλʔϯϥΠϒϥϦͱ͍͏
http://makotottn.hatenablog.com/entry/2017/12/02/004702
σβΠϯͷ֓೦͕ڞ༗Ͱ͖Δͷ w σβΠϯͷഎܠࠜڌ͕ఆٛ͞Ε͍ͯΔ͜ͱ w Ͳ͏͍͏࣌ʹͲͷελΠϧίϯϙʔωϯτΛ͏͔ w Ͳ͏͍͏ཧ༝͔ΒͦͷσβΠϯʹͳͬͨͷ͔ w ྫ w
CUOQSJNBSZओಋઢʹ͏Ϙλϯ w CUOEBOHFSऔΓফ͕͖͔͠ͳ͍ૢ࡞ʹ͏Ϙλϯ w ͜ΕΒΛσβΠφʔΤϯδχΞεςʔΫϗϧμʔͱڞ༗Ͱ͖Δͷ
৴པͰ͖Δ།ҰͷใݯͰ͋Δ w σβΠϯγεςϜࣗମ͕αʔϏεΛఏڙ͢ΔΛϓϩμΫτ w །ҰͷใݯͱͳΔΑ͏ʹߋ৽Λଓ͚Δ w σβΠϯγεςϜ࡞ͬͯऴΘΓͰͳ͘͠ଓ͚Δͷ
σβΠϯγεςϜͷޮՌ
σβΠϯγεςϜͷޮՌ Ϣʔβମݧͷ౷Ұ w ҟͳΔΞϓϦέʔγϣϯͰҰ؏ͨ͠-PPL'FFMΛఏڙͰ͖Δ ࠶ར༻ʹΑΔߴԽ w ڞ௨Խ͞ΕͨίϯϙʔωϯτʹΑΓ࣮͕ޮԽ͞ΕΔ ίϛϡχέʔγϣϯͷ؆қԽ w σβΠϯΛݴޠԽ͢Δ͜ͱͰೝࣝᴥᴪΛͳͤ͘Δ
σβΠϯγεςϜͷಋೖέʔε
σβΠϯγεςϜͷಋೖέʔε w σβΠφʔͱΤϯδχΞͷҙࢥૄ௨ͷͨΊ༻͍Δέʔε w σβΠϯͷഎܠΛهࡌ͢Δͷ͜ͷཧ༝͔Β w ͜ͷจ຺Ͱίϯϙʔωϯτཻͷ͕Ͱ͖ͯͯ"UPNJD%FTJHOʹͭ ͳ͕Δ w Ϛωδϝϯτͱͷೝࣝڞ༗ͷͨΊʹ༻͍ΒΕΔ
w ౷Ұతͳ6*69ΛෳͷΞϓϦͰ࣮ݱ͍ͨ͠έʔε w ୭Ͱಉ͡ϒϥϯυΠϝʔδͷ6*69Λޮతʹ࡞ΕΔΑ͏ʹ͢Δ
σβΠϯγεςϜͷՌ
Ռͷྫ w 4UPSZCPPL w ϝδϟʔͳίϯϙʔωϯτϥΠϒϥϦ w ଟ͘ͷ41"'8ʹରԠ w %PD[ w
3FBDUઐ༻ͷίϯϙʔωϯτϥΠϒϥϦ w 7VF%FTJHOFS w σβΠϯͱ࣮ΛWVFϑΝΠϧͰཧ͢ΔͨΊͷπʔϧ
Ռͷྫ w 4UPSZCPPL
·ͱΊ
·ͱΊ w σβΠϯγεςϜͱ ɹᶃσβΠϯʹؔ͢Δߟ͑ํͷڞ༗ ɹᶄ౷ҰతͳϢʔβମݧΛఏڙ ɹᶅ։ൃΛޮԽ Λ࣮ݱ͢ΔͨΊͷγεςϜ
͋Γ͕ͱ͏͍͟͝·ͨ͠