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
78
a-blog cms Training Camp 2023 - a-blog cms での実装フローを紹介
sugawara
0
120
a-blog cms での簡単不正ログイン対策
sugawara
0
180
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
35
a-blog cms を使ったサイト制作ガイドラインを作ってみた
sugawara
0
460
私の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
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
150
Modding RubyKaigi for Myself
yui_knk
0
900
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
contour_gara
0
510
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
170
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
310
LLM Plugin for Node-REDの利用方法と開発について
404background
0
160
A2UI という光を覗いてみる
satohjohn
1
110
AIとASP.NET Coreで雑Webアプリを作った話
mayuki
0
440
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
230
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
shogogg
0
200
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
310
AIで効率化できた業務・日常
ochtum
0
110
Featured
See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
430
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Code Reviewing Like a Champion
maltzj
528
40k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
We Have a Design System, Now What?
morganepeng
55
8.2k
A designer walks into a library…
pauljervisheath
211
24k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
160
We Are The Robots
honzajavorek
0
240
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
210
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
160
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$༷͕ٹͬͯ͘Εͨ