Android 版 Chrome は、Chrome 135 以降、エッジツーエッジ表示になります。

• Chrome

Chrome DevTools で高度なネットワーク分析を行う。

• Blog
• Chrome DevTools
• Chrome

サブグループによる ML ワークロードの改善、D3D12 でのシェーダーのコンパイル時間の短縮、ブレンド可能として浮動小数点フィルタ可能なテクスチャ タイプのサポートの削除など。

• New in Chrome
• Chrome

ツールチップなどのフローティング要素を簡素化するポップオーバーの新しいモードをご確認ください。

• Blog
• HTML
• JavaScript
• CSS
• Chrome

[プライバシーとセキュリティ] パネル、調整済みの CPU スロットリング、[パフォーマンス] のファーストパーティとサードパーティのハイライト表示、新しい分析情報など。

• New in Chrome
• JavaScript
• Chrome
• Chrome DevTools

Edge チームは、Chromium で Windows ClearType チューナーの値を直接尊重するサポートを追加しました。これにより、Windows の Chromium ベースのブラウザでテキストのレンダリングが改善されました。

• Blog
• Chrome

2025 年 2 月のリリースにおける Chrome ユーザー エクスペリエンス レポート（CrUX）の変更（LCP 画像のサブパート、LCP リソースタイプ、RTT など）について説明します。

• Chrome

Chrome では、メディアを再生しているウェブアプリがピクチャー イン ピクチャーを自動的に開始できます。

• Blog
• JavaScript
• Chrome

Chrome に追加される最新機能を紹介します。

• Release notes
• Chrome

Chrome 133 のリリースが開始されました。エキサイティングな新しい CSS 機能など、他にも多くの機能があります。

• New in Chrome
• Blog
• CSS
• HTML
• Chrome

Android 向け Auth Tab でウェブベースの認証を改善する

• Blog
• Chrome

Android 版 Chrome カスタムタブのアプリ固有の履歴の導入

• Blog
• Chrome

AI チャット履歴の永続化、ナビゲーションの改善、[パフォーマンス] のリスト無視とスタック トレース、新しい [新機能] パネルなど。

• New in Chrome
• Chrome
• Chrome DevTools

unorm8x4-bgra と 1 コンポーネントの頂点形式が追加され、未定義の値で不明な上限をリクエストできるようになりました。また、WGSL の配置ルールが変更され、破棄による WGSL のパフォーマンスが向上しました。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome 拡張機能の最近の変更の概要と、デベロッパーが期待できる今後の拡張機能の魅力的な機能について説明します。

• Blog
• Chrome
• Chrome Extensions

Google は、プラットフォーム全体で一貫した明確なポリシーを定めるため、一連のポリシーの更新を発表します。

• Blog
• Chrome
• Chrome Extensions

「getClientCapabilities()」を使用して WebAuthn の機能を検出し、ユーザーに合わせて認証ワークフローを調整する方法を学びます。

• Identity
• Blog
• JavaScript
• Chrome
• Passkeys

Chrome 133 以降では、省エネモードが有効になっているときに、CPU 使用率の高いバックグラウンド タブがフリーズされるようになりました。

• Blog
• Chrome

iOS 17 以降の Chrome で、Google パスワード マネージャー（GPM）でパスキーを作成、同期、認証できるようになりました。これにより、Chrome が利用できるすべてのデバイスで GPM のパスキーを使用できるようになります。

• Identity
• Blog
• Chrome
• Passkeys

カスタム プロパティを含む任意の CSS プロパティで attr() を使用できるようになりました。また、値を文字列以外のデータ型に解析できるようになりました。

• HTML
• CSS
• Chrome

コンテナクエリに似ていますが、停止したクエリ、スナップされたクエリ、オーバーフローしたクエリに使用します。

• CSS
• Chrome

Chrome に搭載される最新機能について学びます。

• Release notes
• HTML
• CSS
• Chrome

Chrome 132 のリリースが開始されました。Dialog 要素は ToggleEvent を取得し、要素レベルの動画共有をサポートします。File System Access API は Android と WebView をサポートします。

• New in Chrome
• Video
• JavaScript
• Chrome

DevTools の新しい AI アシスタント パネルの楽しいユースケースについて学びます

• Blog
• CSS
• Chrome DevTools
• Chrome

テキスト コンテンツの上下にスペースを追加して、視覚的なバランスをとる。

