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
『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring
Search
sugar
April 20, 2019
Programming
2k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring
sugar
April 20, 2019
More Decks by sugar
See All by sugar
a-blog cms Ver. 3.2 のV2モジュールとTwig記法を導入してみて
sugawara
0
79
a-blog cms Training Camp 2023 - a-blog cms での実装フローを紹介
sugawara
0
120
a-blog cms での簡単不正ログイン対策
sugawara
0
180
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
37
a-blog cms を使ったサイト制作ガイドラインを作ってみた
sugawara
0
470
私の1年間とa-blog cmsだからできる簡単UI対応
sugawara
0
440
WCAN2019春LT_ボツスライド2
sugawara
0
1.4k
WCAN2019春LT_ボツスライド1
sugawara
0
1.4k
工数表書き忘れ防止機能を作ってみた 〜 GASを使ったSlackへの自動通知 〜
sugawara
1
99
Other Decks in Programming
See All in Programming
symfony/aiとlaravel/boost
77web
0
120
SREは、MCPとSRE Agentをこう使え!
kazumax55
0
130
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
4
1.6k
Language Server 使ってる? 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
handlename
0
820
メソッドのジェネリクスでGoの夢は広がるか? / Kyoto.go #65
utgwkk
3
1k
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
260
トークンをケチるな、設計しろ:GitHub Copilotを賢く使うコンテキスト戦略
ochtum
0
280
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
guaca
0
230
act1-costs.pdf
sumedhbala
0
160
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
290
エンジニアと一緒にテストコードの設計と実装を改善した話
mototakatsu
0
250
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
190
Featured
See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
480
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.7k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
240
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.4k
GitHub's CSS Performance
jonrohan
1033
470k
The Limits of Empathy - UXLibs8
cassininazir
1
380
Ruling the World: When Life Gets Gamed
codingconduct
0
270
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
220
Become a Pro
speakerdeck
PRO
31
6k
Transcript
$44ʹෆ҆Λ๊͘ࢲΛ 8$༷͕ٹͬͯ͘Εͨ ༗ݶձࣾΞοϓϧοϓϧ ੁݪ࠼ 8$"/4QSJOH
w ৬छɿϑϩϯτΤϯυΤϯδχΞ w ໊લɿੁݪ࠼ w ۈΊઌɿ༗ݶձࣾΞοϓϧοϓϧ w χοΫωʔϜɿγϡΨʔ w झຯɿΞϘΧυҭɼΞΫΞςϥϦϜ
ࣗݾհ
ࡢ͔Β ΞϘΧυҭ 趣味
趣味
趣味
趣味
趣味
趣味
趣味
趣味
趣味
趣味
趣味
趣味
झຯॆ࣮ ࣄʁ 8FCۀքస৬
લ $ݴޠͷϓϩάϥϚʔ 8FCۀքస৬ 8FCۀքస৬
w )5.-$444$44BCMPHDNTˠ݁ߏॻ͚Δ w ΞΫηγϏϦςΟϢʔβϏϦςΟͷྀˠษڧத w +BWB4DSJQUK2VFSZ1)1ˠ·ͩ·ͩ w (JU%PDLFSHVMQͳͲͷޮԽπʔϧˠ·͍ͩ͜ͳͤͯͳ͍ w ͦͷ΄͔৭ʑͳπʔϧˠ׳Ε͖ͯͨ
8FCۀքస৬
)5.- $44 4$44 $44ͷෆ҆
$44ͷෆ҆ $44ͷෆ҆
ҧ͏ίʔυ $44ͷෆ҆
ಉ͡ϨΠΞτ $44ͷෆ҆
ݸਓͷྗྔ $44ͷෆ҆
ྫ͑ $44ͷෆ҆
தԝدͤ $44ͷෆ҆
$44ͷෆ҆ NBSHJOBVUPQBEEJOHQY UFYUBMJHODFOUFSEJTQMBZqFY KVTUJGZDPOUFOUDFOUFSBMJHOJUFNTDFOUFS QPTJUJPOBCTPMVUF USBOTGPSNUSBOTMBUF EJTQMBZUBCMFDFMMWFSUJDBMBMJHONJEEMF
MJOFIFJHIUQY
ϕετͳͷ͔ʁ $44ͷෆ҆
ௐͨΓɺ ฉ͍ͨΓɺ ࢼͨ͠Γɺ $44ͷෆ҆
ࣗͳΓͷ ϕετ $44ͷෆ҆
࣮ $44ͷෆ҆
ෆ҆ $44ͷෆ҆
$PEF(SJE ʰ༷ॻͷಡΈํʱ https://www.codegrid.net/
$PEF(SJE ʰ༷ॻͷಡΈํʱ https://www.codegrid.net/ $PEF(SJEͱ ݱͷΤϯδχΞ͕ٕज़ൃ৴
$PEF(SJE ʰ༷ॻͷಡΈํʱ ༷ॻˠ8$ ʢ8PSME8JEF8FC$POTPSUJVNʣ https://www.codegrid.net/
$PEF(SJE ʰ༷ॻͷಡΈํʱ ༷ॻˠ8$ ʢ8PSME8JEF8FC$POTPSUJVNʣ https://www.codegrid.net/ 8$ͱ 8FCʹؔΘΔٕज़ͷඪ४ٕज़ͷ։ൃͱ ීٴΛతͱ͢ΔඇӦརஂମɻ https://www.kddi.com/yogo/Πϯλʔωοτ/W3C.html
$PEF(SJE ʰ༷ॻͷಡΈํʱ ༷ॻˠ8$ ʢ8PSME8JEF8FC$POTPSUJVNʣ ͱ͋ΔҰจΛಡΜͰʜ https://www.codegrid.net/
༷ΛಡΜͰʹ͚ͨࣝɺ զྲྀαΠτΛͪΐͬͱ ಡΈ͔ͬͨͦ͡ͷ͠ͷ͗ͷ ࣝΑΓɺࣗ৴Λ࣋ͬͯ͑Δ $44ͷෆ҆
͜Εͩ $44ͷෆ҆
8$Կऀͳͷ͔ʁ $44ͷෆ҆
8$8FCϖʔδΛ੍࡞͢ Δ͏͑ͰͷࠃࡍతϧʔϧΛ ܾΊ͍ͯΔஂମ $44ͷෆ҆
͔ͩΒ༷ͱ ݺΕ͍ͯͨͷ͔ $44ͷෆ҆
ಡΉ͔͠ͳ͍ʂ $44ͷෆ҆
ӳޠʜ $44ͷෆ҆
$44ͷෆ҆ (PPHMF༁͍ͳ͕Β ಡΜͰΈͨ
৽͍͠ൃݟ $44ͷෆ҆
w ಗ໊ϒϩοΫϘοΫεͱಗ ໊ΠϯϥΠϯϘοΫε w ୯ҐʹDN͕͑Δͷʹڻ ͍ͨ $44ͷෆ҆
ಡ·ͳ͍ͱ ؾ͚ͮͳ͔ͬͨ $44ͷෆ҆
ʴࣗ৴ $44ͷෆ҆
ݟ͔ͭͬͨ՝ͭ ͜Ε͔Βͷ՝
ӳޠͷޠኮྗ͕ͳ͍ ͜Ε͔Βͷ՝
ຊΛߪೖͯ͠Έͨ ʰӳ୯ޠͷޠݯਤؑʱ https://www.amazon.co.jp/ӳ୯ޠͷޠݯਤؑ-ਗ਼ਫ-ݐೋ/dp/4761273453
༷֬ೝͷบΛ͚ͭΔ ͜Ε͔Βͷ՝
$44ϓϩύςΟ ʹ͍ͭͯௐΔ࣌ ͜Ε͔Βͷ՝
͍ΖΜͳαΠτΛݟͯճΔ ͜Ε͔Βͷ՝
ࢼͯ͠ΈΔ ͜Ε͔Βͷ՝
ʴ༷֬ೝ ͜Ε͔Βͷ՝
)5.-$44ͳͲͷ ྺ࢙ എܠΛΔ ͜Ε͔Βͷ՝
w 8$ͷຊޠ༁͕ग़͍ͯΔ͜ͱ ਖ਼ ࣜ൛͋͘·Ͱӳޠ w )5.--JWJOH4UBOEBSEͷଘࡏ w ϒϥβؒͰΒ͖͕ͭͰΔཧ༝ ͜Ε͔Βͷ՝
ˢઌഐ͔Βฉ͖·ͨ͠
͕͍ࣗͬͯΔݴޠͷ͜ͱ ͜Ε͔Βͷ՝
࠷ޙʹ
w $PEF(SJEୈճ༷දΛಡΜͰΈΑ͏ w 8$ w 8$Ͱݕࡧ͢ΔͳΒ https://www.w3.org/ https://app.codegrid.net/entry/reading-spec-css-1 https://www.w3.org/TR/ ࠷ޙʹ
ɹ!SBDIJDPN@TVHBS ɹXDBO ˞͜ͷهࣄແྉͰಡΊ·͢
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ IUUQTXXXGBDFCPPLDPNSBDIJDPNTVHBS !SBDIJDPN@TVHBS IUUQTSBDIJDPNOFU $44ʹෆ҆Λ๊͘ࢲΛ8$༷͕ٹͬͯ͘Εͨ