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
0
1.8k
『CSSに不安を抱く私を W3C仕様が救ってくれた』WCAN 2019 Spring
sugar
April 20, 2019
Tweet
Share
More Decks by sugar
See All by sugar
a-blog cms Training Camp 2023 - a-blog cms での実装フローを紹介
sugawara
0
43
a-blog cms での簡単不正ログイン対策
sugawara
0
100
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
21
a-blog cms を使ったサイト制作ガイドラインを作ってみた
sugawara
0
350
私の1年間とa-blog cmsだからできる簡単UI対応
sugawara
0
340
WCAN2019春LT_ボツスライド2
sugawara
0
1.3k
WCAN2019春LT_ボツスライド1
sugawara
0
1.3k
工数表書き忘れ防止機能を作ってみた 〜 GASを使ったSlackへの自動通知 〜
sugawara
1
66
自己紹介LT
sugawara
0
59
Other Decks in Programming
See All in Programming
【re:Growth 2024】 Aurora DSQL をちゃんと話します!
maroon1st
0
770
Scalaから始めるOpenFeature入門 / Scalaわいわい勉強会 #4
arthur1
1
310
採用事例の少ないSvelteを選んだ理由と それを正解にするためにやっていること
oekazuma
2
1k
これが俺の”自分戦略” プロセスを楽しんでいこう! - Developers CAREER Boost 2024
niftycorp
PRO
0
190
Keeping it Ruby: Why Your Product Needs a Ruby SDK - RubyWorld 2024
envek
0
180
42 best practices for Symfony, a decade later
tucksaun
1
180
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
2
460
今年のアップデートで振り返るCDKセキュリティのシフトレフト/2024-cdk-security-shift-left
tomoki10
0
200
From Translations to Multi Dimension Entities
alexanderschranz
2
130
ソフトウェアの振る舞いに着目し 複雑な要件の開発に立ち向かう
rickyban
0
890
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
540
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
1
440
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Designing Experiences People Love
moore
138
23k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Gamification - CAS2011
davidbonilla
80
5.1k
Unsuck your backbone
ammeep
669
57k
We Have a Design System, Now What?
morganepeng
51
7.3k
GitHub's CSS Performance
jonrohan
1030
460k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
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$༷͕ٹͬͯ͘Εͨ