Chrome 119 の新機能

Adriana Jara

必知事項は次のとおりです。

Adriana Jara です。Chrome 119 のデベロッパー向けの新機能を詳しく見ていきましょう。

Cookie の有効期限。

Chrome 104 以降、新しく作成された Cookie、または有効期限付きで更新された Cookie では、400 日以内の日付が上限となっています。この同じ制限が、すでにストレージに保存されている Cookie にもさかのぼって適用されます。

これらの Cookie の有効期限は、Chrome 119 以降が初めて起動し、1 回限りのデータベース移行を行った後、400 日以内が上限となります。この変更による影響は、Chrome 119 のリリースから少なくとも 400 日間はユーザーに影響されず、その後は、その期間に更新されていない既存の Cookie にのみ適用されます。

詳しくは、有効期限に関する推奨事項をご覧ください。また、近い将来にサードパーティ Cookie がサポート終了となること、およびサポート終了に備えるためのガイドもあわせてご参照ください。

CSS の更新

CSS に関して、次の 3 点が更新されています。

1 つ目は、新しい :user-invalid 疑似クラスと :user-valid 疑似クラスで、それぞれ正しくない入力または正しい入力があるものの、ユーザーがその要素をかなり操作した後でのみ表示される要素です。疑似クラス :valid や :invalid に似ていますが、ユーザーが要素を操作した後にのみ新しい疑似クラスが一致するという制約が追加されています。

2 番目に、相対色構文を使用すると、他の色のパラメータを変更して色を定義できます。

たとえば、oklab(from magenta calc(l * 0.8) a b); は Oklab のマゼンタを 80% 明るい色にします。

3 つ目は、clip-path でサポートされる値が増えたことです。

clip-path プロパティは、要素のどの部分を表示するかを設定するクリッピング領域を作成します。領域の内部は表示されますが、領域外の部分は表示されません。

<geometry-box> 値を使用してクリップの参照ボックスを制御できるようになり、clip-path が使いやすくなりました。これらのボックス値は、基本的なシェイプ（clip-path: circle(50%) margin-box など）とともに使用することも、特定のボックス（clip-path: content-box など）にクリップするために単独で使用することもできます。

また、xywh() 関数と rect() 関数を使用すると、長方形のクリップや丸みのある長方形のクリップを簡単に指定できます。

訂正: この記事の以前のバージョンでは、フェンス付きフレームの改善について説明していました。これらの変更は Chrome 120 でリリースされます。

など多数

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

  • Chrome 119 で、WebSQL は完全に削除されます。リバース オリジン トライアルにより、デベロッパーは Chrome 123 まで WebSQL を引き続き使用できます。

  • このたび、getDisplayMedia() で monitorTypeSurfaces オプションを使用して、ユーザーが画面全体を共有できないようにすることができるようになりました。

  • オリジン トライアルでは、fullscreen windowFeatures パラメータを window.open() JavaScript API に追加して、呼び出し元がポップアップを直接全画面で開けるようにします。

関連情報

ここでは、重要なハイライトについてのみ説明します。Chrome 119 で追加される変更については、以下のリンクをご覧ください。

登録

最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびに、メール通知が届きます。

Chrome 120 のリリースと同時に Chrome の新機能をお知らせします