Chromeの新しい`<permission>`要素:ウェブパーミッションへの宣言型アプローチ

2025-06-15
Chromeの新しい`<permission>`要素:ウェブパーミッションへの宣言型アプローチ

Chromeのパーミッションチームは、位置情報アクセスなどの強力な機能をウェブアプリが要求する方法を簡素化するために、新しい宣言型HTML ``要素を試行しています。従来の命令型メソッドは、パーミッションスパム、コンテキストの不足、パーミッションの取り消しの困難などの問題を抱えています。``要素は、より安全でユーザーフレンドリーなアプローチを提供し、開発者は宣言的にパーミッションを要求でき、ブラウザはユーザーインタラクションに基づいて要素のテキストを動的に更新し、明確なパーミッション管理を提供します。現在、Chrome 126でオリジン試行中で、標準化を目指しています。

続きを読む

Chrome 135、Webセキュリティ強化のためデバイスバウンドセッション資格情報を導入

2025-05-02
Chrome 135、Webセキュリティ強化のためデバイスバウンドセッション資格情報を導入

Chrome 135は、Webアプリケーションのセキュリティを強化するために設計された新しい機能であるデバイスバウンドセッション資格情報(DBSC)を導入しました。DBSCは、デバイスにバインドされたキーペアを生成することにより、Cookie窃取やセッションハイジャックからユーザーセッションを保護します。Cookieが盗まれた場合でも、攻撃者は他のデバイスからアカウントにアクセスできません。TPMなどのハードウェアバックアップストレージと、短命なCookieの定期的な更新を活用することで、DBSCはユーザーエクスペリエンスに影響を与えることなく、セキュリティを大幅に向上させます。開発者はHTTPヘッダーを介してこの機能を統合およびテストできます。

続きを読む

Chrome 135:CSSによる`<select>`要素の完全なカスタマイズ

2025-03-31
Chrome 135:CSSによる`<select>`要素の完全なカスタマイズ

Chrome 135は、主要なアップデートとして``要素の完全なCSSカスタマイズを提供します。長年の開発を経て、標準化され、アクセシビリティが高く、スタイル設定可能な``が実現しました。開発者は新しい`appearance: base-select`プロパティを使用して、豊富なカスタマイズ機能を解き放ちます。これには、``要素にリッチHTMLコンテンツ(画像やSVGなど)を追加することも含まれ、古いブラウザとの互換性を損なうことはありません。パーサーの変更はありますが、ChromeはFinch実験によって既存のWebサイトが壊れるリスクを軽減しています。このアップデートにより、はるかに魅力的で意味のある``エクスペリエンスの作成が可能になります。

続きを読む
開発

ChromeがRustベースのSkrifaに切り替え、FreeTypeからの脱却でセキュリティとパフォーマンス向上

2025-03-19
ChromeがRustベースのSkrifaに切り替え、FreeTypeからの脱却でセキュリティとパフォーマンス向上

Chromeは、老朽化したFreeTypeフォントレンダリングエンジンを、新しいRustベースのライブラリであるSkrifaに置き換えました。C言語ベースのFreeTypeはセキュリティ脆弱性に悩まされ、多大なメンテナンスリソースを必要としていました。SkrifaはRustのメモリセーフティを活用することで、脆弱性を大幅に削減し、開発者の生産性を向上させます。厳格なテストと比較により、SkrifaはFreeTypeのパフォーマンスとレンダリング品質に匹敵することが保証されています。Chromeは今後、Skrifaをより多くのOSに展開する予定です。

続きを読む
開発

Chrome 135: `command`と`commandfor`属性でWebボタンの操作を簡素化

2025-03-07
Chrome 135: `command`と`commandfor`属性でWebボタンの操作を簡素化

Chrome 135は新しい`command`と`commandfor`属性を導入し、Webボタンのインタラクションを劇的に変えました。従来、開発者はボタンと他の要素(メニュー、モーダルなど)間のインタラクションを処理するために複雑なJavaScriptコードを記述する必要がありましたが、これらの属性によって大幅に簡素化されます。この記事では、従来の方法の欠点、`command`と`commandfor`と古い属性(`popovertargetaction`と`popovertarget`)との比較、組み込みコマンド(`show-popover`、`hide-popover`など)とカスタムコマンドの使い方を詳しく説明し、Web開発の効率性とアクセシビリティを向上させます。

続きを読む
開発

Chrome Canary 130: カスタマイズ可能な <select> 要素が登場!

2025-02-20
Chrome Canary 130: カスタマイズ可能な <select> 要素が登場!

Chrome Canary 130では、大きなアップデートとしてカスタマイズ可能な``要素が導入されました!長年開発者を悩ませてきたこの問題に、ついに解決策が示されました。`appearance: base-select`プロパティを使用することで、開発者は``要素とそのポップアップセレクターをスタイル、コンテンツ、インタラクティビティを含め、詳細にカスタマイズできます。この機能はWHATWGで正式にステージ2に到達しており、複数のブラウザからの強い関心を集めています。この記事では、この機能の有効化、コンポーネントのカスタマイズ方法、制限事項とアクセシビリティに関する考慮事項について詳しく説明しています。一部の機能はまだ開発中ですが、この強力な新機能は、Web開発エクスペリエンスを大幅に向上させるでしょう。

続きを読む
開発

Microsoft Edge、Chromiumにおける文字レンダリングの改善

2025-02-13
Microsoft Edge、Chromiumにおける文字レンダリングの改善

Chromiumレンダリングエンジンへの移行後、Microsoft Edgeでテキストが「薄く見える」というユーザーからのフィードバックがありました。調査の結果、Skiaエンジンのテキストコントラストとガンマ値の設定が、以前のDirectWriteエンジンと異なり、Windows ClearType Tunerの設定も読み取られていないことが判明しました。EdgeチームはGoogle Chromeチームと協力し、ユーザー調査を実施。その結果、デフォルトのテキストコントラスト値を1.0に調整することで問題を解決し、ChromiumブラウザにおけるWindows上のテキスト表示をより自然で一貫性のあるものにしました。この修正はChrome 132以降で利用可能です。

続きを読む