• CSS
• Chrome

Web Vitals 拡張機能と DevTools の統合が完了し、拡張機能のサポートは終了しました。

• Chrome DevTools
• Chrome

組み込み AI チャレンジで受賞したアプリと拡張機能をご覧ください。このチャレンジでは、Chrome の Gemini Nano でできることを再考していただきました。

• Blog
• Chrome

テクスチャビューの使用、32 ビット浮動小数点テクスチャのブレンド、GPUDevice の adapterInfo 属性、無効な形式でキャンバス コンテキストを構成する JavaScript エラーの発生、テクスチャのサンプラー制限のフィルタリング、拡張サブグループの試験運用版、デベロッパー エクスペリエンスの向上、16 ビット正規化テクスチャ形式の試験運用版のサポートなど。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome の調査によると、自動入力を使用するユーザーはフォームの入力が速く、放棄率が低くなります。

• Identity
• Blog
• Chrome

貴重な時間を割いてフィードバックを送信していただき、詳細を確認して標準の策定にご協力いただきありがとうございました。

• Blog
• CSS
• Chrome

DevTools でパフォーマンス トレースを記録して分析する。

• Blog
• Chrome DevTools
• Chrome

Gemini を使用してネットワーク リクエスト、ソースファイル、パフォーマンス トレースをデバッグしたり、AI チャット履歴を表示したりできます。

• New in Chrome
• Video
• Chrome DevTools
• Chrome

Chrome DevRel チームとスケートボードに乗った Chrome Dino と一緒に、2024 年に Chrome とウェブ プラットフォーム向けにリリースされた最新の CSS を学びましょう。

• Blog
• CSS

試験運用版の [パフォーマンス分析情報] パネルは 2025 年 1 月に削除され、[パフォーマンス] パネル自体に新しい分析情報が追加されます。

• Chrome
• Chrome DevTools

最新の GPU for the Web ワーキング グループ ミーティングで議論された、新しい AI とレンダリング機能について学びます。

• WebGpu
• Chrome

Gemini API デベロッパー コンペティションのウェブ アワードに ViddyScribe が選ばれました。動画の音声による説明を生成することで、ウェブ上の動画をよりアクセスしやすくする方法について、Gemini を例に説明しました。

• Chrome

新しい拡張機能メニューに対応するよう拡張機能を準備する方法。

• Blog
• JavaScript
• Chrome
• Chrome Extensions

DevTools の新しいアノテーション機能を使用してパフォーマンス トレースをよりわかりやすくする方法を学びます。

• Chrome

ローカル AI モデルを使用して、ブラウザでテキストをリアルタイムで翻訳します。ユーザーは母国語で投稿できるようになりました。

• Blog
• Chrome

Chrome に搭載される最新機能について学びます。

• Chrome

パソコン版 Chrome のパスキーの Signal API の導入

• Identity
• Blog
• Passkeys
• Chrome

Chrome 拡張機能の Prompt API オリジン トライアルに参加して、Chrome で Gemini Nano にアクセスします。

• Chrome

Chrome 131 のリリースが開始されました。詳細要素の CSS スタイル設定の追加、ページ マージン ボックスによる印刷レイアウトの簡素化など、さまざまな機能が追加されています。

• New in Chrome
• Video
• CSS
• Chrome

オリジン トライアルに参加して、ユーザーは長い記事や複雑なドキュメント、さらにはチャットでの活発な会話から、簡潔で洞察力に富んだ要約を作成できます。

• Blog
• Chrome

WGSL、GPUCanvasContext getConfiguration()、点と線のプリミティブのクリップ距離には、深度バイアス、サブグループ用のインクルーシブ スキャン組み込み関数、マルチ描画間接の試験運用版サポート、シェーダー モジュールのコンパイル オプションの厳密な計算、GPUAdapter requestAdapterInfo() の削除などがあってはなりません。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

新しい ::details-content 疑似要素を使用して、表示タイプを設定したり、展開と閉じを切り替える部分のコンテナにスタイルを適用したりできるようになりました。

• Blog
• CSS
• HTML

シームレスな認証情報共有を使用すると、ユーザーが Android アプリとウェブサイトで同じ認証情報を使用してログインできることをパスワード マネージャーに安全に通知できます。

• Chrome

