公開日: 2026 年 1 月 26 日
予想どおり、2025 年 12 月は Baseline にとって少しペースの遅い月でした。開発者コミュニティが年末にゆっくりと休養を取ったためです。2025 年の他の月と比べると、今回の更新は短期間で完了しますが、重要なポイントはたくさんあります。
ベースラインで新たに利用可能になった機能
次の機能は、2025 年 12 月に Baseline Newly で利用可能になりました。その結果、これらの機能はすべて 2028 年 7 月に Baseline Widely で利用可能になります。
document.caretPositionFromPoint()
document.caretPositionFromPoint() は、指定されたビューポート座標の正確な挿入ポイント（DOM ノードとオフセット）を見つけるのに役立つメソッドです。この方法により、ドキュメント内のカーソルの位置を特定する際に必要だった推測が減ります。
Event Timing API
Event Timing API は、ドキュメントとのインタラクションを検出するために使用され、ユーザー インタラクションのレイテンシを計算するために使用できます。この API は、Interaction to Next Paint（INP）のウェブに関する主な指標を計算するために使用されます。この API が Baseline Newly available になったことで、すべてのコアブラウザで INP 指標を計算できるようになりました。最終的に Baseline Widely available になれば、リアル ユーザー モニタリング（RUM）の目的で使用されているさらに多くのブラウザで、この重要なユーザー中心の指標を計算できるようになります。
Largest Contentful Paint API
Largest Contentful Paint（LCP）は、ドキュメント内の最大のコンテンツがレンダリングされるタイミングを計算する、ウェブに関する主な指標です。Largest Contentful Paint API が Baseline Newly available になったことで、この重要なユーザー中心の指標を、実際のユーザーが体験したデータ収集の目的で計算できるようになります。この API は、Baseline Widely available になると、さらに多くのユーザーをカバーするようになります。
CSS scrollbar-color
以前は、ブラウザ間でスクロールバーのスタイルを統一することはできませんでした。CSS の scrollbar-color プロパティが Baseline で新たに利用可能になったため、ドキュメントのスクロールバーの色をスタイル設定するためのより優れた方法を利用できるようになりました。
scrollend 件のイベント
scrollend イベントは、スクロール オペレーションの終了を検出する信頼性の高い方法を提供し、setTimeout ハックの煩雑さを解消します。この機能が Baseline Newly available として導入されると、ユーザーは setTimeout コールバックを使用して、コードのパフォーマンスと読みやすさを損なうことなく、スクロール操作が完了したことを検出できるようになります。
CSS @scope
CSS @scope at-rule を使用すると、複雑なセレクタを使用しなくても、ドキュメント サブツリー内の要素を簡単にターゲットにできます。@scope が Baseline Newly available になったことで、スタイルをスコープするための強力なツールが利用できるようになりました。
数式のフォント ファミリー
ページに数式を表示する必要がある場合、そのようなコンテンツには特定のレンダリングが必要であることをご存じでしょう。font-family: math が Baseline Newly available になったため、数式を表示するためにハックを使用する必要がなくなりました。
呼び出し元コマンド
呼び出し元コマンドは、ページの <button> 要素に動作を割り当てる場合に便利です。特に、ダイアログとポップオーバーの使用を制御するのに役立ち、アクセシビリティの問題など、これらの API を使用するための多くの基盤となる要件を処理するのに役立ちます。これらの動作については、最近リリースされた Baseline in action シリーズの <dialog> と popover: ベースラインのレイヤード UI パターンをご覧ください。
ベースラインの広く利用可能な機能
一部の機能は 2025 年 12 月に Baseline Widely になりました。つまり、これらの機能は主要なブラウザで幅広く使用できると見なされるようになりました。
calc() 個のキーワード
calc() が CSS で数学演算を実行するため、一般的に使用される数式用のキーワードを導入する必要性が高まりました。e、pi、infinity、NaN のキーワードは、calc() の CSS 数学関数で受け入れられる明確に定義された定数を表します。
ワーカーの JavaScript モジュール
ウェブ ワーカーは設計上独自のスコープに存在し、Worker() コンストラクタを介してインスタンス化されます。ウェブ ワーカーの起動時に { type: "module" } 引数を使用できるため、ワーカー スコープで ES モジュールを使用でき、import と export にアクセスできます。この機能が Baseline Widely available に達したことで、現在使用されている多くのブラウザでこの機能を利用できるようになります。
window.print()
window.print() は確立されたウェブ機能ですが、今月、特定の最新の実装の印刷ダイアログのクロスブラウザ Baseline Widely available clock が完了し、より多くのブラウザでより確実に使用できるようになりました。
終わりに
2025 年を終え、2026 年は Baseline で新年を迎えます。いつものように、Baseline 関連で取り上げていないことがありましたら、お知らせください。今後のエディションで取り上げさせていただきます。