Chrome 149 の新機能

Rachel Andrew

公開日: 2026 年 6 月 2 日

Chrome 149 がリリースされました。この投稿では、このリリースの主な機能をご紹介します。Chrome 149 のリリースノート全文をご覧ください。

このリリースのハイライトは次のとおりです。

CSS ギャップ装飾

CSS のギャップ装飾を使用すると、グリッドや Flexbox などのコンテナ レイアウトのギャップをスタイル設定できます。これにより、以前は複雑な境界線や擬似要素のハックが必要だった一貫性と新しいスタイル設定オプションが実現します。この機能はプログレッシブ エンハンスメントに対応しています。サポートされていないブラウザでは、ギャップは装飾なしで正常にレンダリングされます。

装飾を縮小または拡張する column-rule-inset や row-rule-inset などのプロパティ、隣接するアイテム間またはすべてのギャップにのみルールを表示する column-rule-visibility-items や row-rule-visibility-items などのプロパティが導入されています。ルールの幅、色、インセットは完全にアニメーション化できるため、ホバー時やその他の状態変化時にトランジションを適用できます。

詳しくは、CSS ギャップ装飾の安定版に関する投稿をご覧ください。

bfcache エントリでの WebSocket の切断

アクティブな WebSocket 接続があっても、ページをバックフォワード キャッシュ（bfcache）に保存できるようになりました。ドキュメントを不適格としてマークする代わりに、BFCache エントリで WebSocket 接続を事前に閉じることで、ブラウザはアクティブな WebSocket を使用するページをメモリに保存し、瞬時に復元できるようにします。

以前は、アクティブな WebSocket 接続があると、ユーザーがページから移動したときにブラウザがページを破棄し、バックフォワード キャッシュ（bfcache）に保存できませんでした。

Intl.Locale.prototype.variants

Intl.Locale オブジェクトは、Unicode ロケール ID を表します。主なオブジェクトは「Baseline Widely available」です。

バリアントはメイン言語識別子の一部であり、(言語、地域、文字) の 3 つ組で区別できない言語のバリアントを選択します。この機能は Firefox と Safari ではすでに提供されており、Chrome でも利用できるようになりました。

次に例を示します。

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

詳しくは、Intl.Locale.prototype.variants の MDN ドキュメントをご覧ください。

関連情報

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

登録

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

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