[パフォーマンス] パネルで Core Web Vitals の指標をリアルタイムでモニタリングする。

• Blog
• Chrome DevTools
• Chrome

ウェブページの印刷時にカスタムのヘッダーとフッターを作成する。

• HTML
• CSS
• Chrome

Gemini で CSS をデバッグし、検出結果にアノテーションを付け、[パフォーマンス] パネルで分析情報を取得し、過度のレイアウト シフトや合成されていないアニメーションなどを検出します。

• New in Chrome
• Video
• Chrome
• Chrome DevTools

Chrome 132 では、古いヘッドレス モードが削除されました。Chrome ヘッドレス シェルまたは新しいヘッドレス モードに移行します。

• Blog
• Chrome

DevTools の新しいスクロール バッジによって、スクロール可能な要素のデバッグがどのように簡素化されるか（およびその作成方法）について説明します。

• Blog
• Chrome

DevTools の新しい AI アシスタント パネルの楽しいユースケースについて学びます

• Chrome

Chrome の最新ベータ版に追加される機能をご確認ください。

• Release notes
• Chrome

デュアルソース ブレンディング、Metal でのシェーダーのコンパイル時間の改善、GPUAdapter requestAdapterInfo() のサポート終了など。

• WebGpu
• New in Chrome
• Release notes
• C++
• JavaScript
• Chrome

Chrome 130 のリリースが開始されました。ドキュメントのピクチャー イン ピクチャーでは、ピクチャー イン ピクチャー ウィンドウをより細かく制御できます。CSS ネスト宣言により、厄介なエッジケースを修正できます。また、複数行に分割された要素のデコレーションをどのように動作させるかを指定できます。Chrome 130 のデベロッパー向け新機能について、Pete LePage が詳しく説明しています。

• New in Chrome
• CSS
• JavaScript
• Chrome

Chrome 130 では、接頭辞のない box-decoration-break が完全にサポートされています。

• CSS
• Chrome

Chrome 拡張機能の最近の変更の概要と、デベロッパーが期待できる今後の拡張機能の魅力的な機能について説明します。

• Blog
• Chrome
• Chrome Extensions

プライベート ネットワーク アクセス（PNA）のロールアウトは保留中です。

• Chrome

Chrome 134 では、CSS ハイライトの継承に変更が加えられます。

• Blog
• HTML
• CSS
• Chrome

Translation API が、組み込み AI 早期プレビュー プログラムの参加者にご利用いただけるようになりました。

• Chrome

例外がキャッチされるかどうかを DevTools デバッガが予測する方法を学びます。

• Blog
• JavaScript
• Chrome

Chrome の Gemini Nano でできることを再考する「組み込み AI チャレンジ」を開催します。

• Blog
• Chrome

このたび、Chrome ウェブストア デベロッパー ダッシュボードの UI を変更し、レスポンシブ性とモバイル フレンドリー性を高めました。これにより、店舗掲載情報のパフォーマンスのモニタリング、掲載情報の変更、店舗の拡張機能の管理がより便利でアクセスしやすくなることを願っています。 すべてのグラフと分析ページが更新され、レスポンシブ性が向上しました。これにより、モバイル デバイスでの拡張機能のストア掲載情報のパフォーマンスをより適切に確認できるようになりました。

• Blog
• Chrome
• Chrome Extensions

パフォーマンス パネルで移動できるライブ指標とパンくずリストの推奨事項、ネットワーク フィルタの刷新、HAR エクスポートのクリーンアップなど。

• New in Chrome
• Video
• CSS
• Chrome DevTools
• Chrome

DevTools を使用してキャッシュを検査し、トラブルシューティングします。

• Blog
• Chrome DevTools
• Chrome

ウェブバイタル拡張機能は Chrome DevTools のパフォーマンス パネルと統合され、2025 年 1 月にスタンドアロン サポートが終了します。

• Chrome DevTools
• Chrome

パソコン版 Chrome では、まもなく Google パスワード マネージャー（GPM）でパスキーを作成して、Android に加えてこれらのプラットフォーム間で同期できるようになります。

• Identity
• Chrome
• Passkeys

EPP の参加者は、Chrome の書き込み API と書き換え API を使用してプロトタイプを作成できるようになりました。

• Chrome

提案されている 2 つの組積造の仕様の比較。

• Blog
• CSS
• Chrome

