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
77
Web標準と互換性の世界をざっくり見渡してみよう
山根大生
August 29, 2025
Tweet
Share
More Decks by 山根大生
See All by 山根大生
OAuthは認証ではなく認可の仕組みである 🔑(完全に理解したLT)
yamatai1212
1
67
OAuth登場前にあった複数サービス連携の課題🔑
yamatai1212
0
20
Goで遊ぶHTTPミドルウェア ― X-HTTP-Method-Overrideを試してみた
yamatai1212
1
130
ISの役割から具体的な業務内容を理解する_社外向け_.pdf
yamatai1212
0
15
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
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.4k
Escaping_the_Kraken_-_October_2025.pdf
mdalmijn
0
120
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
240
C# 14 / .NET 10 の新機能 (RC 1 時点)
nenonaninu
1
1.5k
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
170
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
130
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
110
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
4
560
いまさら聞けない ABテスト入門
skmr2348
1
200
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
バイブコーディングと継続的デプロイメント
nwiizo
2
410
Featured
See All Featured
BBQ
matthewcrist
89
9.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Faster Mobile Websites
deanohume
310
31k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Site-Speed That Sticks
csswizardry
11
880
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
GitHub's CSS Performance
jonrohan
1032
460k
KATA
mclloyd
32
15k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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