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
yamatai12
August 29, 2025
Technology
0
78
Web標準と互換性の世界をざっくり見渡してみよう
yamatai12
August 29, 2025
Tweet
Share
More Decks by yamatai12
See All by yamatai12
Goの標準パッケージregexpが先読みに対応していない件
yamatai1212
0
14
X-Forwarded-Forヘッダー偽装に負けないClientIPの決め方(With Gin)
yamatai1212
0
44
OAuthからOIDCへ ― 認可の仕組みが認証に拡張されるまで
yamatai1212
0
160
Goで理解するJSONP(JSON with Padding)
yamatai1212
0
51
OAuthは認証ではなく認可の仕組みである 🔑(完全に理解したLT)
yamatai1212
1
96
OAuth登場前にあった複数サービス連携の課題🔑
yamatai1212
0
140
Goで遊ぶHTTPミドルウェア ― X-HTTP-Method-Overrideを試してみた
yamatai1212
1
140
ISの役割から具体的な業務内容を理解する_社外向け_.pdf
yamatai1212
0
19
dependency-cruiserを紹介します/dependency-cruiser-description
yamatai1212
1
1.7k
Other Decks in Technology
See All in Technology
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
fujiwara3
2
120
IoTLT@ストラタシスジャパン_20251021
norioikedo
0
140
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
470
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
350
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
320
SOTA競争から人間を超える画像認識へ
shinya7y
0
460
.NET 10のBlazorの期待の新機能
htkym
0
110
頭部ふわふわ浄酔器
uyupun
0
110
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
3
3.4k
serverless team topology
_kensh
3
230
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
satos
0
250
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.2k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
27
2.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
A Modern Web Designer's Workflow
chriscoyier
697
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
The Language of Interfaces
destraynor
162
25k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Docker and Python
trallard
46
3.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
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