2025 年 1 月に Stable 版と Beta 版のウェブブラウザに導入された興味深い機能をご紹介します。
公開日: 2025 年 1 月 29 日
安定版ブラウザ リリース
2025 年 1 月に、Firefox 134、Safari 18.3、Chrome 132 が安定版になりました。この記事では、ウェブ プラットフォームに追加された新機能を紹介します。
Promise.try
がベースラインとして新たに利用可能に
Promise.try
は、同期コールバック関数のエラー処理を容易にする便利なメソッドです。Firefox 134 以降で利用可能になり、ベースラインの新規利用可能になりました。詳しくは、Promise.try
がベースラインで新たに利用可能にをご覧ください。
絶対位置の要素の CSS 配置プロパティ
また Firefox 134 では、絶対配置された要素に対して align-self
と justify-self
の CSS プロパティと place-self
の CSS ショートカット プロパティがサポートされるようになりました。
Browser Support
CSS 横書きモード
Chrome 132 では、writing-mode
CSS プロパティの sideways-rl
キーワードと sideways-lr
キーワードのサポートが追加されました。sideways-rl
と sideways-lr
は、CJK 以外のテキストを縦方向に記述する場合や、デザイン上の理由で縦方向のテキストを表示する場合に便利です。
Browser Support
ポップオーバーのモバイル サポートの修正
Safari 18.3 は、さまざまな相互運用性の問題を修正したリリースです。ポップオーバーの修正が重要な問題です。以前は、iOS と iPadOS でポップオーバーの外側をタップまたはクリックしても、ポップオーバーが閉じられませんでした。この問題は修正されています。
Request.bytes()
と Response.bytes()
はベースラインの「新規に利用可能」
Chrome 132 では、Fetch の Request
インターフェースと Response
インターフェースに bytes()
メソッドが追加されました。このメソッドは、Uint8Array
で解決される Promise を返します。Request
と Response
には arrayBuffer()
メソッドがありますが、バッファから直接読み取ることはできません。読み取るには、Uint8Array
などのビューを作成する必要があります。bytes()
メソッドにより、Request
と Response
の本文の取得の人間工学が改善されました。
Device Posture API
Chrome 132 には、折りたたみ式画面の設計時に役立つように設計された Device Posture API が含まれています。この実装には、デバイスの現在の姿勢を検出するために使用できる新しい device-posture
CSS メディア機能が含まれています。また、姿勢の変化を検出して対応する JavaScript インターフェースも含まれています。ポーズは次のように定義されます。
continuous
: フラット スクリーンを示します。これには、折りたたみ式デバイスをフラットな状態で使用している場合や、フラット スクリーンまたは湾曲したスクリーンが含まれます。folded
: 折りたたまれた画面を示します。これには、折りたたみ式デバイスをブックモードやノートパソコン モードで使用している場合も含まれます。
Browser Support
WebAuthn Signal API
Chrome 132 には、WebAuthn Signal API も含まれています。これにより、WebAuthn の利用者は、既存の認証情報に関する情報を認証情報ストレージ プロバイダに通知できるため、不正な認証情報や取り消された認証情報をプロバイダとシステム UI から更新または削除できます。
詳しくは、Chrome デスクトップのパスキー用の Signal API をご覧ください。
ベータ版ブラウザのリリース
ブラウザのベータ版では、ブラウザの次の安定版に含まれる機能のプレビューを利用できます。リリース前に、サイトに影響する可能性がある新機能や削除をテストできます。新しいベータ版は Firefox 135 と Chrome 133 です。今回のリリースでは、プラットフォームに多くの優れた機能が追加されています。詳細については、リリースノートをご覧ください。主な機能は次のとおりです。
Chrome 133 は、CSS にとってエキサイティングなリリースです。これには、高度な attr()
関数、スクロール状態コンテナのクエリ、CSS text-box
、text-box-trim
、text-box-edge
が含まれます。
Chrome 133 には、FileSystemObserver
インターフェースと、要素の状態をリセットせずに DOM ツリー内で要素を移動できる DOM プリミティブ(Node.prototype.moveBefore
)も含まれています。
Firefox 135 には、ソース付き JSON 解析プロポーザルが含まれています。これは、大きな浮動小数点数や日付値などの値を JavaScript 値と JSON テキスト間で変換する際の精度低下に関する問題を軽減する機能を提供することを目的としています。