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
20190401_design_system.pdf
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
ozaki25
April 01, 2019
Technology
71
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20190401_design_system.pdf
ozaki25
April 01, 2019
Transcript
17 slides
σβΠϯγεςϜ
࣍ σβΠϯγεςϜͱ σβΠϯγεςϜͷޮՌ σβΠϯγεςϜͷಋೖέʔε σβΠϯγεςϜͷՌ
σβΠϯγεςϜͱ
σβΠϯγεςϜͱ 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 σβΠϯγεςϜͱ ɹᶃσβΠϯʹؔ͢Δߟ͑ํͷڞ༗ ɹᶄ౷ҰతͳϢʔβମݧΛఏڙ ɹᶅ։ൃΛޮԽ Λ࣮ݱ͢ΔͨΊͷγεςϜ
͋Γ͕ͱ͏͍͟͝·ͨ͠
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
210
20210525_react_next.pdf
ozaki25
0
170
Webフロントエンドはなぜ複雑なのか
ozaki25
1
160
utility first css
ozaki25
0
130
20201225_how_to_learn_technology.pdf
ozaki25
0
190
20201124_blitz.pdf
ozaki25
0
120
20200727_liff_app.pdf
ozaki25
1
690
20200721_web_vitals.pdf
ozaki25
0
130
20200624_web_otp_api.pdf
ozaki25
1
160
Other Decks in Technology
See All in Technology
In-Context Learning再入門。ICLの勾配降下的解釈の研究動向を追ってみる。
dai08srhg
1
810
2026 Apache Flink Community Checkpoint
rmetzger
0
240
これからのデータエンジニアの役割について考える / Rethinking the Role of Data Engineers in the AI Era
okiyuki99
0
420
仕様と現実の間で落とし所を探るリモートMCPの認証・認可 — Sansanの認証基盤における課題と実践
sansantech
PRO
2
270
Ebitengine製iOSアプリ公開ボタンを押す会
eiei114
0
120
Context != Context: One window, many lifecycles (AI Native DevCon, Nov 2026)
birgitta410
0
120
顧客合意を取りながら進めるAWSコスト削減の実践
optim
0
160
サボる子はいねぇがー!AgentCoreハーネスの脆弱性に学ぶ、エージェントの入力バリデーション
iwamot
PRO
5
330
Reticulum, le réseau cypherpunk dont vous avez besoin !
rlifchitz
0
130
Microsoft Entra Kerberos で実現するクラウド デバイス管理
tamaiyutaro
2
670
Linuxネットワークスタック進化の軌跡: 過去10年の歩みと最新トレンド
orimanabu
2
430
The future of architectural work
ufried
0
200
Featured
See All Featured
Building an army of robots
kneath
307
47k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.3k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.7k
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
Skip the Path - Find Your Career Trail
mkilby
1
290
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
560
GitHub's CSS Performance
jonrohan
1033
470k
Agile that works and the tools we love
rasmusluckow
331
22k
Git: the NoSQL Database
bkeepers
PRO
433
67k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.9k