Chrome 135 の新機能

Rachel Andrew

公開日: 2025 年 4 月 1 日

Chrome 135 がリリースされました。この投稿では、このリリースの主な機能の一部をご紹介します。Chrome 135 のリリースノート全文をお読みください。また、四半期ごとのまとめで、今年これまでにリリースされたすべての内容をご確認ください。

このリリースのハイライト

CSS カルーセルを有効にするための機能が多数用意されています。command 属性と commandfor 属性を使用すると、宣言型でボタンに動作を関連付けることができます。 CSS の shape() 関数を使用すると、clip-path プロパティと offset-path プロパティの形状を定義できます。

CSS カルーセル

リリースノートには多数の CSS 機能が記載されていますが、その多くは CSS カルーセルを有効にするための小さな追加機能です。主な機能は、スクロール可能な領域をカルーセルに変換できる新しい CSS 疑似要素 ::scroll-button() and::scroll-marker() です。

これらの新機能の使用方法や、独自のプロジェクトのアイデアについては、CSS を使用したカルーセルをご覧ください。

command 属性と commandfor 属性

Chrome 135 では、新しい command 属性と commandfor 属性で宣言型動作を提供するための新機能が導入され、popovertargetaction 属性と popovertarget 属性が強化され、置き換えられます。これらの新しい属性をボタンに追加すると、ブラウザでシンプルさとアクセシビリティに関するいくつかのコア問題を解決し、組み込みの共通機能を提供できます。

次の HTML は、ボタンとメニューの宣言的な関係を設定します。これにより、ブラウザがロジックとアクセシビリティを処理できるようになります。aria-expanded を管理したり、追加の JavaScript を追加したりする必要はありません。

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

これらの新しい属性について詳しくは、command と commandfor の導入をご覧ください。

CSS の shape() 関数

shape() CSS 関数は、clip-path プロパティと offset-path プロパティの形状を定義するために使用されます。

shape() 関数は、path() で使用されるものとほぼ同等のコマンドセットを使用しますが、より標準的な CSS 構文を使用し、追加の単位や数学関数など、CSS の全機能を使用できます。Firefox Nightly と Safari 18.4 ベータ版で利用可能になっているため、まもなく Baseline で新たに利用可能になるはずです。

その他

もちろん、他にもたくさんあります。

  • Web Speech API に MediaStreamTrack のサポートが追加されました。
  • Float16Array がサポートされ、Baseline Newly available になります。
  • Observable API がサポートされるようになりました。

関連情報

ここでは、主なハイライトの一部のみを取り上げます。Chrome 134 のその他の変更については、以下のリンクをご覧ください。

登録

最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびにメール通知が届きます。X または LinkedIn で Google をフォローして、新しい記事やブログ投稿を入手することもできます。

Chrome 135 がリリースされ次第、Chrome の新機能についてお知らせします。