最新の Chrome ベータ版の機能と変更点を使ってサイトをテストします。

• Release notes
• Chrome

プロセス共有の試験運用と、Chrome DevTools のデベロッパー エクスペリエンスへの影響。

• Blog
• Chrome

キャンバス トーン マッピング モードでの HDR サポート、サブグループのサポートの拡大など。

• WebGpu
• New in Chrome
• Release notes
• C++
• JavaScript
• Chrome

Chrome 129 のリリースが開始されました。長いタスクでは、パフォーマンスを向上させるために、固有のサイズで要素をアニメーション化できます。また、アンカー配置の構文にもいくつかの変更があります。Chrome 129 のデベロッパー向けの新機能について、Pete LePage が詳しく説明しています。

• New in Chrome
• JavaScript
• CSS
• Chrome

Chrome DevTools の [Performance] パネルでは、ローカルの Core Web Vitals のパフォーマンスをモニタリングし、フィールドの実際のユーザーデータと比較する新しい方法が導入されています。

• Chrome
• Chrome DevTools

Web Serial で Bluetooth RFCOMM シリアルポートが使用可能になったことを検出する方法について学びます。

• JavaScript
• Chrome

カスタマイズ可能な新しい選択機能をいち早くご紹介します。

• Blog
• CSS
• HTML
• Chrome

DOM 内の要素をフリーズして、DevTools で調査できるようにします。

• Blog
• Chrome DevTools
• Chrome

Keyboard Lock API を使用すると、デベロッパーは、インタラクティブなウェブサイト、ゲーム、リモート デスクトップやアプリのストリーミングなど、さまざまなユースケースで没入感のあるフルスクリーン エクスペリエンスを提供できます。これは、ウェブサイトがホスト オペレーティング システムで許可されているすべての鍵を使用できるようにすることで実現します。 Pointer Lock API を使用すると、デスクトップ アプリケーションでポインタ アイコンを非表示にして、マウスの動きを 3D

• JavaScript
• Chrome

Digital Credentials API のオリジン トライアルは、Chrome 128 以降開始されます。Digital Credentials API は、運転免許証やデジタル ウォレットに保存されている国民識別カードなどのデジタル認証情報を通じて、ウェブサイトがユーザーに関する検証可能な情報を選択的にリクエストできるようにする新しいウェブ プラットフォーム API です。

• JavaScript
• Chrome

注意が必要なアンカー ポジショニング API に関連する変更。

• Blog
• Chrome

[パフォーマンス] > [検索リクエスト]ネットワーク、自動入力を使用した住所フォームでのテストデータの使用、レコーダー パネルで Firefox 用 Puppeteer にエクスポートしたり、[Performance] パネルでモニタリングでパフォーマンスの問題をひと目で把握したりできます。

• New in Chrome
• Video
• Chrome DevTools
• Chrome

Chrome の WebAuthn で、ヒント、関連オリジン リクエスト、JSON シリアル化を使用できるようになりました

• JavaScript
• Chrome

EPP の参加者は、Chrome の言語検出 API を使用してプロトタイプを作成できるようになりました。

• Blog
• Chrome

現在のベータ版の機能について詳しく紹介するこの投稿で、Chrome の次期リリースのプレビューをご確認いただけます。

• Release notes
• JavaScript
• Chrome

サブグループのテスト、線とポイントの深度バイアスの設定のサポート終了、未キャプチャ エラーの DevTools の警告の非表示（PreventDefault の場合）、WGSL が最初にサンプリングを補間する、その他。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome 128 がリリースされました。改行のある Ruby 要素の表示が改善され、Promise.try で Promise チェーンの開始が簡単になり、PointerEvent インターフェースが拡張されて複数のペンを一意に識別できるようになりました。その他、他にも多くの要素があります。Chrome 128 のデベロッパー向け新機能について、Adriana Jara が詳しく解説します。

• New in Chrome
• Video
• Chrome

Ahmed Elwasefi が Google Summer of Code を通じて Chromium コントリビューターになった経緯を語った投稿。

• A11y
• Blog
• Chrome

Chrome チームは、ファイル システムへの変更をデベロッパーに通知する新しい File System Observer API をテストしています。

• JavaScript
• Chrome

EPP の参加者は、Chrome で Gemini Nano の Summarization API を使用してプロトタイプを作成できるようになりました。

• Blog
• Chrome

