その他

Add javascriptURLs option to SanitizerConfig and Sanitizer リンクをコピーしました!

https://github.com/whatwg/html/pull/12898

Sanitizer API は、ナビゲーションに使用される javascript:-URL もサニタイズします。これは元々、Sanitizer を使用する「安全な」メソッドの副作用として行われ、「安全でない」メソッドでは省略されていました。最近、HTML 標準でこの仕様が標準化され、特定のメソッドの副作用ではなく、開発者が選択できるオプションとなりました。

このオプションを使用しない場合の動作は変わりません。

Expose ProgressEvent in service workers リンクをコピーしました!

サービスワーカーでは ProgressEvent が利用可能になり、開発者は lengthComputable、loaded、total 属性を持つ進捗イベントを構築できます。これにより、サービスワーカーは他のワーカーコンテキストや XMLHttpRequest 標準と整合性が取れます。

Language Detector API on Android リンクをコピーしました!

Android版Chrome(Clank)でLanguageDetector JavaScript Web APIを公開します。これにより、Webアプリケーションは、クラウドエンドポイントに依存することなく、高速でプライバシーを保護し、オフラインでも動作するオンデバイス機械学習モデルを使用して、モバイルデバイス上でローカルにテキスト言語を検出できるようになります。

Web Bluetooth: Make BluetoothRemoteGATTServer an EventTarget リンクをコピーしました!

BluetoothRemoteGATTServerはEventTargetを継承し、標準のaddEventListener()、removeEventListener()、およびdispatchEvent()メソッドを公開します。これにより、接続レベルのイベントをGATTサーバー上で直接ディスパッチすることが可能になります。

セキュリティ

バックグラウンド フェッチに対する CORS の適用 リンクをコピーしました!

これにより、Chromium の実装がバックグラウンドフェッチ仕様の意図と統合し、バックグラウンドフェッチリクエストに、通常のフェッチリクエストと同じセキュリティポリシー(ローカルネットワークアクセスチェックなど)が確実に適用されるようになります。

この更新により、サイトが通常のフェッチの代わりにバックグラウンドフェッチを使用して、CORS(およびその他のセキュリティポリシーチェック)を回避することを回避します。

CSS

CSS corner shorthand properties リンクをコピーしました!

CSSのコーナーのショートハンドと、コーナーごとのサブショートハンド(corner-top-left、corner-top-right、corner-bottom-left、corner-bottom-right)に加え、物理的なエッジ(corner-top、corner-bottom)と論理的なエッジ(corner-block-start、corner-block-endなど)のショートハンドを実装しています。これにより、1つの宣言で個々のコーナーのborder-radiusとcorner-shapeの両方を設定できます。さらに、cornersはコーナーのショートハンドの互換性エイリアスとして保持されています。

サンプラー: https://static.januschka.com/i-425897047/

CL: https://chromium-review.googlesource.com/c/chromium/src/+/7747994

CSS position-visibility:anchor{s}-valid リンクをコピーしました!

anchors-valid値は、 https://crbug.com/329703412の一部として実装されましたが、値の正確な定義に関する仕様上の疑問があったため、その後元に戻されました。それ以降、値はanchor-validに名前が変更され( https://chromestatus.com/feature/5136123851571200を参照)、デフォルトのアンカーのみが重要であることが明確になるように定義も改善され、多くの曖昧さが解消され、この値が出荷可能な状態になりました。

CSS text-decoration-inset リンクをコピーしました!

CSSの`text-decoration-inset`は、下線、上線、および取り消し線などの装飾がテキストの端からどれだけ内側に配置されるか、またはテキストの端からどれだけ外側に配置されるかを制御します。`auto`、`length`、および`percentage`の値をサポートしており、開始オフセットと終了オフセットを設定するための1値構文と2値構文も使用できます。これにより、開発者は装飾の間隔を調整したり、背景グラデーションや追加要素ではなく、ネイティブのテキスト装飾を使用して表示効果を作成したりできます。

サンプラー: https://static.januschka.com/i-468928416/?asddsaasd MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-decoration-inset

CL: https://chromium-review.googlesource.com/c/chromium/src/+/7748204

CSS text-overflow: <string> value リンクをコピーしました!

