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
36
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
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
suikabar
3
800
Creating Composable Callables in Contemporary C++
rollbear
0
170
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
0
290
Observability in Practice:Grafana 與 Edge Device SRE 的那些事
blueswen
0
180
1B+ /day規模のログを管理する技術
broadleaf
0
120
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
220
さぁV100、メモリをお食べ・・・
nilpe
0
160
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
wagyu
0
260
TAKTでAI駆動開発の品質を設計する
j5ik2o
7
1.6k
鹿野さんに聞く!『TypeScriptコードレシピ集』で磨く実践力
tonkotsuboy_com
4
900
Contextとはなにか
chiroruxx
1
380
エンジニアと一緒にテストコードの設計と実装を改善した話
mototakatsu
0
230
Featured
See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
590
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.5k
Context Engineering - Making Every Token Count
addyosmani
9
990
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
370
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
280
Being A Developer After 40
akosma
91
590k
RailsConf 2023
tenderlove
30
1.5k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
1.8k
Faster Mobile Websites
deanohume
310
32k
Google's AI Overviews - The New Search
badams
0
1.1k
The untapped power of vector embeddings
frankvandijk
2
1.8k
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$༷͕ٹͬͯ͘Εͨ