新しい JavaScript イベントを 2 つ導入しました。scrollSnapChange と ScrollSnap 試験

• Blog
• JavaScript
• Chrome

DevTools でスクリーンショットをキャプチャする 4 つのユニークな方法を紹介します。

• Blog
• Chrome DevTools
• Chrome

Puppeteer 23 では、Firefox 129 以降の安定版サポートが導入され、WebDriver BiDi をベースとした Chrome と Firefox の自動化のための統合 API が提供されます。

• Testing
• Blog
• JavaScript
• Chrome

コンソールの分析情報をヨーロッパで公開したり、[パフォーマンス] パネルでトラックをカスタマイズするための強化されたネットワーク トラックと API を利用したりできます。

• New in Chrome
• Video
• Chrome DevTools
• Chrome

組み込みの AI、Prompt API、Chrome の AI プランに関する最新情報

• Blog
• Chrome

Android 版 Chrome に認証情報マネージャーが統合され、Android 14 以降でサードパーティのパスワード マネージャーがパスキーを提供できるようになりました

• Chrome

BrowserStack が WebDriver BiDi のサポートを導入: イベント ドリブンの自動化で Selenium Grid テストを強化します。

• Testing
• Blog
• JavaScript
• Chrome

DevTools チームが [Styles] タブでのスタイルの表示を改善した方法をご覧ください。

• Blog
• CSS
• Chrome

改行可能な ruby 要素と CSS ruby-align プロパティ

• Blog
• HTML
• Chrome

現在のベータ版の機能について詳しく紹介するこの投稿で、Chrome の次期リリースのプレビューをご確認いただけます。

• Chrome

Chrome 127 がリリースされました。font-size-adjust のサポートにより、Document Picture-in-Picture API、キーボードのフォーカス可能なスクロール コンテナなど、多くのユーザー アクティベーションが伝播されます。Chrome 127 のデベロッパー向け新機能について、Adriana Jara が詳しく解説します。

• New in Chrome
• CSS
• Chrome

Chrome の内部ユーザー調査によると、多くのユーザーはウェブアプリのインストールを重視しています。次のようなメリットがあります。 Chrome とウェブ デベロッパーが支援する方法は複数あります。たとえば、新しい ML プロモーション機能などです。この記事では、ユーザーがアプリをインストールする方法の概要について説明します。 Chrome の インストール可能条件 を満たすアプリには、Chrome デスクトップ ブラウザのアドレスバーにインストール

• Chrome

Android での OpenGL ES の試験運用版のサポート、GPUAdapter 情報属性、WebAssembly の相互運用の改善など。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

読み上げフローがお客様のニーズに合ったものになるよう、ぜひご協力ください。

• HTML
• CSS
• Chrome

View Transition API を検討する人が増えている今、いくつかの誤解を解くときが来ています。

• Blog
• HTML
• CSS
• JavaScript
• Chrome

このお知らせでは、デベロッパー プログラム ポリシーのページを更新し、高品質のプロダクトの開発を促し、虚偽の振る舞いを防止し、ユーザーが十分な情報に基づき同意を得ることを目的にしています。

• Blog
• Chrome
• Chrome Extensions

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

• Blog
• Chrome
• Chrome Extensions

Elements での CSS アンカー配置、Sources の「Never Pause Here」の拡張、新しいスクロール スナップ イベント リスナー、更新されたネットワーク スロットリング プリセットなど。

• New in Chrome
• Video
• Chrome
• Chrome DevTools

YouTube は、クロスサイト スクリプティング攻撃を防ぐために Trusted Types を使用してプラットフォームのセキュリティを強化していますが、拡張機能に影響する可能性があります。

• Blog
• Chrome
• Chrome Extensions

Long Animation Frame API（LoAF）は Chrome 123 からリリースされました。また、この新しい API を最大限に活用できるように、ツールとガイダンスも更新しました。

• Chrome

Chrome ウェブストアのレビューを担当するチームと話し合いました。

• Blog
• Chrome Extensions
• Chrome

Chrome チームは、IndexedDB（IDB）の実装に関して、パフォーマンス関連のいくつかの改善を行いました。

• Blog
• JavaScript
• Chrome

