3 月にウェブ プラットフォームを導入

2025 年 3 月に Stable 版と Beta 版のウェブブラウザに導入された興味深い機能をご紹介します。

Rachel Andrew

公開日: 2025 年 3 月 31 日

安定版ブラウザ リリース

2025 年 3 月に、Firefox 136、Chrome 134、Safari 18.4 が安定版になりました。この記事では、ウェブ プラットフォームに追加された新機能を紹介します。

新しい疑似クラス :has-slotted と :open

Firefox 136 は、:has-slotted 疑似クラスをサポートしています。これは、ウェブ コンポーネントのレンダリング時に <slot> 要素にコンテンツが追加された <template> 内の要素のスタイル設定に使用されます。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

:open 疑似クラスを使用すると、現在開いている状態の要素を選択できます。これは、選択ツールを含む <details>、<dialog>、<input> 要素と、プルダウン選択ボックスが開いている場合の <select> 要素に適用されます。

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 は Intl.DurationFormat もサポートしています。これにより、言語 / 地域を考慮して経過時間をフォーマットできます。この機能はベースラインに追加されます。詳しくは、Intl.DurationFormat がベースラインで新しく利用可能にをご覧ください。

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

contenteditable 属性の plaintext-only 値

この Firefox リリースで新たにベースラインとなるもう 1 つの機能は、contenteditable グローバル属性の plaintext-only 値です。この値については、contenteditable の「plaintext-only」属性値の組み合わせがベースラインで新たに利用可能にをご覧ください。

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

CSS の横書きモード

Safari 18.4 では、writing-mode: sideways-rl と writing-mode: sideways-lr がサポートされています。これらの値は、表示上の理由でテキストを縦方向に表示する場合に使用します。これで、ベースラインの新規利用可能になります。

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

CSS shape() 関数

Safari 18.4 には、CSS shape() 関数も追加されています。これにより、clip-path でレスポンシブな自由形状を実現できます。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4 は、ClipboardItem() の support() メソッドを実装しています。これにより、クリップボード操作中にサポートされている形式を確認できます。この機能は、ベースラインで新しく利用可能になりました。

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

<dialog> のライト ディスミス

Popover API の優れた機能の一つは、軽い閉じる動作です。この動作は、Chrome 134 で実装された <dialog> の一部となり、動作を制御する新しい closedby 属性が追加されました。

Browser Support

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

共有ストレージで Web Locks API がサポートされるようになりました

Chrome 134 では、Web Locks API が Shared Storage に統合されています。これにより、get() ロジックと set() ロジック内で競合状態が発生し、クロスサイト リーチ測定で重複するレポートが生成されるようなシナリオを防ぐことができます。

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

ブラウザのベータ版では、ブラウザの次の安定版に含まれる機能のプレビューを利用できます。リリース前に、サイトに影響する可能性がある新機能や削除をテストできます。新しいベータ版は Firefox 137 と Chrome 135 です。今回のリリースでは、プラットフォームに多くの優れた機能が追加されています。詳細については、リリースノートをご覧ください。主な機能は次のとおりです。

Firefox 137 には、Iterable（配列など）の合計を返す Math.sumPrecise 静的メソッドが含まれています。このリリースには Atomics.pause() も含まれています。このメソッドは、共有リソースへのアクセスを待機しているときに、現在のスレッドがスピンロック状態にあることを CPU にヒントとして提供します。

Chrome 135 には、カルーセルの作成に関連する多くの CSS 機能が含まれています。また、カスタマイズ可能な <select> 要素と、command 属性と commandfor 属性も含まれています。