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
66
Web標準と互換性の世界をざっくり見渡してみよう
山根大生
August 29, 2025
Tweet
Share
More Decks by 山根大生
See All by 山根大生
Goで遊ぶHTTPミドルウェア ― X-HTTP-Method-Overrideを試してみた
yamatai1212
1
71
ISの役割から具体的な業務内容を理解する_社外向け_.pdf
yamatai1212
0
13
dependency-cruiserを紹介します/dependency-cruiser-description
yamatai1212
1
1.5k
ESLintで命名規則のチェックをする(LT版)/eslint-naming-convention
yamatai1212
1
480
1年足らずで記事を100個投稿してみた(LT版) / 100-articles-in-one-year
yamatai1212
0
160
記事の一歩目は業務内容から
yamatai1212
0
640
Other Decks in Technology
See All in Technology
努力家なスクラムマスターが陥る「傍観者」という罠と乗り越えた先に信頼があった話 / 20250830 Takahiro Sasaki
shift_evolve
PRO
2
130
Vault meets Kubernetes
mochizuki875
0
150
サンドボックス技術でAI利活用を促進する
koh_naga
0
150
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
5
1.1k
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
430
トヨタ生産方式(TPS)入門
recruitengineers
PRO
6
1.4k
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1k
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
1
1.1k
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
kawamataryo
4
1.1k
おやつは300円まで!の最適化を模索してみた
techtekt
PRO
0
250
モバイルアプリ研修
recruitengineers
PRO
5
1.7k
ソフトウェア エンジニアとしての 姿勢と心構え
recruitengineers
PRO
26
12k
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
BBQ
matthewcrist
89
9.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Fireside Chat
paigeccino
39
3.6k
A better future with KSS
kneath
239
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
Practical Orchestrator
shlominoach
190
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Transcript
Web標準と互換性の世界をざっくり見渡してみよう Taisei Yamane(taiyama1212) 1
自己紹介 山根大生(株式会社immedio) 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