maxTextureArrayLayers の上限の引き上げ、Vulkan バックエンドのバッファ アップロードの最適化、シェーダーのコンパイル時間の改善、送信されるコマンド バッファの一意性の確保、Dawn の更新。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome チームは、ユーザーに強力な機能へのアクセスをリクエストする、新しい宣言型の HTML <権限>要素をテストしています。

• HTML
• CSS
• JavaScript
• Chrome

ベータ版をダウンロードすると、Chrome の最新機能をお試しいただけます。

• Release notes
• CSS
• Chrome

Google I/O 2024 での CSS とウェブ UI に関するすべてのお知らせをお読みください。

• Blog
• JavaScript
• CSS
• HTML
• Chrome

Chrome 126 がリリースされました。ViewTransitions API でのドキュメント間の遷移のサポートにより、CloseWatcher API が再度有効化され、Gamepad API に対してトリガー ランブルが行われるなど、多くの機能が追加されています。Adriana Jara が、Chrome 126 のデベロッパー向けの新機能について詳しく説明しています。

• New in Chrome
• JavaScript
• CSS
• Chrome

パフォーマンス パネルを整理し、必要な情報に焦点を合わせるのに役立つ最新機能について学びましょう

• Chrome DevTools
• Chrome

このたび、Declarative Net Request API を使用して、Manifest V3 拡張機能に対する対象となる変更の審査プロセスをスキップできる新機能をリリースいたしました。

• Chrome

トラック構成モードの改善、フレームチャートの無視リスト、[パフォーマンス] パネルでの CPU の 20 倍のスロットリングなど。

• New in Chrome
• Video
• Chrome DevTools
• Chrome

開催後は Google I/O を開催し、拡張機能に関する最新情報をすべてご紹介しました。

• Chrome

MPA のドキュメント間のビュー遷移、アクティブ タイプによる選択的なビュー遷移、ビュー遷移クラスを使用したアニメーション スタイルの共有を発表しました。

• Blog
• JavaScript
• CSS
• Chrome

パート 2/2.WebAssembly と WebGPU の拡張機能により、ウェブ上での機械学習のパフォーマンスがどのように向上するかについて説明します。

• JavaScript
• Chrome

I/O 2024 でウェブ AI のまとめをご覧ください。ウェブアプリの新たなモデル、ツール、API をご紹介します。

• WebGpu
• Chrome

Chrome 126 ベータ版には、ドキュメント間のビュー遷移や、Gamepad API トリガーランブル拡張機能などの機能が含まれています。

• Release notes
• CSS
• Chrome

パート 1/2。WebAssembly と WebGPU の強化により、ウェブ上での ML のパフォーマンスがどのように向上するかについて学びます。

• C
• Chrome

このドキュメントでは、JavaScript フレームワーク エコシステムの最近の動向を簡単にご紹介します。

• Chrome

Chrome 126 以降では、Windows UI オートメーション フレームワークがサポートされています。

• A11y
• Blog
• Chrome

Async Clipboard API で SVG 画像を処理できるようになりました。

• Blog
• JavaScript
• Chrome

DevTools を使用してネットワーク レスポンスをオーバーライドしてモックする方法について説明します。

• Blog
• Chrome DevTools
• Chrome

Google I/O デベロッパー基調講演とセッションから、優れた機能をご紹介します。

• Blog
• Google I/O 2024
• Chrome

Chrome 125 がリリースされました。CSS Anchor Positioning API、Compute Pressure API、Storage Access API への拡張など、多数の機能が用意されています。Adriana Jara が、Chrome 125 のデベロッパー向けの新機能について詳しく説明しています。

• New in Chrome
• JavaScript
• Chrome

新しい Anchor Positioning API を使用して、要素を互いに相対的に配置します。

• Blog
• HTML
• CSS
• Chrome

エンタープライズ環境でのテストで課題を克服する方法について学ぶ

• Chrome

Puppeteer、Chrome ヘッドレス、Chrome for Testing の概要と、Chrome ツールチームが提供したその他のリソースです。

• Testing
• Blog
• Chrome

コンソールのエラーの原因、パフォーマンスの CSS セレクタの統計情報、ネットワークの Early Hints ヘッダーなど。

• New in Chrome
• Video
• JavaScript
• Chrome DevTools
• Chrome

開発中のサブグループは、3D テクスチャのスライスにレンダリングされます。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

最新の CSS や UI 機能（ビュー遷移、スクロールドリブン アニメーション、Popover API など）を実装することで、e コマースサイトがどのように役立つかを学びます。

