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); は、80% 明るい Oklab マゼンタになります。

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 を引き続き使用できます。

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

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

関連情報

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

登録

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

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