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の必要性が大幅に縮小する見込みです。
| 版 | 対応ブラウザ | 主な新機能 | 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 の品質保証に必須 |
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 アプリケーションを実現できます。