Firefox 157、デザイン刷新とWebRTCのハードウェアAV1デコードを搭載

Mozillaは2026年9月29日、Firefox 157を公開しました。リリースノートはこれを「Firefoxにとってここ数年で最大の見た目の刷新」と呼んでいます。ただしWeb開発者にとって役立つ変更は、その下にあります。WebRTCのビデオ通話でハードウェアによるAV1デコードが使えるようになり、CSSには特定のat-ruleにブラウザーが対応しているかを確かめる方法が加わりました。

リリースノートには、書かれていないこともあります。Tech AI Wireは8月、Firefox 157でJPEG XL画像を既定で有効にするというMozillaの計画を報じました。しかし、このバージョンについてのMozillaの2つのリリース文書は、どちらもこの形式に触れていません。

新しい見た目、新しいテーマ、コンパクトモード

Mozillaのリリースノートは、ツールバー、サイドバー、メニュー、個々の機能にわたる「現代的な見た目」を説明しています。これはMozillaの更新されたデザインシステムの上に作られています。LWNの投稿は、角の丸いデザインと、作り直されたタブグループを挙げています。

新しい見た目には2つの選択肢が付いてきます。Firefoxには組み込みのテーマが加わり、それぞれにライト版とダーク版があります。新しいコンパクトモードは、ツールバーやタブの周りの余白を詰め、ページそのものに使える場所を広げます。Mozillaによると、小さな画面や画面を分割したレイアウトで役立ちます。

ビデオ通話でのハードウェアAV1デコード

WebRTCは、Webアプリがライブのビデオ通話や音声通話に使うブラウザーの技術です。AV1は新しい動画圧縮形式です。このリリースまで、FirefoxはAV1の動画を常にソフトウェアで、つまりコンピューターのメインプロセッサーでデコードしていました。

Firefox 157は、その処理をデバイスの動画用ハードウェアに任せられます。リリースノートによると、これは「対応するデバイスで」動作します。それ以外のマシンでは、Firefoxはこれまでどおりソフトウェアでデコードします。

Firefox 157でWeb開発者が得るもの

Mozillaの開発者向けドキュメントサイトであるMDNは、すべての人に向けて有効になった変更を挙げています。at-ruleとは、@mediaや@scopeのように@で始まるCSSのルールです。

分野	Firefox 157での変更
CSS	@supportsの中のat-rule()で、ブラウザーがあるat-ruleに対応しているかを判定できる。例：@supports at-rule(@scope)
CSS	at-rule()は@importのsupports()条件でも使える
CSS	overscroll-behaviorにchain値が加わる。スクロールは次のスクロール領域へ引き継がれ、端でのバウンドは起きない
WebGPU	テクスチャの用途としてTRANSIENT_ATTACHMENTに対応
アニメーション	playbackRateが0でもAnimation.reverse()が再生されるようになった
WebDriver BiDi	typeが"allowed"のとき、browser.setDownloadBehaviorにdestinationFolderが必須になった

WebGPUは、グラフィックスや計算の処理をグラフィックスカードで実行するためのブラウザーのAPIです。WebDriver BiDiは、テストツールがブラウザーを操作するためのプロトコルです。ダウンロードの変更は、自動化されたブラウザーテストを動かしている人に最も関係します。

設定の裏にある実験的な機能

新機能の一部は、無効の状態で出荷されます。MDNのFirefox 157のノートは、それぞれを有効にする設定とともに挙げています。

• Web CryptoでのML-KEM（dom.webcrypto.encapsulation.enabled）。ML-KEMは、2者が秘密の鍵を取り決めるための方式で、量子コンピューターによる攻撃に耐えるよう設計されています。encapsulateKey()やdecapsulateKey()などのメソッドが加わり、ML-KEM-512、ML-KEM-768、ML-KEM-1024に対応します。Firefoxの毎日のテスト版であるNightlyでは、既定で有効です。
• 解析中のサニタイズ（dom.security.sanitizer.while-parsing）。Element.setHTML()は、マークアップを読みながら不要な要素と属性を取り除くようになりました。以前は、まずすべてを解析し、その後で片付けていました。
• 通知のnavigateオプション（dom.webnotifications.navigate.enabled）。通知に、クリックされたときに開くURLを持たせられます。その場合、clickとnotificationclickのイベントは発生しなくなります。

その他の変更

Amazonは組み込みの検索エンジンから外れました。ただし、利用者が手動で追加することはできます。サイト情報パネルは、TLSのキーログが有効なときに警告を出すようになりました。この設定は暗号化された接続の鍵をファイルに保存するため、そのファイルを持つ人は誰でも通信を読めてしまいます。

古いシステムは別の系列に移ります。Mozillaによると、Windows 8.1以前とmacOS 10.14以前では、長期サポート版のFirefox ESRが必要になりました。

JPEG XLはどうなったのか

JPEG XLは、より小さなファイルでJPEGを置き換えるために作られた画像形式です。MozillaのIntent to Shipの投稿に基づくTech AI Wireの8月の記事は、これを有効にするリリースとしてFirefox 157を挙げていました。しかし、MozillaのリリースノートもMDNのFirefox 157のページも、「JPEG XL」「JXL」「image/jxl」のいずれにも触れていません。計画が変わったのかどうかも、ノートには書かれていません。

これが開発者にとって意味すること

Webアプリでビデオ通話を扱うなら、AV1をデコードできるハードウェアで、Firefox 157を使ってテストしてください。プロセッサーの負荷をFirefox 156と比べましょう。Mozillaはこの新しい処理をデバイスの対応状況に結び付けているので、通話の設定ではほかの動画形式も使えるようにしておいてください。

新しいat-ruleに頼るスタイルは、at-rule()で守りましょう。先に代わりとなるスタイルを書き、その後で@supportsブロックの中にat-rule版を加えます。この判定を理解しないブラウザーは、ブロックを読み飛ばすだけです。

ブラウザーテストを確認してください。typeを"allowed"にするbrowser.setDownloadBehaviorの呼び出しは、今後destinationFolderを渡す必要があります。Firefox 157のテスト環境でダウンロードが失敗し始める前に、呼び出しを直しておきましょう。

JPEG XLが動くと決めつけないでください。.jxlファイルを配信する前に、Firefox 157で自分で試しましょう。この形式がリリースノートに載るまでは、picture要素の中にAVIF、WebP、JPEGのいずれかを代わりとして残しておいてください。

ML-KEMはプレビューとして扱いましょう。アプリが長く使う秘密を扱うなら、Nightlyか設定を通して試してみてください。Mozillaがすべての人に向けて有効にするまでは、それに依存する本番のコードを出荷しないでください。