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 ベータ版に含まれているため、まもなくベースラインとして利用可能になる予定です。

その他

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

  • Web Speech API に MediaStreamTrack のサポートが追加されました。
  • Float16Array がサポートされ、ベースラインの新規利用可能になりました。
  • Observable API がサポートされるようになりました。

関連情報

主なハイライトのみを記載しています。Chrome 134 のその他の変更については、以下のリンクをご覧ください。

登録

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

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