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.9k
『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
77
a-blog cms での簡単不正ログイン対策
sugawara
0
130
買切りとサブスクについて比較しながらライセンス適用方法とサブスクのいいところを伝える/ablogcms-zoomup202105
sugawara
0
24
a-blog cms を使ったサイト制作ガイドラインを作ってみた
sugawara
0
400
私の1年間とa-blog cmsだからできる簡単UI対応
sugawara
0
390
WCAN2019春LT_ボツスライド2
sugawara
0
1.3k
WCAN2019春LT_ボツスライド1
sugawara
0
1.4k
工数表書き忘れ防止機能を作ってみた 〜 GASを使ったSlackへの自動通知 〜
sugawara
1
69
自己紹介LT
sugawara
0
77
Other Decks in Programming
See All in Programming
AIのメモリー
watany
11
1.1k
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
11
3k
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
35
10k
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
650
NEWT Backend Evolution
xpromx
1
160
効率的な開発手段として VRTを活用する
ishkawa
1
180
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
300
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
17
6.2k
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
730
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
480
Reactの歴史を振り返る
tutinoko
1
150
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
290
Featured
See All Featured
How to Ace a Technical Interview
jacobian
278
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
How GitHub (no longer) Works
holman
314
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
Optimizing for Happiness
mojombo
379
70k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Faster Mobile Websites
deanohume
308
31k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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$༷͕ٹͬͯ͘Εͨ