• Blog
• Chrome

スクロールドリブン アニメーションのすべてを学ぶ、全 10 部の動画コースです

• Blog
• CSS
• Chrome

メーソンリーとグリッドを異なる仕様で定義するための提案。

• Blog
• CSS
• Chrome

HTTPS に変換できないウェブサイトからプライベート ネットワーク デバイスにアクセスするには、権限プロンプトを使用して混合コンテンツのチェックを緩和する必要があります。

• Security
• Blog
• Chrome

CSS Anchor Positioning、CSS のステップ関数、Compute Pressure API など。

• Chrome

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

• Blog
• Chrome Extensions
• Chrome

Foldable API は、デベロッパーが折りたたみ式デバイスをターゲットにできるように設計された Chrome の 2 つの API です。

• CSS
• JavaScript
• HTML
• Chrome

Chrome 124 がリリースされました。JavaScript から宣言型 Shadow DOM を使用できるようにする新しい API が 2 つあります。Web Sockets でストリームを使用できます。ビュー遷移が改良されました他にもたくさんあります。Chrome 124 におけるデベロッパー向けの新機能について、Pete LePage が詳しく説明しています。

• New in Chrome
• HTML
• JavaScript
• Chrome

Chrome では、権限プロンプトによって Web MIDI API 全体を制御できるようになりました。

• JavaScript
• Chrome

DevTools でウェブ アプリケーション開発を改善する方法をご確認ください。

• Blog
• Chrome DevTools
• Chrome

読み取り専用と読み取り / 書き込みのストレージ テクスチャ、Service Worker と共有ワーカーのサポート、新しいアダプタ情報属性、バグの修正。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome ユーザー エクスペリエンス レポート（CrUX）の新しい nav_types 指標と、この指標を使用してウェブ パフォーマンス指標を説明および最適化する方法について説明します。

• Chrome

今週、デベロッパーが Chrome ウェブストアで公開済みの以前のバージョンに拡張機能をロールバックできる新機能をリリースします。Google の目標は、特に Manifest V3 への移行に伴い、デベロッパーがアップデートを公開する際に安心していただけるようにすることです。 本日より、バグ修正を含む拡張機能の新しいバージョンを送信して審査に合格するまで待つ必要がなくなります。代わりに、[ その他 ] メニューまたはアイテムのパッケージ ページからロールバックを開始できます。

• Blog
• Chrome Extensions
• Chrome

CPU パフォーマンスをプロファイリングする今後のプロセスと、JavaScript Profiler を非推奨とする理由とその方法について説明します。

• Blog
• JavaScript
• Chrome

スクロールドリブン アニメーションのサポート、新しい自動入力パネル、ネットワーク スロットリングにおける WebRTC の新しいオプションなど。

• New in Chrome
• Video
• Chrome
• Chrome DevTools

JavaScript Promise Integration（JSPI）は、WebAssembly にコンパイルされた同期シーケンシャル コードが非同期 Web API にアクセスできるようにする API です。

• JavaScript
• C
• Chrome

fetchLater API（現在はオリジン トライアルで）について説明します。この API は、ページが閉じられていても完了する遅延フェッチをリクエストする新しい API です。

• JavaScript
• Chrome

tabindex 値が設定されていないスクローラーと、フォーカス可能な子のないスクローラーを、キーボードでフォーカス可能にするための変更がロールアウトされます。

• CSS
• HTML
• Chrome

書き込み候補の HTML 属性、WebSocketStream API、優先 HTTP リクエスト ヘッダーなど。

• Chrome

Chrome 123 がリリースされました。新しい Light-dark 関数、Long Animation Frames API、Service Worker Static Routing API など、多くの機能があります。Adriana Jara が、Chrome 123 のデベロッパー向けの新機能について詳しく説明しています。

• New in Chrome
• JavaScript
• CSS
• Chrome

ウェブ ワーカー、ナビゲーション フェッチ、今後の保護のためのプライベート ネットワーク アクセスの主なセキュリティ メカニズムについて説明します。このドキュメントでは、ウェブサイトの所有者がプライベート ネットワークを利用する場合に行うべきことについても説明します。

• Chrome

Chrome 123 から提供されるこの新しい API の使用方法をご確認ください。

• JavaScript
• Chrome

