公開日: 2026 年 4 月 7 日
Chrome 147 がリリースされました。この投稿では、今回のリリースにおける主な機能の一部をご紹介します。Chrome 147 のリリースノート全文をご覧ください。
このリリースのハイライトは次のとおりです。
- 要素スコープのビュー遷移では、任意の HTML 要素で
startViewTransitionを公開します。 - CSS の contrast-color() は、ユーザー補助の要件を満たすのに役立ちます。
- CSS の
border-shapeプロパティを使用すると、長方形以外のボーダーを作成できます。
要素スコープのビュー遷移
この機能は、任意の HTML 要素で element.startViewTransition() を公開します。この要素は、遷移のスコープを確立します。つまり、遷移疑似要素は祖先クリップと変換の影響を受け、別々の要素に対する複数の遷移を同時に実行できます。
要素スコープのビュー遷移では、進行中のビュー遷移をネストして、ページの残りの部分をインタラクティブに保つこともできます。
詳しくは、Chrome 147 で要素スコープのビュー遷移による同時ネストされたビュー遷移が可能にをご覧ください。
CSS contrast-color()
この関数は、アクセシビリティのコントラスト要件を満たすのに役立ちます。
contrast-color() 関数は、CSS の中でカラー値が想定される場所であればどこでも使用できます。色値の引数を取り、その引数に対して最もコントラストの高い色に応じて「black」または「white」を返します。
詳しくは、contrast-color() の MDN ドキュメントをご覧ください。
CSS の border-shape プロパティ
CSS の border-shape プロパティを使用すると、任意の形状（ポリゴン、円、shape() など）の長方形以外の境界線を作成できます。
border-shape は clip-path と同じ形状を受け入れますが、根本的に異なります。border-shape は、枠線の形状を定義し、装飾し、内側のみをクリップします。border-shape には、シェイプをストロークするバリエーションと、2 つのシェイプの間を塗りつぶすバリエーションの 2 つがあります。
関連情報
ここでは、主なハイライトの一部のみを取り上げます。Chrome 147 のその他の変更については、以下のリンクをご覧ください。
- Chrome 147 のリリースノート。
- Chrome DevTools の新機能（147）
- Chrome 147 の ChromeStatus.com の更新。
- Chrome のリリース カレンダー。
登録
最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびにメール通知が届きます。X または LinkedIn で Google をフォローして、新しい記事やブログ投稿を入手することもできます。
Chrome 148 がリリースされ次第、Chrome の新機能についてお知らせします。