1 月のウェブ プラットフォームの新機能

2026 年 1 月に安定版とベータ版のウェブブラウザに搭載された興味深い機能をご紹介します。

Rachel Andrew

公開日: 2026 年 1 月 30 日

安定版ブラウザのリリース

Chrome 144 と Firefox 147 が 1 月に Stable 版としてリリースされました。この投稿では、今月追加された多くの新機能について説明します。そのうちのいくつかは、新たに利用可能になったベースラインです。

CSS アンカー ポジショニング

Firefox 147 では CSS アンカー ポジショニングのサポートが追加され、この機能がベースラインで新たに利用可能になりました。この API を使用すると、アンカーと呼ばれる他の要素を基準として要素を配置できます。これは、ツールチップ、メニュー、ポップオーバーなど、ページ上の別の要素に対して要素を相対的に配置する場合に便利です。

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 26.

Source

Navigation API

Firefox 147 で Baseline Newly available になるのは、Navigation API も同様です。この API は、アプリケーションでのナビゲーションの開始、インターセプト、管理を行うための最新の方法を提供します。

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 147.
  • Safari: 26.2.

Source

::search-text を使用したページ内検索のスタイル設定

Chrome 144 には、::search-text 疑似要素が含まれています。この機能により、ページ内検索の結果のスタイル設定が、::selection や ::spelling-error と同じようにハイライト擬似要素として作成者に公開されます。これにより、ユーザーがブラウザのページ内検索機能を使用する際の検索結果の外観をカスタマイズできます。

詳しくは、Igalia ブログのページ内検索のハイライト スタイリングをご覧ください。

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

<geolocation> 要素

Chrome 144 では、ユーザーの現在地へのアクセスを宣言的に制御する <geolocation> 要素が導入されます。パーミッション フローを処理し、サイトに位置情報を直接提供することで、ユーザーとデベロッパーのジャーニーを効率化します。多くの場合、JavaScript API 呼び出しを別途行う必要がなくなります。

詳しくは、HTML <geolocation> 要素の導入をご覧ください。

Temporal API

Chrome 144 には Temporal API が含まれています。これにより、日付と時間を扱うための標準オブジェクトと関数が提供されます。これは JavaScript にとって大きな追加であり、Date オブジェクトの堅牢で最新の代替手段となります。

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: 139.
  • Safari: behind a flag.

Source

CSS caret-shape

Chrome 144 では、テキスト挿入カーソルの形状を指定できる caret-shape プロパティが導入されました。auto、bar、block、underscore のいずれかを選択できます。

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

Source

View Transition の機能強化

Firefox 147 には、ビュー遷移タイプを識別する機能が含まれています。これらは、アクティブ ビューの切り替えにさまざまなタイプを指定できるメカニズムを提供します。CSS を使用して、指定されたトランジション タイプに応じて、コンテンツが更新されたときに DOM 要素にアニメーションを適用できます。Firefox 147 では、クロスドキュメント ビュー遷移タイプではなく、シングルページ アプリ（SPA）ビュー遷移タイプのみがサポートされます。

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 18.2.

Source

Firefox では、Document インターフェースの activeViewTransition プロパティもサポートされるようになりました。このプロパティは、アクティブな遷移の ViewTransition オブジェクトを返します。

Browser Support

  • Chrome: 142.
  • Edge: 142.
  • Firefox: 147.
  • Safari: 26.2.

Source

ベータ版ブラウザのリリース

ブラウザのベータ版では、ブラウザの次の安定版で提供される予定の機能をプレビューできます。この期間は、サイトに影響を与える可能性のある新機能や削除を、世界にリリースされる前にテストする絶好の機会です。今月の新しいベータ版は Chrome 145 と Firefox 148 です。

Chrome 145 には、ジャスティフィケーション メソッドを制御する text-justify プロパティと、column-wrap と column-height を使用したマルチカラム レイアウトの改善が含まれています。また、onanimationcancel イベントを GlobalEventHandlers にもたらします。また、カスタマイズ可能な <select> がリストボックスに拡張されました。

Firefox 148 には Location.ancestorOrigins のサポートが含まれており、ドキュメントが <iframe> に埋め込まれているかどうか、どのサイトによって埋め込まれているかを確認できます。