1. Mozilla
  2. Firefox
  3. 開発者向けリリースノート
  4. Firefox 155 (Stable)

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Firefox 155 release notes for developers (Stable)

このページでは、開発者に影響する Firefox 155 の変更点をまとめています。 Firefox 155 は、米国時間 2026 年 9 月 1 日 にリリースされました。

ウェブ開発者向けの変更点一覧

開発者ツール

  • ルールビュー のメディア特性エミュレーションボタンが専用のエミュレーションパネルに集約され、@ ボタンを使用して開くようになりました。 このパネルには prefers-reduced-motion メディア特性のエミュレーションも追加しました (Firefox bug 1692434 および Firefox bug 1477920)。
  • JSON ビューワー が JSON Lines (NDJSON) ドキュメントを開くようになりました。これは application/jsonl、application/jsonlines、application/x-ndjson、text/jsonl あるいは .jsonl ファイル拡張子で提供されます。 各行は個別に解析されてそれぞれが折りたたみ可能な項目になり、元の行番号がラベルとしてつきます。また、解析が失敗した行はドキュメントの残りに影響を与えることなく、インラインで報告します (Firefox bug 2055774、Firefox bug 2060972、Firefox bug 2060529)。
  • デバッガー で、ブレークポイントを無効化するキーボードショートカットを追加しました (Firefox bug 1642578)。

HTML

変更なし。

CSS

  • attr() CSS 関数が、content に限らず任意の CSS プロパティで使用可能になりました。 これにより JavaScript を使用することなく、width: attr(data-size px) のように HTML 属性からスタイルを設定できます。 <attr-type> の値 (px や s のような単位識別子を含む)、フォールバック値、名前空間つき属性 をサポートします。 また、コンテナースタイルクエリー の内部でも attr() を使用できます (Firefox bug 2038940)。
  • progress() CSS 関数をサポートしました。 これは、ある値が開始値と終了値の間でどの程度進行したかを表す <number> を返します。 この結果は、たとえば opacity: calc(0.4 + progress(100cqw, 300px, 900px) * 0.6) のように、ほかの値を計算することにも使用できます (Firefox bug 2047345)。
  • alpha() CSS 関数をサポートしました。 これにより色を渡すことで、ほかの色の成分を変更せずにアルファ値 (透過度) が異なる色を取得できます。 関数の内部では、たとえば alpha(from var(--brand) / calc(alpha * 0.5)) のように、元の色のアルファチャネルを参照するために alpha キーワードを使用できます (Firefox bug 2059738 および Firefox bug 2059988)。
  • font-width CSS プロパティを、@font-face 記述子の font-width および CSSStyleDeclaration.fontWidth プロパティとともにサポートしました。 これは font-stretch プロパティの新しい名称であり、font-stretch は旧称のエイリアスとして機能し続けます。 計算されたスタイルの列挙では、font-stretch ではなく font-width が返るようになったことに注意してください (Firefox bug 1911075)。

JavaScript

  • TC39 の await dictionary 提案 で定義された Promise.allKeyed() および Promise.allSettledKeyed() 静的メソッドをサポートしました。 これらはイテラブルに代わってプロミスのオブジェクトを受け取ることを除いて、それぞれ Promise.all() および Promise.allSettled() と同様に動作します。これらは同じキーを持つオブジェクトで履行するため、位置の代わりに名前によって結果を読み取ることができます (Firefox bug 2057270)。
  • ネットワークエラーや誤った MIME タイプ のために読み込みが失敗した モジュール が失敗としてキャッシュされなくなり、サーバーが復旧すると同じモジュール指定子による再インポートが成功します。 これは JavaScript、JSON、CSS、テキスト の各モジュールに対して、ウィンドウとワーカーの両方で、静的および 動的インポート 双方に適用されます。 これに関連して、<link rel="modulepreload"> で、取得済みまたは取得中のモジュールに対して error ではなく load イベントが発生するようになりました。またモジュールスクリプトが、以前に同じ URL での modulepreload が 完全性の検証 に失敗した場合でも読み込まれるようになりました (Firefox bug 2055211 および Firefox bug 2052949)。

HTTP

  • Firefox が、接続を確立する際に Happy Eyeballs version 3 を使用するようになりました。到達不能なアドレスファミリーによって接続開始が遅れないようにするため、IPv6 と IPv4 のアドレスを競争させます。 現在は一部のプラットフォームに限りサポートしていることに注意してください (Firefox bug 2062892)。
  • QUIC バージョンのネゴシエーションをサポートして、HTTP/3 接続で QUIC バージョン 2 をネゴシエーションできるようになりました (Firefox bug 2059947)。

API

DOM

Media、WebRTC、Web Audio

  • RTCDataChannel オブジェクトで発生する error イベントが、トランスポートがエラーによって閉じられた場合に自身の error.errorDetail プロパティで sctp-failure を報告するようになりました。 さらに、RTCError および RTCErrorEvent が専用ワーカーで使用可能になりました (この公開はまだ仕様書に含まれていません) (Firefox bug 1814460)。
  • RTCPeerConnection.sctp プロパティが、仕様で求められているタイミングで RTCSctpTransport を返すようになりました。これは、以前は null であった have-remote-offer シグナリング状態を含みます。 また、トランスポートは connected および closed 状態にも到達するようになり、その maxChannels および maxMessageSize プロパティが正しく設定されるようになりました (Firefox bug 2019361、Firefox bug 2056412)。
  • RTP の 2 バイトヘッダー拡張をサポートしました。ID が 15 以上のヘッダー拡張で OperationError が発生することなくネゴシエーション可能になりました (Firefox bug 2014357)。
  • selectedCandidatePairChanges プロパティが RTCTransportStats で報告されるようになりました (Firefox bug 2055911)。
  • RTCPeerConnection.getStats() で返される transport 統計がネゴシエーションの前、言い換えると setLocalDescription() より後でリモートデスクリプションが設定される前の状態でも正しく返されるようになりました。 DTLS ハンドシェイクがロールを選択するまで、dtlsRole プロパティが unknown を報告するようになりました。以前は何も報告されませんでした (Firefox bug 2053296)。また iceState プロパティが、接続性の確認がすでに進行中であると誤って示していた checking ではなく new から開始するようになりました (Firefox bug 2053297)。

