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
Web標準と互換性の世界をざっくり見渡してみよう
Search
山根大生
August 29, 2025
Technology
0
74
Web標準と互換性の世界をざっくり見渡してみよう
山根大生
August 29, 2025
Tweet
Share
More Decks by 山根大生
See All by 山根大生
OAuth登場前にあった複数サービス連携の課題🔑
yamatai1212
0
18
Goで遊ぶHTTPミドルウェア ― X-HTTP-Method-Overrideを試してみた
yamatai1212
1
120
ISの役割から具体的な業務内容を理解する_社外向け_.pdf
yamatai1212
0
14
dependency-cruiserを紹介します/dependency-cruiser-description
yamatai1212
1
1.6k
ESLintで命名規則のチェックをする(LT版)/eslint-naming-convention
yamatai1212
1
500
1年足らずで記事を100個投稿してみた(LT版) / 100-articles-in-one-year
yamatai1212
0
160
記事の一歩目は業務内容から
yamatai1212
0
660
Other Decks in Technology
See All in Technology
mypyの10年、pyrightの5年 tyの挑戦 - 型チェッカー進化論 -
byfarsmall
0
120
品質の民主化 〜QAがいなくてもQAできるチームを目指して〜
masamiyajiri
1
290
2025 IEEE MSST: NFS: Genesis
pugs
0
130
AIコーディングとエンジニアリングの現在地 / A Snapshot of AI Coding and Engineering(Sept. 2025)
ar_tama
0
120
みん強のこれまでとこれから
genshun9
1
320
コンパウンドスタートアップにおけるQAの成長戦略
matsu802
4
520
開発用LLMインフラをVSCode内で完結させる
ueponx
1
250
非エンジニアのあなたもできる&もうやってる!コンテキストエンジニアリング
findy_eventslides
3
240
Streamlit は社内ツールだけじゃない!PoC の速さで実現する'商用品質'の分析 SaaS アーキテクチャ
kdash
0
550
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
170
20250924_LT2本やる.pdf
foursue
0
750
そのグラフに「魂」は宿っているか? ~生成AI全盛期におけるデータ可視化手法とライブラリ比較~
negi111111
2
520
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
850
How to Ace a Technical Interview
jacobian
280
23k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Become a Pro
speakerdeck
PRO
29
5.5k
Practical Orchestrator
shlominoach
190
11k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Code Reviewing Like a Champion
maltzj
525
40k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Being A Developer After 40
akosma
90
590k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
560
Transcript
Web標準と互換性の世界をざっくり見渡してみよう Taisei Yamane(taiyama1212) 1
自己紹介 山根大生(Webエンジニア) SNS X(taiyama1212) Qiita(yamatai12) Zenn(yamatai12) 好きなこと ジムで体を鍛える 、旅行 2
目次 背景 Web標準とは HTMLとCSSに関するWeb標準 interopプロジェクト ブラウザの互換性を確認するのに役立つサイト まとめ Web標準が開発者に届くまでの流れ 3
背景 Web標準って色んな組織が関わっていて分かりづらい フロントエンドに関するものだと以下が関係しているのか? openui,w3c,whatwg,htmllinvingstandard,interop,caniuse等の組織、プロジェクト、サイ ト 4
目次 背景 Web標準とは HTMLとCSSに関するWeb標準 interopプロジェクト ブラウザの互換性を確認するのに役立つサイト まとめ Web標準が開発者に届くまでの流れ 最後に 5
Web標準とは 国際標準化団体によって策定される、 Webの仕組みを定義する規則 https://developer.mozilla.org/ja/docs/Glossary/Web_standards 役割 Webを最大限に利用可能でアクセス可能に保つために調整する 現在の状況を改善し、新しい状況に適応するために進化する 6
目次 背景 Web標準とは HTMLとCSSに関するWeb標準 interopプロジェクト ブラウザの互換性を確認するのに役立つサイト まとめ Web標準が開発者に届くまでの流れ 最後に 7
HTMLとCSSに関するWeb標準 W3C マークアップ言語 (HTMLなど) 、スタイル定義 (CSS)、 DOM、アクセシビリティの仕 様を策定 WHATWG DOM,HTMLなどを扱う(Living
Standard) https://html.spec.whatwg.org/multipage/ CSS Working Group CSSに関する仕様を専門で策定 W3Cの下部組織 https://www.w3.org/groups/wg/css/ 8
2019年にHTML/DOMの仕様はWHATWGの Living Standard が唯一 の標準に 2019年5月、W3CとWHATWGは、HTMLおよびDOM仕様の単一バージョンの開発 に関する協力協定に署名した。 https://www.w3.org/blog/2021/whatwg-review-drafts-of-html-and-dom-endorsed-as- w3c-recommendations/ 9
目次 背景 Web標準とは HTMLとCSSに関するWeb標準 interopプロジェクト ブラウザの互換性を確認するのに役立つサイト まとめ Web標準が開発者に届くまでの流れ 10
interopプロジェクト Webの相互運用性を向上させるためのクロスブラウザの取り組み https://wpt.fyi/interop-2025 11
目次 背景 Web標準とは HTMLとCSSに関するWeb標準 interopプロジェクト ブラウザの互換性を確認するのに役立つサイト まとめ Web標準が開発者に届くまでの流れ 12
ブラウザの互換性を確認するのに役立つサイト MDN Web開発者向けドキュメント ブラウザ互換性を見ることもできる Can I use ブラウザ互換性を一瞬で見るのに便利なサイト Can I
Use はMDNの一部データを使っている https://caniuse.com/ 13
目次 背景 Web標準とは HTMLとCSSに関するWeb標準 interopプロジェクト ブラウザの互換性を確認するのに役立つサイト まとめ Web標準が開発者に届くまでの流れ 14
まとめ Web標準が開発者に届くまでの流れ 15
ご清聴ありがとうございました!! 16
参考 https://developer.mozilla.org/ja/docs/Learn_web_development/Getting_started/Web_ standards/The_web_standards_model?utm_source=chatgpt.com https://www.reddit.com/r/html5/comments/5lkfnk/beginner_here_wanting_to_learn_ html/?utm_source=chatgpt.com https://qiita.com/yamatai12/items/47a682d4a2a93462a033 https://wpt.fyi/interop-2025 https://caniuse.com/ 17