Chrome DevTools の [Network] パネルの最新の改善点をご確認ください。このパネルはウェブ デバッグをシンプルにするために設計されています。

• Chrome DevTools
• Chrome

DevTools の [パフォーマンス] パネルを改善するための Chrome チームの計画についてご確認ください。

• Blog
• Chrome DevTools
• Chrome

DP4a 組み込み関数のサポート、制限のないポインタ パラメータ、WGSL で複合を逆参照するための構文シュガーなど。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

ウェブでの圧縮は、共有辞書圧縮によって大幅に強化されています。圧縮がどのようなもので、どのように機能するのか、ウェブ上の静的リソースと動的リソースの両方について、標準の圧縮よりもさらに読み込み時間を大幅に短縮できる方法をご確認ください。

• HTML
• Chrome

ユーザー向けのすべての Chrome リリースで、古いヘッドレス Chrome をスタンドアロン バイナリとしてダウンロードできるようになりました。

• Chrome

ドキュメント ルール、積極性の設定、制限、プラットフォームでの投機ルールのサポートなど、Speculation Rules API の最新アップデートの詳細を示します。

• HTML
• Chrome

この投稿では、Eyeo のチームが、拡張機能 Service Worker のテストに関する問題への道のりを紹介します。特に、Service Worker が停止したときに Chrome 拡張機能が正しく動作するかどうかを確認する方法について説明します。

• Blog
• Chrome
• Chrome Extensions

イースター エッグ、[要素] > [スタイル] のフォーカスされたページ エミュレーション、新しい Lighthouse 監査など。

• New in Chrome
• Video
• Chrome
• Chrome DevTools

@next/third-parties ライブラリを使用して一般的なサードパーティ リソースの読み込みを最適化する方法を確認する

• HTML
• Chrome

CSS の light-dark() カラー関数、ブロックの align-content、フィールド サイズ設定のプロパティ、pagereveal イベント。

• Release notes
• CSS
• Chrome

Chrome 123 以降では、フレックス コンテナやグリッド コンテナを作成せずに、Align-content を使用してアイテムを配置できます。

• Blog
• CSS
• Chrome

Chrome 122 がリリースされました。新しい Storage Buckets API では、DevTools の [パフォーマンス] パネルが更新され、Async Clipboard API で HTML を読み取るためのサニタイズされていないオプションなど、さまざまな機能が追加されました。Adriana Jara が、Chrome 122 のデベロッパー向けの新機能について詳しく説明しています。

• New in Chrome
• CSS
• HTML
• Chrome

Chrome 122 以降、「::backdrop」要素は元の要素からプロパティを継承します。

• CSS
• Chrome

DevTools の [パフォーマンス] パネルは、ウェブアプリのパフォーマンスの問題を診断、デバッグ、修正するための強力なツールです。今回は、DevTools の [パフォーマンス] パネルを使用してパフォーマンス パネル自体のパフォーマンスをどのように改善したか、またどのように大幅な改善を達成したかをご紹介します。

• Blog
• JavaScript
• Chrome

開発中の互換モード、maxVertexAttributes の上限の引き上げ、Dawn の更新。

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

EditContext は Chrome と Edge でリリースされる新しい API で、デベロッパーはこれを使用してブラウザで高度なテキスト編集機能を構築できます。詳しくは、こちらの投稿をご覧ください。

• JavaScript
• Chrome

[Network] パネルと [Application] パネルにサードパーティ Cookie の段階的廃止に関する警告を表示、[Network] パネルの拡張デバッグ、[Performance] パネルのパンくずリストなど。

• New in Chrome
• Video
• Chrome DevTools
• Chrome

投機的読み込みでウェブ ブラウジングを高速化し、デバッグ方法を学びましょう。

• Blog
• Chrome
• Chrome DevTools

Chrome デスクトップでのクロスオリジン分離を行わない SharedArrayBuffer の非推奨トライアルを Chrome 124 まで延長します。

• Chrome

Chrome 122 ベータ版では、イテレータ ヘルパー、メソッドの設定、Storage Buckets API、Async Clipboard API でのサニタイズされていない HTML の読み取りなどを利用できます。

• CSS
• Chrome

Chrome 拡張機能の最近の変更の概要と、今後リリースが予定されている拡張機能に関するデベロッパー向けのご案内です。

• Blog
• Chrome Extensions
• Chrome