text-overflow プロパティに <string> 値を追加します。

これにより、Web制作者はテキストが切り詰められたことを示すカスタム文字列(例:「(続き)」)を指定できます。これはデザインの柔軟性を高め、よりユーザーフレンドリーで状況に応じたオーバーフローインジケーターを作成するために活用できます。

Ship anchor-visible and anchor-valid, and deprecate the plural versions リンクをコピーしました!

CSSWGは、 anchors-validをanchor-valid [1]に、 anchors-visibleをanchor-visible [2]に名称変更することを決定しました。これを実現するために、プロパティ名を単数形に変更し、複数形から単数形へのエイリアスを追加します。後日、複数形は削除します。今回のchromestatusは、新しいバージョンのリリースと、古いバージョンの非推奨化(削除はしません)に関するものです。

[1] https://github.com/w3c/csswg-drafts/issues/10201#issuecomment-4180411971 [2] https://github.com/w3c/csswg-drafts/issues/10201#issuecomment-4390233490

DOM

レビュー待ち

Capability Elements Icon-only mode リンクをコピーしました!

機能要素(<camera>、<microphone>、<geolocation>)を、 displaymode属性を使用してテキストなしのコンパクトなアイコンボタンとしてレンダリングする新しい属性が導入されました。これにより、開発者はマップコントロールやビデオフローティングトレイなどの空間レイアウトに対して柔軟なUI密度を実現できると同時に、ネイティブのセキュリティ保証とフルスクリーンリーダーのアクセシビリティを維持できます。

これは、最近リリースされた機能要素(https://chromestatus.com/feature/5153829504024576)の拡張機能です。

Renewed HTML insertion&streaming methods リンクをコピーしました!

既存のドキュメントに動的にマークアップを挿入するための、一貫性のある仕組みを提供する複数のHTML設定メソッドを公開します。

  • HTMLを引数として受け取る位置指定メソッド(before/after/append/prepend/replaceWith)は、実質的にinsertAdjacentHTMLを置き換えます。
  • テキストを入力として受け取り、HMHLを解析してWritableStreamを返すストリーミングメソッド(stream{Append}HTML{Unsafe})。
  • setHTMLUnsafeOptionsの一部として{runScripts}を渡すことで、createContextualFragmentの動作を模倣します。
  • 信頼できる型で createParserOptions をサポートし、信頼できる型がスクリプトモードとサニタイザーをオーバーライドできるようにします。

グラフィック

HTML-in-canvas リンクをコピーしました!

HTML-in-canvasは、キャンバスのレイアウト、描画機能、DOMとキャンバスの同期のためのレンダリングイベント、およびキャンバスとDOMの同期のためのジオメトリ更新機能などを管理するための新しいプリミティブを使用して、キャンバスを使用したHTMLのレンダリングをカスタマイズすることを可能にします。

WebGPU: atomic-vec2u-min-max リンクをコピーしました!

WGSL のatomic<vec2u>に対して 64 ビットのアトミック最小値と最大値の操作を使用できるようにします。

これにより、WebGPUシェーダーの開発者は、64ビット整数の完全なサポートを必要とせずに、64ビットアトミック操作を使用する特定のアルゴリズムを実装する方法を得ることができます。

パフォーマンス

新しいオリジントライアル

Connection Allowlists - Embedded Enforcement リンクをコピーしました!

接続許可リスト( https://chromestatus.com/feature/5175745573945344 )は、ドキュメントまたはワーカーから Fetch API やその他の Web プラットフォーム API を介して開始される接続を制限することで、外部エンドポイントを明示的に制御できるように設計された機能です。この機能のこの側面は、接続許可リストを拡張し、iFrame およびネストされたドキュメント/ワーカーへの埋め込み適用をサポートします。これにより、親ドキュメントは、埋め込みコンテンツに対して制限を適用し、読み込みを許可するかしないかを選択できます。

提案の詳細については、こちらをご覧ください: https://github.com/WICG/connection-allowlists

レビュー待ち

Overscroll Areas リンクをコピーしました!

この機能により、要素を他の要素のオーバースクロール領域に固定するためのプリミティブが追加されます。さらに、スクロールバーと同様に、スワイプジェスチャーでこれらの要素を表示できるようになります。