Web Platform Baseline 2024/2025/2026（ウェブプラットフォームベースライン）
Baseline Cross-Browser Support。Baseline 2024 (Major Browsers Support: Chrome+Edge+Firefox+Safari)・Newly Available (4 Browser新対応)・Widely Available (30 Months以上経過)・Limited Availability・WebDX Community Group W3C・Interop 2025 (Browser Vendors共同)・Web Platform Tests WPT・MDN Browser Compat Data BCD・caniuse.com・Baseline 2024 Web Component+Container Queries+CSS Nesting・¥0 OSS、2026年Baseline普及+Polyfill縮小。
概要
Web Platform Baseline（WPL）は、主要ブラウザ（Chrome、Edge、Firefox、Safari）の共通機能を定義し、Web開発者が安心してコードを書けるようにする標準化プロジェクトです。2024年にリリースされたBaseline 2024は、4つのブラウザが同等に実装した機能セットを提供し、30か月以上経過した機能は「Widely Available」として扱われます。2025年にはWebDX Community GroupとW3Cが共同でInterop 2025を策定し、ブラウザベンダー間での互換性をさらに高めます。2026年にはBaselineが業界全体で普及し、Polyfillの必要性が大幅に縮小する見込みです。
主な特徴・仕組み
- Baseline 2024：Chrome 120、Edge 120、Firefox 120、Safari 17 が対象。
- Newly Available：4つのブラウザが同時に新機能を実装。
- Widely Available：機能の実装が30か月以上経過したもの。
- Limited Availability：実装が進んでいるが、まだ完全ではない機能。
- Interop 2025：WebDX Community Group と W3C が協働し、ブラウザベンダー間の仕様調整を実施。
- Web Platform Tests (WPT)：機能の正確な実装を検証する自動テストスイート。
- MDN Browser Compatibility Data (BCD)：MDN が提供するブラウザ互換性データベース。
- caniuse.com：機能別のブラウザサポート状況を可視化。
- Baseline 2024 の Web Component + Container Queries + CSS Nesting：最新のWeb Component仕様とレイアウト機能を含む。
- ¥0 OSS：Baseline の実装はオープンソースで提供され、商用利用に費用は発生しない。
スペック比較表
| 版 | 対応ブラウザ | 主な新機能 | Polyfill サイズ | 主要サポート年 |
|---|---|---|---|---|
| Baseline 2024 | Chrome 120 / Edge 120 / Firefox 120 / Safari 17 | Web Component、Container Queries、CSS Nesting | 0 KB | 2024 |
| Interop 2025 | 同上 | 追加の API（Intersection Observer v2） | 0 KB | 2025 |
| Baseline 2026 | 同上 | さらに進化した CSS Grid 仕様 | 0 KB | 2026 |
具体例・対応製品
| 製品 | バージョン | 対応機能 | 備考 |
|---|---|---|---|
| Google Chrome | 120 | Web Component、Container Queries、CSS Nesting | 2024 Baseline でフルサポート |
| Microsoft Edge | 120 | Web Component、Container Queries、CSS Nesting | Chromium ベース |
| Mozilla Firefox | 120 | Web Component、Container Queries、CSS Nesting | 2024 Baseline でフルサポート |
| Apple Safari | 17 | Web Component、Container Queries、CSS Nesting | 2024 Baseline でフルサポート |
| WPT 1.0 | 2024 | 自動テストフレームワーク | WPL の品質保証に必須 |
自作PCでの選び方・注意点
- CPU：Ryzen 9 9950X3D 3.5 GHz、Intel Core i9‑13900K 5.2 GHz など、マルチスレッド性能が高いモデルを選ぶと、ブラウザのレンダリングやテスト実行がスムーズ。
- GPU：RTX 5090 24 GB GDDR7 を搭載すると、WebGL や GPU アクセラレーションを活用した機能のテストが高速化。
- メモリ：DDR5‑6000 32 GB 以上を推奨。WPT の実行は大量のメモリを消費するため、32 GB 以上が望ましい。
- ストレージ：NVMe SSD 2 TB 以上。テストデータやキャッシュが高速に読み書きできるため、実行時間を短縮。
- 電源：450 W TDP 以上のユニット（例：Corsair RM750x）で、安定稼働を確保。
- OS：Windows 11 Pro 22H2、Ubuntu 24.04 LTS など、最新のカーネルとドライバを提供するディストリビューションが推奨。
関連用語との違い
- Web Platform Tests (WPT)：機能の実装検証を行うテストスイート。Baseline は仕様・サポート範囲を定義し、WPT はその実装を検証。
- MDN Browser Compatibility Data (BCD)：MDN が提供するブラウザ互換性データ。Baseline は公式仕様として機能を決定し、BCD は実際の実装状況を集計。
- caniuse.com：機能別のサポート状況を可視化するサイト。Baseline の機能は必ずしも caniuse で「完全サポート」と表示されるわけではない。
よくある質問(FAQ)
Q1. Baseline 2024 と Interop 2025 の主な違いは何ですか？
A1. Baseline 2024 は 4 つの主要ブラウザが共通して実装した機能セットを定義します。Interop 2025 は WebDX Community Group と W3C が共同で策定し、ブラウザベンダー間での仕様調整を行い、さらに新機能（例：Intersection Observer v2）を追加します。
Q2. 2026 年に Polyfill が縮小すると、開発者は何をすべきですか？
A2. Polyfill の必要性が減るため、最新ブラウザ向けにコードを最適化し、古いブラウザのサポートは必要最低限に留めることが推奨されます。MDN BCD や caniuse.com で実際のサポート状況を確認し、条件付きで polyfill を読み込むようにします。
Q3. Baseline を利用する際、開発環境にどのようなツールが必要ですか？
A3. WPT の実行環境（Node.js 20.x、npm 10.x）、ブラウザ自動化ツール（Playwright 1.40、Puppeteer 21.x）、CI/CD パイプライン（GitHub Actions、GitLab CI）を整備すると、Baseline に沿ったテストが自動化できます。
まとめ
Web Platform Baseline 2024/2025/2026 は、主要ブラウザの共通機能を明確化し、開発者が安全に最新 Web 技術を採用できる環境を提供します。Baseline 2024 で導入された Web Component、Container Queries、CSS Nesting は、2025 年の Interop でさらに拡張され、2026 年には Polyfill の必要性が大幅に削減される見込みです。自作 PC での開発環境構築では、CPU、GPU、メモリ、ストレージを十分に確保し、WPT などのテストフレームワークを活用することで、Baseline に準拠した高品質な Web アプリケーションを実現できます。