Interop 2026 開始

• 主要ブラウザエンジンが協力して Web標準の相互運用性（Interoperability） を高める年次プロジェクト Interop 2026 が始動
• 20の主要領域 を対象にテストを実施し、そのうち15件は新規項目
• 今年は CSS attr() 拡張、WebTransport、JSPI for Wasm、IndexedDB getAllRecords() など実用的な機能改善が含まれる
• また Scroll-driven Animations、View Transitions、contrast-color()、Container Style Queries など視覚表現機能の一貫性確保を目指す
• このプロジェクトは Apple, Google, Microsoft, Mozilla, Igalia などの協業により、Web開発者により信頼できる共通プラットフォームを提供する

---

Interop 2026 概要

• Interopプロジェクトは、ブラウザ間の Web技術実装の差異 を減らすために主要エンジンが共同でテストを行う協業プログラム
  • 各機能は公式 Web標準仕様 との一致可否を基準に評価
  • Web Platform Tests(WPT) を通じて自動化された相互運用性測定を実施
• Safari はすでに複数機能を先行実装しており、今回の Interop 2026 では 残る互換性ギャップの解消 に注力
• 今年の重点機能の20%は advanced attr(), IndexedDB getAllRecords(), WebTransport, JSPI for Wasm の4項目で構成
• Interop 2026 公式ダッシュボード - https://wpt.fyi/interop-2026

2026年の主な重点領域（20項目）

• 全20項目のうち15項目が新規、5項目は Interop 2025 から継続
  • 主な項目: Anchor Positioning、Container Style Queries、contrast-color()、Custom Highlights、Dialog/Popover 改善、Fetch Uploads & Ranges、Navigation API、Scroll-driven Animations、Scroll Snap、shape()、View Transitions、WebRTC、WebTransport、CSS Zoom など
• 各項目は仕様整備、テスト改善、実装の一貫性確保を目標とする

主要機能ごとの詳細

• Anchor Positioning

  • 要素を相対的に配置できる機能で、2025年から継続している項目
  • 今年は 仕様の明確化、テストの安定化、信頼性向上 に重点

• Advanced attr()

  • HTML属性値を CSS プロパティ全般で活用できるように拡張
  • 従来 content プロパティに限定されていた attr() を 色、長さ、角度など多様な型 に変換可能
  • セキュリティ問題が解決され、ブラウザ間での 共通実装 が進められる

• Container Style Queries

  • コンテナの カスタムプロパティ値 に応じて条件付きスタイルを適用
  • Safari 18.0 から対応しており、Interop 2026 を通じて すべてのブラウザで一貫した動作 を確保する予定

• contrast-color()

  • 指定された色と対比する 黒/白の色 を自動選択
  • Safari と Firefox が 2025 年に対応を開始し、今回のプロジェクトで 全ブラウザ互換性の確保 を推進

• Custom Highlights

  • CSS Custom Highlight API により DOM 構造を変更せずにテキスト範囲をスタイリング
  • ::highlight() および ::target-text 疑似要素で、検索結果、コードハイライト、共同編集などを実装可能

• Dialog および Popover 改善

  • <dialog> と popover 属性に closedby、popover="hint"、:open 疑似クラスを追加
  • アクセシビリティとユーザー体験を高める UIオーバーレイ改善 機能

• Fetch Uploads & Ranges

  • fetch() API に ストリーミングアップロード、FormData 改善、Range ヘッダー対応 を追加
  • 大容量アップロード、部分ダウンロードなどで 効率的なデータ転送 が可能

• IndexedDB getAllRecords()

  • IDBObjectStore と IDBIndex に getAllRecords() メソッドを追加
  • バッチ取得および逆順検索 に対応して性能を向上

• JSPI for Wasm

  • JavaScript Promise Integration API により WebAssembly の 非同期/同期ギャップ を解消
  • 既存の C/C++/Rust アプリケーションを Webへ容易に移植 可能

• Media Pseudo-classes

  • <audio>、<video> の状態に応じて CSS を適用できる 7つの疑似クラス を提供
    • 例: :playing, :paused, :muted など
  • Safari はすでに対応済みで、今回のプロジェクトで 他ブラウザにも拡大

• Navigation API

  • SPA 開発で複雑だった history.pushState() を置き換える 新しいナビゲーション制御 API
  • Interop 2025 で 92.3% のテストを通過し、2026年には precommitHandler オプション を追加

• Scoped Custom Element Registries

  • グローバル衝突問題 を解決するため スコープごとの CustomElementRegistry を生成可能
  • Safari 26.0 が初実装し、今回のプロジェクトで 全ブラウザの一貫性確保 を進める

• Scroll-driven Animations

  • スクロール位置に応じて CSS だけでアニメーション制御 が可能
  • Safari 26.0 で対応開始、スクロールベースのインタラクション標準化 を推進

• Scroll Snap

  • スクロールコンテナ内の 整列およびスナップ動作 を制御
  • 古い仕様変更による不一致を解消するため テストベースの改善 を進行

• shape()

  • clip-path、shape-outside に 曲線ベースの複合図形 を定義可能
  • Safari 18.4 から対応し、レスポンシブな曲線表現 の一貫性確保を目標

• View Transitions

  • ページ遷移時のアニメーション効果 を提供
  • 2025年の 90.8% 互換性から出発し、2026年には cross-document 遷移 まで拡張

• Web Compat

  • 実際のWebサイトで発生する 互換性問題 を解決するためのテスト群
    • ESM モジュール読み込み、スクロール/アニメーションイベントのタイミング、user-select プロパティなどを含む

• WebRTC

  • リアルタイムの音声・映像・データ通信 標準
  • 2025年の 91.6% 通過率から継続的に改善中

• WebTransport

  • HTTP/3 ベースの双方向通信 API で、低遅延 と マルチストリーム をサポート
  • WebSocket より細かな制御、WebRTC より単純な構造を提供

• CSS Zoom

  • 要素とコンテンツを 倍率調整 し、レイアウトに直接影響
  • 非標準プロパティから標準化され、2025年に続いて 一貫性改善 を継続

調査と今後の課題

• アクセシビリティテスト

  • ブラウザ間の アクセシビリティツリーの一貫性 確保に向けたテスト基盤の改善を継続

• JPEG XL

  • 次世代画像フォーマット で、アニメーション・透明度・可逆圧縮をサポート
  • Safari 17.0 で対応開始、今後 正式テスト項目に含まれる可能性

• モバイルテスト

  • 動的ビューポート変化 などモバイル専用機能のテスト基盤を改善

• WebVTT

  • 字幕およびキャプション標準 のブラウザ間不一致を解消するための継続的な検証

より相互運用性の高いWebへ

• Interop 2026 は CSS の柔軟性、視覚的トランジション、リアルタイム通信、データ転送 など主要領域を網羅
• Scroll Snap、shape()、Web Compat など長年の不一致問題の解決を推進
• WebKit チームは すべてのブラウザで一貫した動作 を目標に協力中
• 結果として開発者に より信頼できるWebプラットフォーム基盤 を提供する