「Google Chrome 145」安定版リリース、マルチカラムレイアウトの折り返しに対応

「Google Chrome 145」安定版リリース、マルチカラムレイアウトの折り返しに対応 - GIGAZINE

ウェブブラウザGoogle Chromeの最新の安定版であるバージョン 145 がリリースされました。複数列レイアウトでの折り返しのサポートなど、主に CSS にいくつかの新機能が導入されました。

クロム145 |リリースノート |開発者向け Chrome
https://developer.chrome.com/release-notes/145

◆複数段レイアウトの折り返し
CSS 複数列レイアウトモジュールレベル 2で定義されている CSS プロパティ列の折り返しそして列の高さが実装されました。このプロパティを使用すると、複数列レイアウトのコンテンツが列の高さを超えた場合に、コンテンツを次の列に折り返すかどうかを指定できます。

.columns {
  column-height: 70vh;
  column-wrap: wrap;
}

以前は、複数列コンテナーの高さに制限があり、一部のコンテンツが利用可能なスペースに収まらない場合、コンテンツはオーバーフロー列としてインラインで表示されていました。

この更新により、列の高さを設定し、オーバーフロー列を新しい行として表示できるようにする、column-height プロパティと column-wrap プロパティが追加されました。

以前は、ユーザーは大きなコンテンツを読むために上下にスクロールするか、オーバーフローが発生したときに表示される水平スクロールバーを使用する必要がありましたが、今回の更新により、列を折り返すことができるようになり、コンテンツがより快適に読めるようになりました。

◆オリジンAPI
「オリジン」はあらゆる Web 実装の基本コンポーネントであり、ユーザーエージェントによって維持されるセキュリティとプライバシーの境界の両方にとって不可欠です。この更新では、オリジンに関する情報をカプセル化、取得、および操作するためのメソッドが提供されます。オリジンAPIが実装されました。この API を使用すると、オリジンに関連するさまざまな情報にアクセスでき、Origin オブジェクトのメソッドを通じてオリジンの比較、シリアル化、解析が可能になります。以前は、オリジンは直接公開されておらず、さまざまなゲッターが利用可能ではありましたが、オリジンのシリアル化されたバージョンを返すため、オリジンとサイトを比較するときに脆弱性が発生する可能性がありました。このアップデートでは Origin API が導入され、オリジンに関する情報を安全かつ効率的に操作できるようになります。

◆デバイスにバインドされたセッション認証情報
デバイスにバインドされたセッション認証情報(DBSC)これにより、Web サイトがユーザーのセッションを特定のデバイスに結び付けることができるため、セッション Cookie が盗まれた場合でも、他のマシンで使用されることが非常に困難になります。

DBSC は、有効期間の短い Cookie とハードウェアに保存されたキーのペアを使用して、認証されたセッションをデバイスにバインドし、ブラウザーは定期的に秘密キーの所有を証明し、セッション Cookie を更新します。 DBSC の大まかな流れは次のとおりです。

1: サーバーは、「有効期間の長い Cookie」と「Secure-Session-Registration ヘッダー」を使用してユーザーのログインに応答します。
2：/StartSessionエンドポイントでは、サーバーは受信した公開キーをセッションに関連付け、Chrome の有効期間の長い Cookie を有効期間の短い Cookie に置き換えます。
3: 「有効期間の短い Cookie」の有効期限が切れると、Chrome はサーバーに/Refreshエンドポイント更新リクエストをエンドポイントに送信すると、サーバーはチャレンジに応答する
4: Chrome は「保存された秘密キー」を使用してチャレンジに署名し、サーバーは署名を検証して更新された「有効期間の短い Cookie」を返します。

◆円形に近い要素の影とクリップ境界が視覚的により自然になるように計算を改善しました。
今回のアップデートにより境界半径これは、ほぼ円形の要素の影とクリップの境界が曲線の視覚的な輪郭と正確に一致することを意味し、複雑な丸い形状のレンダリングの一貫性が高まり、大きな半径値での視覚的な不一致が排除されます。具体的には、半径が小さいほどコーナーがより鋭く見えるようにする境界半径調整係数が、半径値が 50% に近づくと徐々に減衰するようになりました。この変更では同じ半径調整メカニズムが使用されることに注意してください。コーナー形状を使用して非円形の輪郭にも適用されます。

◆onanimationcancelイベントハンドラをGlobalEventHandlersインターフェースに追加
CSS アニメーションレベル 1受け取ったGlobalEventsHandler4 つの新しいイベントハンドラーがインターフェイスに追加されました。

・アニメーションスタート
・アニメーションの反復
・アニメーション化する
・アニメーションキャンセル

これに伴い、GlobalEventsHandler IDL には存在しなかった onanimationcancel イベントハンドラーが公開されました。

◆カスタマイズ可能
カスタマイズ可能な要素は、別個のボタンやポップアップとしてではなく、フローまたはページ内でレンダリングされます。などの複数のサイズ属性を介してプラットフォーム全体でオプトインします。

◆その他の変更点
・CSS：テキストの位置揃えプロパティのサポート
・CSS：文字間隔プロパティと単語の間隔プロパティでパーセンテージ値が利用できるようになりました
・CSS：強制カラーモードでのモノクロ絵文字の描画を有効にする
・UI: focus()メソッド呼び出し時にfocusVisibleブール値を指定できるようになりました
・UI: 非ルートスクロールコンテナでのオーバースクロール効果を改善
・機能：Android上でのウィンドウの位置情報が正確になるように修正
・JavaScript：Upsertメソッドの実装
・JavaScript: クラッシュレポート用のKey-Value APIをサポート
・ポリシー：デフォルトでは削減されたUser-Agent文字列を送信するように変更
・ナビゲーションAPI：ナビゲーション.トランジション(NavigationDestination) に公開します
・安全な支払い確認：ブラウザバインドキーをサポート
– 安全な支払い確認: SPC ダイアログの UX 要素を更新
・クッキー：クッキーストアAPImaxAge 属性をサポート
– 折りたたまれていない選択範囲の削除コマンドは、正確な inputType 値を報告するようになりました。
・clipboardchangeイベントに対するスティッキーユーザーアクティベーションの実装
・マルチメディア：WebRTCソースから取得したビデオフレームのrtpTimestampメタデータにアクセスできるようになりました。
・インデックス付きDB:SQLiteによる実行に置き換えました
・Webアプリ：パフォーマンスナビゲーションタイミングオブジェクト信頼度フィールドを追加
・パフォーマンスエントリー：presentationTimeとpaintTimeを追加
・LayoutShift API：アトリビューションデータを物理ピクセルからCSSピクセルに変更
・ローカルネットワークへのアクセス権限を別途設定
・信頼できるタイプ：仕様調整
・WebGPU：subgroup_uniformity関数のサポート
・独立したWebアプリ：制御されたフレームWebRequest.SecurityInfo API の紹介