WebAssembly

WebDriver への適合 (WebDriver BiDi, Marionette)

一般

  • ダウンロードを開始する際に現在のドキュメントがフォーカスを失うことを防ぐため、ダウンロードパネルを無効化しました (Firefox bug 2035439)。
  • macOS 以外のプラットフォームで、Ctrl キーを押下しながらダブルクリックしたときに dblclick イベントが発生するように Actions API を修正しました (Firefox bug 2058556)。

WebDriver BiDi

  • Mozilla 固有の moz:debugging モジュールを、開発ツールと同一のネストされたイベントループ API に依存しないように更新しました。これにより、WebDriver BiDi と開発ツールを併用する際の競合を防ぎます (Firefox bug 2041335)。
  • フレームに対して使用した browsingContext.reload コマンドが失敗する不具合を修正しました (Firefox bug 2030909)。
  • session.unsubscribe コマンドの引数 contexts のサポートを削除しました。今後、クライアントはイベント名またはサブスクリプション ID によってのみサブスクライブを解除できます (Firefox bug 1988723)。

実験的なウェブ機能

以下の機能は Firefox 155 で導入しましたが、デフォルトで無効です。 これらを実験するには、about:config ページで適切な設定項目を検索して true に設定してください。 実験的機能 のページで、さらに多くの機能を確認できます。

  • スクロール駆動アニメーション: layout.css.scroll-driven-animations.enabled

    スクロール駆動アニメーション は、時間ではなくスクローラーの位置またはスクローラー内の要素の位置によってアニメーションを進行できます。 この設定は scroll-timeline および view-timeline プロパティと、view-timeline-inset プロパティを含むこれらのロングハンドプロパティ、scroll() および view() 関数表記が対象です。 このリリースでは view-timeline-inset ロングハンドプロパティを view-timeline ショートハンドプロパティに追加しました (Firefox bug 2046602)。

  • CSS 型付きオブジェクトモデル Level 1: layout.css.typed-om.enabled

    CSS 型付きオブジェクトモデル API は CSS の値を文字列ではなく型付き JavaScript オブジェクトとして公開することにより、スクリプトによる CSS プロパティの操作を簡素化します (Firefox bug 1278697)。

  • at-rule() サポート確認: layout.css.supports.at-rule.enabled

    @supports アットルールの内の at-rule() 関数により、指定した CSS アットルールをブラウザーがサポートしているかを確認できます (例: @supports at-rule(@scope)) (Firefox bug 2060754)。

  • オーディオセッション API: dom.audio_session.enabled

    オーディオセッション API は、サイトの音声がデバイスで再生されている別の音声に対してどのように振る舞うべきかについて、ほかの音声とのミックス、ダッキング、中断といった設定ができます (Firefox bug 2055710)。

  • CSS 基本図形で farthest-corner および closest-corner キーワードを使用可能: layout.css.ellipse-corners.enabled

    ellipse() および circle() CSS 基本図形の半径の値を指定するために、farthest-corner および closest-corner キーワードが使用可能になりました (Firefox bug 2037673)。

  • line-clamp によるコンテンツの切り詰め: layout.css.line-clamp.enabled

    line-clamp CSS プロパティが -webkit- ベンダー接頭辞なしで動作します。また、テキストを切り詰めた場所に表示する内容を選択する no-ellipsis キーワードおよび <string> 値をサポートしました (Firefox bug 2042999、Firefox bug 2043000)。

  • スコープつきカスタム要素レジストリー: dom.scoped-custom-element-registries.enabled

    CustomElementRegistry を構築して Element.attachShadow() に渡すことが可能になり、グローバルレジストリーで定義されたものと衝突しないカスタム要素をシャドウルートが定義できます (Firefox bug 2018900)。 このリリースでは customelementregistry グローバル属性も追加しました。これは、要素を関連づけるレジストリーをマークアップから選択します (Firefox bug 2029965)。

  • 正規表現のバッファー境界アサーション: (Nightly 限定) javascript.options.experimental.regexp_buffer_boundaries

    TC39 RegExp buffer boundaries 提案 は、\A、\z、\Z アサーション を正規表現に追加します。これらは m フラグが設定されているかに関係なく、入力全体の先頭または末尾に一致します (Firefox bug 2047706)。

  • background-clip の値 border-area: layout.css.background-clip.border-area.enabled

    background-clip CSS プロパティの値 border-area は、背景を要素のボーダーによって描画される領域によって切り抜きます。これによりグラデーションや画像をボーダーとして使用できます (Firefox bug 2045230)。

  • view-timeline が view-timeline-inset を包含: layout.css.scroll-driven-animations.enabled

    view-timeline ショートハンドプロパティで view-timeline-inset プロパティをサポートしました。このショートハンドプロパティはビューの進行タイムラインの位置を調整するために、開始値や終了値のインセット (またはオフセット) を指定できます (Firefox bug 2046602)。

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告