eBay がシームレスな認証情報共有でログイン成功率を 10% 改善した方法

eBay が Digital Asset Links を使用して認証情報をシームレスに共有し、ログイン成功率を 10% 改善した方法をご覧ください。安全でクロスプラットフォームの認証を実装し、ユーザー エクスペリエンスを向上させる方法を学びます。

• Chrome

Chrome for Developers

皆様がウェブで構築、成長、革新できるようお手伝いします。

• Chrome

Chrome 135 ベータ版

最新のベータ版で、Chrome の今後の予定をご確認ください。

• Chrome

Chrome Web Store

Chrome Web Store ユーザーが拡張機能やテーマをブラウジングできるオンライン マーケットプレイス。ここで拡張機能を公開し、世界中からアクセスできるようにします。 dashboard デベロッパー ダッシュボード 拡張機能を公開し、ストアアイテムを管理します。 local_mall Chrome Web Store Chrome ウェブストアで拡張機能をお探しください。 policy デベロッパー ポリシー Chrome

ChromeDriver とは何ですか？

ChromeDriver は、W3C WebDriver 標準を実装するスタンドアロン サーバーです。

Document Picture-in-Picture API で魅力的なユースケースを実現する

ドキュメントのピクチャー イン ピクチャーがオンライン学習体験をどのように向上させたかをご覧ください。

• Chrome

Chrome 134 の新機能

Chrome 134 のリリースが開始されました。ダイアログのライト ディスミッション機能など、さまざまな機能が含まれています。

• Chrome

Chrome 134

選択、ダイアログのライト閉じるなどのカスタマイズ。

• Chrome

Chrome Extensions

Chrome 拡張機能の開発方法をご確認ください。

• Chrome 拡張機能

Chrome ウェブストア デベロッパー ダッシュボードで審査をキャンセルする

審査待ちのアイテムの審査プロセスを停止できるようになりました。

• Chrome 拡張機能
• Chrome

chrome.bookmarks

この権限は 警告をトリガーします 。 chrome.bookmarks API を使用すると、ブックマークの作成、整理、その他の操作ができます。カスタムのブックマーク マネージャー ページを作成できる オーバーライド ページ もご覧ください。 bookmarks API を使用するには、 拡張機能マニフェスト で「bookmarks」権限を宣言する必要があります。次に例を示します。 ブックマークはツリー形式で整理されます。ツリーの各ノードは、ブックマークまたはフォルダ（ グループ

• Chrome 拡張機能

chrome.contentSettings

chrome.contentSettings API を使用して、ウェブサイトが Cookie、JavaScript、プラグインなどの機能を使用できるかどうかを制御する設定を変更します。より一般的な話として、コンテンツの設定を使用すると、Chrome の動作をグローバルではなくサイトごとにカスタマイズできます。 API を使用するには、拡張機能のマニフェストで "contentSettings" 権限を宣言する必要があります。次に例を示します。

• Chrome 拡張機能

chrome.contentSettings

chrome.contentSettings API を使用して、ウェブサイトが Cookie、JavaScript、プラグインなどの機能を使用できるかどうかを制御する設定を変更します。より一般的な話として、コンテンツの設定を使用すると、Chrome の動作をグローバルではなくサイトごとにカスタマイズできます。 この API を使用するには、拡張機能のマニフェストで「contentSettings」権限を宣言する必要があります。次に例を示します。

• Chrome 拡張機能

chrome.bookmarks

chrome.bookmarks API を使用すると、ブックマークの作成、整理、その他の操作ができます。カスタムのブックマーク マネージャー ページを作成できる ページのオーバーライド もご覧ください。 bookmarks API を使用するには、 拡張機能マニフェスト で「bookmarks」権限を宣言する必要があります。次に例を示します。 ブックマークはツリー形式で整理されます。ツリーの各ノードは、ブックマークまたはフォルダ（ グループ ）です。ツリーの各ノードは

• Chrome 拡張機能

人工知能

Chrome の AI AI による次世代のウェブへようこそ。デベロッパーがウェブで優れたエクスペリエンスを簡単に構築できるよう、AI がどのように役立つかをご確認ください。 Chrome の Gemini Nano でできることを再考。 組み込みの AI Gemini エコシステムの最も効率的なモデルである Gemini Nano が Chrome に導入されます。 クライアントサイドで作業する クライアントサイド AI

Android 版 Chrome のエッジツーエッジ移行ガイド

エッジからエッジまでのウェブ エクスペリエンスを構築する

Gemini Nano をデバッグする

Gemini Nano へのプロンプトの詳細については、Chrome 内部専用のページをご覧ください。このガイドでは、デバッグにこの機能を利用する方法について説明します。

Android 版 Chrome のエッジ ツー エッジへの移行に備える

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

• Chrome

プライバシーとセキュリティ パネル

[プライバシーとセキュリティ] パネルを使用して、サードパーティ Cookie を検査、管理し、HTTPS 保護を確認します。

• Chrome DevTools

Chrome DevTools による高度なネットワーク分析

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

• Chrome
• Chrome DevTools

WebGPU の新機能（Chrome 134）

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

• Chrome

NRK がスクロールドリブン アニメーションを使用してストーリーに命を吹き込む方法

スクロール ドリブン アニメーションとスクロール トリガー アニメーションでストーリーテリング記事を強化する方法

• Chrome

ポップオーバー = ヒント

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

• Chrome

chrome.app.runtime

chrome.app.runtime API を使用してアプリのライフサイクルを管理します。アプリ ランタイムは、アプリのインストールを管理し、イベントページを制御します。また、アプリをいつでもシャットダウンできます。 任意（ 省略可 ） 埋め込まれるアプリが埋め込みの決定を行う際に使用できる、デベロッパーが指定するオプションのデータ。 文字列 void embedderId がこのアプリを <appview> 要素に埋め込むことを許可します。 url

chrome.printing

chrome.printing API を使用して、Chromebook にインストールされているプリンタに印刷ジョブを送信します。 すべての chrome.printing メソッドとイベントでは、 拡張機能マニフェスト で "printing" 権限を宣言する必要があります。次に例を示します。 次の例は、printing 名前空間の各メソッドの使用を示しています。このコードは、extensions-samples GitHub リポジトリの api-samples/printing

• Chrome 拡張機能

chrome.sessions

chrome.sessions API を使用すると、閲覧中のセッションからタブとウィンドウの問い合わせや復元を行うことができます。 文字列 外部デバイスの名前。 Session [] 外部デバイスの開いているウィンドウ セッションのリスト（最近変更されたセッションから最近変更されていないセッションの順に並べ替えられます）。 number（省略可） リクエストされたリストでフェッチするエントリの最大数。最大数のエントリ（ sessions.MAX_SESSION_RESULTS

• Chrome 拡張機能

chrome.printing

chrome.printing API を使用して、Chromebook にインストールされているプリンタに印刷ジョブを送信します。 すべての chrome.printing メソッドとイベントでは、 拡張機能マニフェスト で "printing" 権限を宣言する必要があります。次に例を示します。 次の例は、printing 名前空間の各メソッドの使用を示しています。このコードは、extensions-samples GitHub リポジトリの api-samples/printing

• Chrome 拡張機能

chrome.userScripts

userScripts API を使用して、ユーザー スクリプトのコンテキストでユーザー スクリプトを実行します。 User Scripts API chrome.userScripts を使用するには、manifest.json に "userScripts" 権限を追加し、スクリプトを実行するサイトに "host_permissions" を追加します。 ユーザー スクリプトは、ウェブページに挿入されるコード スニペットで、ウェブページの外観や動作を変更します。 Content

• Chrome 拡張機能

chrome.sessions

chrome.sessions API を使用すると、閲覧中のセッションからタブとウィンドウの問い合わせや復元を行うことができます。 文字列 外部デバイスの名前。 Session [] 外部デバイスの開いているウィンドウ セッションのリスト（最近変更されたセッションから最近変更されていないセッションの順に並べ替えられます）。 number（省略可） リクエストされたリストでフェッチするエントリの最大数。最大数のエントリ（ sessions.MAX_SESSION_RESULTS

• Chrome 拡張機能

Chrome 134 の DevTools の新機能

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

• Chrome DevTools
• Chrome

chrome.i18n

chrome.i18n インフラストラクチャを使用して、アプリまたは拡張機能全体に国際化を実装します。 拡張機能に /_locales ディレクトリがある場合は、 manifest で "default_locale" を定義する必要があります。 ユーザーに表示される文字列はすべて、 messages.json という名前のファイルに格納する必要があります。新しい言語 / 地域を追加するたびに、 /_locales/_localeCode_ という名前のディレクトリにメッセージ

• Chrome 拡張機能

Windows の Chromium ベースのブラウザでテキストのレンダリングが改善

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

• Chrome

chrome.storage

chrome.storage API を使用して、ユーザーデータの変更を保存、取得、追跡します。 storage API を使用するには、拡張機能の manifest で "storage" 権限を宣言します。次に例を示します。 Storage API は、ユーザーデータと状態を保持するための拡張機能固有の方法を提供します。これはウェブ プラットフォームのストレージ API（ IndexedDB 、 Storage

• Chrome 拡張機能

chrome.storage

chrome.storage API を使用して、ユーザーデータの変更を保存、取得、追跡します。 Storage API は、ユーザーデータと状態を保持するための拡張機能固有の方法を提供します。これはウェブ プラットフォームのストレージ API（ IndexedDB 、 Storage ）に似ていますが、拡張機能のストレージのニーズを満たすように設計されています。主な機能は次のとおりです。 拡張機能は、一部のコンテキスト（ポップアップやその他の HTML ページ）で [ Storage

• Chrome 拡張機能

Dimensions

CrUX ディメンションに関する技術ドキュメント。

• Chrome UX レポート

CrUX で LCP 画像のサブパートと RTT が利用可能に

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

• Chrome

Docs

開発に必要なコードサンプル、ガイド、API リファレンス。

拡張機能 / スタートガイド

Chrome 拡張機能の基本を学ぶ

• Chrome 拡張機能

メディアの再生時にピクチャー イン ピクチャーを自動的に開始する

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

• Chrome

Chrome 134 ベータ版

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

• Chrome

chrome.enterprise.platformKeys

chrome.enterprise.platformKeys API を使用して鍵を生成し、その鍵の証明書をインストールします。この証明書はプラットフォームで管理され、TLS 認証やネットワーク アクセスに、または chrome.platformKeys を介して他の拡張機能で使用できます。 この API を使用してクライアント証明書を登録する一般的な手順は次のとおりです。 enterprise.platformKeys.getTokens を使用して、使用可能なすべてのトークンを取得します。

• Chrome 拡張機能

chrome.enterprise.platformKeys

chrome.enterprise.platformKeys API を使用して鍵を生成し、その鍵の証明書をインストールします。この証明書はプラットフォームで管理され、TLS 認証やネットワーク アクセスに、または chrome.platformKeys を介して他の拡張機能で使用できます。 この API を使用してクライアント証明書を登録する一般的な手順は次のとおりです。 enterprise.platformKeys.getTokens()

• Chrome 拡張機能

Chrome 133

CSS の高度な attr()、text-box-trim、scroll-state コンテナ クエリなど。

• Chrome

Chrome 133 の新機能

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

• Chrome

PWA のタブ形式アプリケーション モード

タブ付きアプリケーション モードでは、プログレッシブ ウェブアプリのデベロッパーは、スタンドアロン PWA にタブ付きドキュメント インターフェースを追加できます。

Android 向け Auth Tab でウェブベースのログインフローを改善する

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

• Chrome

アプリ固有の履歴でユーザーのブラウジング エクスペリエンスを向上させる

Android アプリでアプリ固有の履歴を使用する方法

Chrome カスタムタブのアプリ固有の履歴でユーザー エンゲージメントを深める

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

• Chrome

[認証] タブを使用して認証を簡素化する

Android アプリで専用の [認証] タブを使用する方法

エフェメラル カスタムタブでユーザーのウェブ プライバシーを強化

Android アプリでエフェメラル カスタムタブを使用する方法

chrome.permissions

chrome.permissions API を使用して、 宣言された省略可能な権限 をインストール時ではなく実行時にリクエストします。これにより、ユーザーは権限が必要な理由を理解し、必要な権限のみを付与できます。 API によって付与される機能について説明する権限に関する警告がありますが、これらの警告の一部は明白でない場合があります。Permissions API

• Chrome 拡張機能

chrome.runtime

chrome.runtime API を使用して、サービス ワーカーを取得し、マニフェストの詳細を返します。また、拡張機能のライフサイクルでイベントをリッスンして応答します。この API を使用して、URL の相対パスを完全修飾 URL に変換することもできます。 Runtime API には、拡張機能で使用できるさまざまな機能領域をサポートするメソッドが用意されています。 Runtime API のほとんどのメソッドでは、 nativeMessaging 権限が必要な

• Chrome 拡張機能

chrome.permissions

chrome.permissions API を使用して、 宣言された省略可能な権限 をインストール時ではなく実行時にリクエストします。これにより、ユーザーは権限が必要な理由を理解し、必要な権限のみを付与できます。 API によって付与される機能について説明する権限に関する警告がありますが、これらの警告の一部は明白でない場合があります。Permissions API

• Chrome 拡張機能

Chrome 133 の DevTools の新機能

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

• Chrome
• Chrome DevTools

WebGPU の新機能（Chrome 133）

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

• Chrome
• WebGpu

Chrome 拡張機能の今後の予定（2025 年 1 月）

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

• Chrome 拡張機能
• Chrome

Prompt API を使用したセッション管理のベスト プラクティス

このガイドでは、Prompt API を使用したセッション管理のベスト プラクティスについて説明します。

リリースノート

デベロッパーに影響する Chrome の変更について

• Chrome

Chrome の新機能

Chrome の新機能 ドキュメントとブログで Chrome の最新情報をご確認ください。 新しいコンテンツとドキュメントの重要な更新。 article LLM がレスポンスをストリーミングする仕組み サーバーおよびクライアントの AI でストリーミング データがどのように機能するかを学ぶための新しいドキュメント。 article Chrome ウェブストアに関する通知と再審査請求 Chrome ウェブストアの通知と再審査請求のプロセスが更新されました。 article オリジン トライアルの

Chrome ウェブストアのポリシーの更新: デベロッパーにとって明確で一貫性のあるポリシーを実現

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

• Chrome 拡張機能
• Chrome

ストリーミングされた LLM レスポンスをレンダリングする際のベスト プラクティス

以下のフロントエンドのベスト プラクティスに沿って、ストリーミングをサポートする API（Prompt API など）を使用して、Gemini からストリーミングされたレスポンスを表示します。

パスキーの WebAuthn 機能検出の簡素化

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

• パスキー
• Chrome

LLM がレスポンスをストリーミングする仕組み

ストリーミングの概要と、AI と LLM でのストリーミングの仕組みを理解する。

AI を組み込んだ翻訳

組み込みの Translator API を使用すると、任意のコンテンツをソース言語からターゲット言語に翻訳できます。オリジン トライアルに参加して API を試す。

省エネモードでのフリーズ

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

• Chrome

DevTools のヒント

DevTools のヒント

• Chrome DevTools

メディア

ウェブサイトやアプリに画像や動画などを追加する方法を改善します。

iOS で Google パスワード マネージャーのパスキーを利用できるようになりました

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

• パスキー
• Chrome

CSS attr() のアップグレード

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

• Chrome

CSS scroll-state()

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

• Chrome

Chrome 133 ベータ版

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

• Chrome

Chrome 132 の新機能

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

• Chrome

Chrome DevTools に Gemini を導入した方法

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

• Chrome
• Chrome DevTools

CSS text-box-trim

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

• Chrome

Chrome 132

ダイアログの ToggleEvent、要素レベルの動画共有のサポート、Android と WebView をサポートする File System Access API など。

• Chrome

chrome.sockets.udp

chrome.sockets.udp API を使用して、UDP 接続を使用してネットワーク経由でデータを送受信します。この API は、以前の「socket」API にあった UDP 機能を置き換えます。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 数値 新しく作成されたソケットの ID。この API から作成されたソケット ID は、非推奨の [ socket ](../socket/) API など、他の API から作成されたソケット ID

chrome.tabs

chrome.tabs API を使用して、ブラウザのタブシステムを操作します。この API を使用すると、ブラウザのタブを作成、変更、並べ替えることができます。 Tabs API には、タブの操作と管理のための機能だけでなく、タブの 言語 の検出、 スクリーンショット の撮影、タブのコンテンツ スクリプトとの 通信 も可能です。 ほとんどの機能を使用するのに権限は必要ありません。たとえば、新しいタブの 作成 、タブの 再読み込み 、別の URL への ナビゲーション などです。 Tabs

• Chrome 拡張機能

chrome.tabs

chrome.tabs API を使用して、ブラウザのタブシステムを操作します。この API を使用すると、ブラウザのタブを作成、変更、並べ替えることができます。 Tabs API には、タブの操作と管理のための機能だけでなく、タブの 言語 の検出、 スクリーンショット の撮影、タブのコンテンツ スクリプトとの 通信 も可能です。 ほとんどの機能を使用するのに権限は必要ありません。たとえば、新しいタブの 作成 、タブの 再読み込み 、別の URL への ナビゲーション などです。 Tabs

• Chrome 拡張機能

任意の要素から動画ストリームをキャプチャする

Element Capture API は、現在のタブのキャプチャを DOM サブツリーのキャプチャに変換するための、パフォーマンスが高く堅牢な方法です。

ウェブ バイタル拡張機能のサポート終了

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

• Chrome DevTools
• Chrome

組み込み AI チャレンジの受賞者

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

• Chrome

chrome.ttsEngine

chrome.ttsEngine API を使用して、拡張機能を使用してテキスト読み上げ（TTS）エンジンを実装します。拡張機能がこの API を使用して登録されている場合、拡張機能または Chrome アプリが tts API を使用して音声を生成すると、発話される音声とその他のパラメータを含むイベントが拡張機能に届きます。拡張機能は、利用可能なウェブ技術を使用して音声を合成して出力し、呼び出し元の関数にイベントを返してステータスを報告できます。

• Chrome 拡張機能

chrome.cookies

chrome.cookies API を使用して、Cookie のクエリと変更を行い、Cookie が変更されたときに通知を受け取ります。 cookies API を使用するには、マニフェストで「cookies」権限と、Cookie にアクセスするホストの ホスト権限 を宣言する必要があります。次に例を示します。 パーティショニングされた Cookie を使用すると、特定の Cookie をトップレベル フレームのオリジンに対してキー付けする必要があることをサイトがマークできます。つまり、サイト

• Chrome 拡張機能

chrome.ttsEngine

chrome.ttsEngine API を使用して、拡張機能を使用してテキスト読み上げ（TTS）エンジンを実装します。拡張機能がこの API を使用して登録されている場合、拡張機能または Chrome アプリが tts API を使用して音声を生成すると、読み上げ対象の音声とその他のパラメータを含むイベントが拡張機能に届きます。拡張機能は、利用可能なウェブ技術を使用して音声を合成して出力し、呼び出し元の関数にイベントを送り返してステータスを報告できます。

• Chrome 拡張機能

chrome.cookies

chrome.cookies API を使用して、Cookie のクエリと変更を行い、Cookie が変更されたときに通知を受け取ります。 cookies API を使用するには、マニフェストで "cookies" 権限と、Cookie にアクセスするホストの ホスト権限 を宣言します。次に例を示します。 パーティショニングされた Cookie を使用すると、特定の Cookie をトップレベル フレームのオリジンに対してキー付けする必要があることをサイトがマークできます。たとえば、サイト A

• Chrome 拡張機能

chrome.appviewTag

appview タグを使用して、他の Chrome アプリを Chrome アプリ内に埋め込みます（ 使用方法 をご覧ください）。 オブジェクト 埋め込まれるアプリが埋め込みの決定を行う際に使用できる、デベロッパーが指定するオプションのデータ。 文字列 埋め込みリクエストを送信したアプリの ID。 void 埋め込みリクエストを許可します。 allow 関数は次のようになります。 文字列 埋め込むコンテンツを指定します。 void 埋め込みリクエストを防止します。 deny

XFO または CSP を使用してクリックジャッキを軽減する

クリックジャッキング攻撃の軽減の詳細

WebGPU の新機能（Chrome 132）

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

• Chrome
• WebGpu

Chrome 拡張機能の新機能

Chrome 拡張機能のプラットフォーム、ドキュメント、ポリシーに関する最近の変更

• Chrome 拡張機能

WebGPU

ガイド、デモ、最新ニュースで WebGPU について学ぶことができます

Chrome でビルドする

Chrome の最新の Stable リリースと Beta リリースに含まれる内容を確認する。

お支払い

Chrome で最新の Payment API を使用する方法を学ぶ

プライバシーとセキュリティ

Chrome のプライバシーとセキュリティの機能をご確認ください。

アプリ

基盤となるオペレーティング システムにアクセスしやすいエクスペリエンスを構築するために、このテクノロジーが非推奨になりました。

操り人形師

ヘッドレス Chrome または Chromium を制御するための高レベル API を提供する Node.js ライブラリ

Android でのウェブ

Android でウェブアプリを開発するための Chrome の機能についてご紹介します。

chrome.certificateProvider

この API を使用して証明書をプラットフォームに公開すると、そのプラットフォームはこの証明書を TLS 認証に使用できます。 この API を使用してクライアント証明書を ChromeOS に公開する一般的な手順は次のとおりです。 実際の手順は異なる場合があります。たとえば、証明書を自動的に選択するエンタープライズ ポリシーが使用されている場合、ユーザーに証明書の選択を求めるメッセージは表示されません（ AutoSelectCertificateForUrls と ユーザー向けの Chrome

• Chrome 拡張機能

chrome.extension

chrome.extension API には、任意の拡張機能ページで使用できるユーティリティがあります。拡張機能とそのコンテンツ スクリプト間、または拡張機能間でのメッセージ交換がサポートされています。詳しくは、 メッセージ パススルー をご覧ください。 拡張機能ビューのタイプ。 「タブ」 「popup」 シークレット タブ内で実行されるコンテンツ スクリプトと、シークレット プロセス内で実行される拡張機能ページの場合、true です。後者は、incognito_behavior

• Chrome 拡張機能

灯台

Lighthouse を使用してウェブ パフォーマンス監査を自動化する

パフォーマンス

Chrome のパフォーマンス ツールを使ってウェブ アプリケーションのパフォーマンスを最適化しましょう。

chrome.system.display

system.display API を使用してディスプレイのメタデータをクエリします。 ディスプレイが検出され、システムで使用されているかどうかを示す列挙型。ディスプレイがシステムで検出されない場合（接続が切断されている場合や、スリープ モードのため接続が切断されていると見なされる場合など）は、ディスプレイは「非アクティブ」と見なされます。この状態は、すべてのディスプレイが切断されたときに既存のディスプレイを保持するために使用されます。 「active」 「無効」 数値

• Chrome 拡張機能

chrome.system.display

system.display API を使用してディスプレイのメタデータをクエリします。 ディスプレイが検出され、システムで使用されているかどうかを示す列挙型。ディスプレイがシステムで検出されない場合（接続が切断されている場合や、スリープ モードのため接続が切断されていると見なされる場合など）は、ディスプレイは「非アクティブ」と見なされます。この状態は、すべてのディスプレイが切断されたときに既存のディスプレイを保持するために使用されます。 「active」 「無効」 数値

• Chrome 拡張機能

chrome.action

chrome.action API を使用して、Google Chrome ツールバーの拡張機能のアイコンを制御します。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 chrome.action API を使用するには、 "manifest_version" を 3 に指定し、 マニフェスト ファイル に "action" キーを含めます。 "action"

• Chrome 拡張機能

ブラウザのサポート

カスタムタブ機能と利用可能なブラウザの概要。

ID

ウェブ認証など、Chrome の ID 機能について説明します。

chrome.commands

commands API を使用して、拡張機能でアクションをトリガーするキーボード ショートカットを追加します。たとえば、ブラウザ アクションを開くアクションや、拡張機能にコマンドを送信するアクションなどです。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 Commands API を使用すると、拡張機能のデベロッパーは特定のコマンドを定義し、デフォルトのキーの組み合わせにバインドできます。拡張機能が受け入れる各コマンドは、 拡張機能のマニフェスト で

• Chrome 拡張機能

リモート デバッグの使用時はオペレーションがサポートされません

一部の WebDriver コマンド（ブラウザ ウィンドウのサイズ変更など）では、Chrome 拡張機能をブラウザに読み込む必要があります。通常、ChromeDriver は新しい Chrome セッションを起動するたびに、この「自動化拡張機能」を読み込みます。 ただし、ChromeDriver に、新しい Chrome セッションを起動するのではなく、既存の Chrome セッションに接続するよう指示できます。これは、 Capabilities （ChromeOptions

ChromeOS

すべての ChromeOS テストイメージには、 /usr/local/chromedriver/ に ChromeDriver バイナリがインストールされています。バイナリは、そのテストイメージ内の同じバージョンの Chrome に更新されます。つまり、常に ChromeDriver の最新ビルドを使用します。 テストで ChromeDriver バイナリの安定版ビルドを実行する場合は、テストに独自のコードを記述して、特定のバイナリをダウンロードし、

WebView の概要

WebView コンポーネントは、Chromium オープンソース プロジェクトをベースにしています。

chrome.certificateProvider

この API を使用して証明書をプラットフォームに公開すると、そのプラットフォームはこの証明書を TLS 認証に使用できます。 この API を使用してクライアント証明書を ChromeOS に公開する一般的な手順は次のとおりです。 実際の手順は異なる場合があります。たとえば、証明書を自動的に選択するエンタープライズ ポリシーが使用されている場合、ユーザーに証明書を選択するよう求められることはありません（ AutoSelectCertificateForUrls と ユーザー向けの Chrome

• Chrome 拡張機能

chrome.extension

chrome.extension API には、任意の拡張機能ページで使用できるユーティリティがあります。拡張機能とそのコンテンツ スクリプト間、または拡張機能間でのメッセージ交換がサポートされています。詳しくは、 メッセージ パススルー をご覧ください。 拡張機能ビューのタイプ。 「タブ」 「popup」 シークレット タブ内で実行されるコンテンツ スクリプトと、シークレット プロセス内で実行される拡張機能ページの場合、true です。後者は、incognito_behavior

• Chrome 拡張機能

パフォーマンス ログ

ChromeDriver はパフォーマンス ロギングをサポートしています。これにより、ドメイン「タイムライン」、「ネットワーク」、「ページ」のイベントと、指定したトレース カテゴリの トレースデータ を取得できます。 パフォーマンス ロギングはデフォルトでは有効になっていません。そのため、新しいセッションを作成するときに有効にする必要があります。 有効にすると、パフォーマンス ログはタイムライン、ネットワーク、ページのイベントを収集します。トレースを有効にしたり、パフォーマンス

ChromeDriver のクラッシュ

ChromeDriver のクラッシュを診断して修正するには、いくつかの方法があります。これは ChromeDriver のクラッシュの場合のみです。これは Chrome のクラッシュや終了とは異なります。 Windows では、次のようなメッセージが表示されることがあります。 ChromeDriver のコントリビューターが問題の再現とデバッグに使用できる再現ケースを作成します。クラッシュが 100% 発生しなくても問題ありません。

ダウンロード

以前のバージョンの Chrome については、以下にサポートされている ChromeDriver のバージョンを示します。 適切なバージョンの ChromeDriver を選択する方法については、 バージョンの選択 のページをご覧ください。 Chrome バージョン 114 をサポート 詳細については、 リリースノート をご覧ください。 Chrome バージョン 114 をサポート 詳細については、 リリースノート をご覧ください。 Chrome バージョン 113 をサポート 詳細については、

モバイル エミュレーション

Chrome では、 Chrome DevTools でデバイスモード を有効にすることで、デスクトップ版 Chrome からモバイル デバイス上の Chrome をエミュレートできます。この機能により、ウェブ開発のスピードが向上し、デベロッパーは実際のデバイスを使用せずに、モバイル デバイスでウェブサイトがどのようにレンダリングされるかをすばやくテストできます。ChromeDriver

Android

最新の ChromeDriver のバイナリ は、さまざまなホスト プラットフォーム用の zip ファイルとしてパッケージ化されています。 以前のバージョンの ChromeDriver は、 ダウンロード から入手できます。 ChromeDriver は、 ウェブ デバッグ と JavaScript が有効になっている Android 4.4（KitKat） 以降の Chrome ブラウザ（バージョン 30 以降）と WebView ベースのアプリでのテスト実行をサポートしています。

Chrome がすぐに起動しない、またはクラッシュしない

これは、特別なテストハーネス（IDE など）または継続的ビルド システム（Jenkins など）を使用して ChromeDriver または Chrome を実行している場合によく発生します。 通常のユーザー コマンド プロンプトから、テストで使用しているのと同じ Chrome バイナリを起動してみてください。 chromedriver.log ファイルで使用されている Chrome バイナリを確認します。特別なコマンドライン スイッチや引数を Chrome

セキュリティ上の考慮事項

ChromeDriver は強力なツールであり、悪用されると有害な結果をもたらす可能性があります。ChromeDriver を使用する際は、次の推奨事項に従ってください。

Canary

ChromeDriver Canary には、最新の ChromeDriver 機能が含まれています。新しいバイナリは 1 日に複数回ビルドされ、利用可能になります。 デベロッパーとアーリー アドプター向けに設計されているため、完全に機能しなくなることがあります。 M115 以降、Canary を含むリリース チャンネルごとの最新の Chrome + ChromeDriver リリースは、Chrome for Testing

キーボードのサポート

現在、ChromeDriver は、米国のキーボードが構成されているシステムのみをサポートしています。 ChromeDriver はこの状態を検出すると、次のことをログに記録します。 米国のキーボードを使用している場合、 sendKeys コマンドまたは TypeElement コマンドの実行中にキーが失われることがあります。 回避策として、QWERTY レイアウトの米国キーボードをシステム構成に追加することをおすすめします。これにより、ChromeDriver

自動入力の実践: 実際の分析情報

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

• Chrome

カスタマイズ可能な選択リクエストの回答から得られた結果（デベロッパー フィードバック フォーム）

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

• Chrome

組み込みの AI を使ってみる

AI を組み込んだ機能やアプリケーションの構築を開始するための要件について学びます。

AI を組み込んだ言語検出

Language Detector API は、ウェブでブラウザ内で利用できる組み込みの言語検出機能です。

アロケーション タイムライン ツールの使用方法

割り当てタイムライン ツールを使用して、適切にガベージ コレクションされず、メモリを保持し続けているオブジェクトを見つけます。

• Chrome DevTools

合成されていないアニメーションを避ける

Lighthouse の監査に合格する方法（「複合化されていないアニメーションを避ける」）

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

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

• Chrome
• Chrome DevTools

Chrome 132 の DevTools の新機能

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

• Chrome
• Chrome DevTools

CSS ラップ 2024

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

メモリの用語

このセクションでは、メモリ分析で使用される一般的な用語について説明します。これらの用語は、さまざまな言語のさまざまなメモリ プロファイリング ツールに適用できます。

• Chrome DevTools

拡張機能のストレージを表示、編集する

[拡張機能のストレージ] パネルで拡張機能のストレージを表示、編集する方法。

• Chrome DevTools

chrome.syncFileSystem

chrome.syncFileSystem API を使用して、Google ドライブにデータを保存して同期します。この API は、Google ドライブに保存されている任意のユーザー ドキュメントにアクセスするためのものではありません。オフラインとキャッシュに使用するためのアプリ固有の同期可能なストレージを提供するため、異なるクライアント間で同じデータを使用できます。この API の使用方法については、 データを管理する をご覧ください。 "last_write_win" 「manual」

chrome.bluetoothSocket

chrome.bluetoothSocket API を使用して、RFCOMM 接続と L2CAP 接続を使用して Bluetooth デバイスとデータを送受信します。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 「system_error」 システムエラーが発生し、接続を復元できない可能性があります。 「not_listening」 ソケットがリッスンしていません。 AcceptError エラーの原因を示すエラーコード。 文字列 エラー メッセージ。

chrome.browser

chrome.browser API を使用すると、現在のアプリと Chrome プロファイルに関連付けられている Chrome ブラウザを操作できます。 文字列 新しいタブが最初に開かれたときに移動する URL。 現在のアプリケーションと Chrome プロファイルに関連付けられたブラウザ ウィンドウで新しいタブが開きます。Chrome プロファイルのブラウザ ウィンドウが開いていない場合は、新しいタブを作成する前に新しいウィンドウが開きます。 OpenTabOptions

chrome.socket

chrome.socket API を使用して、TCP 接続と UDP 接続を使用してネットワークでデータを送受信します。 注: Chrome 33 以降、この API は非推奨となり、 sockets.udp 、 sockets.tcp 、 sockets.tcpServer API に置き換えられます。 数値 number（省略可） 受け入れられたソケットの ID。 数値 新しく作成されたソケットの ID。 文字列 使用可能な IPv4/6 アドレス。 文字列

chrome.bluetooth

chrome.bluetooth API を使用して Bluetooth デバイスに接続します。すべての関数は、chrome.runtime.lastError を介してエラーを報告します。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 文字列 アダプタのアドレス（XX:XX:XX:XX:XX:XX の形式）。 ブール値 アダプタが使用可能かどうか（有効かどうか）を示します。 ブール値 アダプターが現在検出中かどうかを示します。 文字列

chrome.bluetoothLowEnergy

chrome.bluetoothLowEnergy API は、 汎用属性プロファイル（GATT） を使用して Bluetooth Smart（低エネルギー）デバイスと通信するために使用されます。 この API を使用するには、次のキーを マニフェスト で宣言する必要があります。 ManufacturerData [] 省略可 広告データの [メーカー固有のデータ] フィールドに含めるメーカー固有のデータのリスト。 ServiceData [] 省略可 広告データの [サービスデータ]

chrome.mdns

chrome.mdns API を使用して、mDNS 経由でサービスを検出します。これは、NSD 仕様の機能のサブセットで構成されています（http://www.w3.org/TR/discovery-api/）。 文字列 mDNS アドバタイズ サービスの IP アドレス。 string[] mDNS でアドバタイズされるサービスのメタデータ。 文字列 mDNS でアドバタイズされたサービスの host:port ペア。 文字列 mDNS でアドバタイズされるサービスのサービス名。

chrome.serial

chrome.serial API を使用して、シリアルポートに接続されたデバイスの読み取りと書き込みを行います。 number（省略可） ConnectionOptions.bitrate をご覧ください。このフィールドは、標準以外のビットレートを使用している場合や、基盤となるデバイスのクエリ中にエラーが発生した場合は、省略されるか不正確になることがあります。 数値 ConnectionOptions.bufferSize を見る 数値 シリアルポート接続の ID。 ブール値（省略可）

chrome.webviewTag

webview タグを使用すると、ネットワーク経由でウェブからライブ コンテンツを積極的に読み込み、Chrome アプリに埋め込むことができます。アプリは webview の外観を制御し、ウェブ コンテンツを操作したり、埋め込まれたウェブページ内でナビゲーションを開始したり、そのページ内で発生したエラーイベントに対応したりできます（ 使用方法 を参照）。 clearData によって削除されるデータを決定するオプション。 number（省略可）

chrome.fontSettings

chrome.fontSettings API を使用すると、Chrome のフォント設定を管理できます。 Font Settings API を使用するには、 拡張機能マニフェスト で "fontSettings" 権限を宣言する必要があります。次に例を示します。 Chrome では、一部のフォント設定を特定の汎用フォント ファミリーと言語スクリプトに依存させることができます。たとえば、サンセリフ体簡体中国語に使用されるフォントは、セリフ体日本語に使用されるフォントと異なる場合があります。

• Chrome 拡張機能

chrome.usb

chrome.usb API を使用して、接続された USB デバイスを操作できます。この API を使用すると、アプリのコンテキストから USB 操作にアクセスできます。この API を使用すると、アプリはハードウェア デバイスのドライバとして機能します。この API によって生成されたエラーは、 runtime.lastError を設定し、関数の通常のコールバックを実行することによって報告されます。この場合、コールバックの通常のパラメータは未定義になります。 ブール値

Prompt API

Chrome 拡張機能の Prompt API の無限の可能性をご紹介します。

拡張機能と AI

AI を使用して拡張機能を開発する方法

• Chrome 拡張機能

強力な HSTS ポリシーを使用する

強力な HTTP Strict Transport Security（HSTS）ポリシーの構成の詳細

[パフォーマンス分析情報] パネルのサポート終了

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

• Chrome
• Chrome DevTools

Chrome DevTools

AI アシスタントに関する最新情報やユースケースをご確認ください

• Chrome DevTools

chrome.documentScan

chrome.documentScan API を使用すると、接続されているドキュメント スキャナから画像を検出、取得できます。

• Chrome 拡張機能

chrome.desktopCapture

Desktop Capture API は、画面、個々のウィンドウ、個々のタブのコンテンツをキャプチャします。 chooseDesktopMedia() で使用されるデスクトップ メディアソースのセットを定義するために使用される列挙型。 「screen」 「window」 「タブ」 「audio」 SelfCapturePreferenceEnum をミラーリングします。 "include" 「除外」 SystemAudioPreferenceEnum をミラーリングします。 "include"

• Chrome 拡張機能

chrome.dns

DNS 解決には chrome.dns API を使用します。 この API を使用するには、 manifest で "dns" 権限を宣言する必要があります。 次のコードは resolve() を呼び出して、 example.com の IP アドレスを取得します。 service-worker.js: 文字列（省略可） IP アドレスのリテラルを表す文字列。resultCode が成功を示す場合にのみ指定します。 数値 結果コード。0 は成功を示します。 指定されたホスト名または IP

• Chrome 拡張機能

chrome.declarativeContent

chrome.declarativeContent API を使用すると、ページのコンテンツの読み取り権限を必要とせず、ページのコンテンツに応じた操作を行うことができます。 Declarative Content API を使用すると、 ホスト権限 を追加したり、 コンテンツ スクリプト を挿入したりすることなく、ウェブページの URL に応じて、または CSS セレクタがページ上の要素と一致する場合に、拡張機能のアクションを有効にできます。 activeTab

• Chrome 拡張機能

chrome.system.storage

chrome.system.storage API を使用してストレージ デバイスの情報をクエリし、取り外し可能なストレージ デバイスが接続または切断されたときに通知します。 「success」 取り外しコマンドが成功しました。アプリケーションは、デバイスを取り外すようユーザーにプロンプトを表示できます。 "in_use" デバイスが別のアプリによって使用されています。取り出しが成功しませんでした。他のアプリがデバイスの使用を終了するまで、デバイスを取り外さないでください。

• Chrome 拡張機能

chrome.contextMenus

chrome.contextMenus API を使用して、Google Chrome のコンテキスト メニューにアイテムを追加します。コンテキスト メニューの追加を適用するオブジェクトの種類（画像、ハイパーリンク、ページなど）を選択できます。 API を使用するには、拡張機能のマニフェストで "contextMenus" 権限を宣言する必要があります。また、メニュー項目の横に表示する 16 x 16 ピクセルのアイコンを指定する必要があります。次に例を示します。 コンテキスト メニュー

• Chrome 拡張機能

chrome.audio

chrome.audio API は、ユーザーがシステムに接続されているオーディオ デバイスに関する情報を取得し、制御できるようにするために提供されています。この API は現在、ChromeOS のキオスクモードでのみ使用できます。 文字列 デバイス名。 DeviceType 端末のタイプ。 文字列 ユーザー フレンドリーな名前（「USB マイク」など）。 文字列 音声デバイスの一意の識別子。 ブール値 これが現在アクティブなデバイスである場合、true になります。 数値

• Chrome 拡張機能

chrome.alarms

chrome.alarms API を使用して、定期的に、または将来の特定の時刻にコードを実行するようにスケジュールします。 chrome.alarms API を使用するには、 manifest で "alarms" 権限を宣言します。 信頼性の高い動作を確保するには、API の動作を理解することが役立ちます。

• Chrome 拡張機能

自動入力

ブラウザとデベロッパーは、ユーザーがデータをすばやく入力し、データを再入力しなくて済むようにすることができます。

CrUX ツール

CrUX ツールに関する技術ドキュメント。

• Chrome UX レポート

chrome.declarativeNetRequest

chrome.declarativeNetRequest API は、宣言型ルールを指定してネットワーク リクエストをブロックまたは変更するために使用されます。これにより、拡張機能はネットワーク リクエストをインターセプトしてコンテンツを表示することなく、リクエストを変更できるため、プライバシーが保護されます。 「 declarativeNetRequest 」権限と「 declarativeNetRequestWithHostAccess

• Chrome 拡張機能

chrome.devtools.panels

chrome.devtools.panels API を使用して、拡張機能をデベロッパー ツール ウィンドウの UI に統合します。独自のパネルを作成したり、既存のパネルにアクセスしたり、サイドバーを追加したりできます。 各拡張機能パネルとサイドバーは、個別の HTML ページとして表示されます。デベロッパー ツール ウィンドウに表示されるすべての拡張機能ページは、 chrome.devtools API のすべての部分と、他のすべての拡張機能 API にアクセスできます。

• Chrome 拡張機能

chrome.fileBrowserHandler

chrome.fileBrowserHandler API を使用すると、ChromeOS ファイル ブラウザを拡張できます。たとえば、ウェブサイトにユーザーがファイルをアップロードできるようにする場合にこの API を使用できます。 ChromeOS ファイル ブラウザは、ユーザーが Alt+Shift+M キーを押すか、SD カード、USB キー、外部ドライブ、デジタル カメラなどの外部ストレージ デバイスを接続すると表示されます。ファイル

• Chrome 拡張機能

chrome.readingList

chrome.readingList API を使用して、 リーディング リスト のアイテムを読み取り、変更します。 Reading List API を使用するには、拡張機能の マニフェスト ファイルに "readingList" 権限を追加します。 manifest.json: Chrome のサイドパネルにはリーディング リストが表示されます。ウェブページを保存して、後で読む、またはオフラインで読むことができる。 Reading List API

• Chrome 拡張機能

WebGPU の今後

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

• Chrome
• WebGpu

動画のユーザー補助機能が Gemini API デベロッパー コンペティションのウェブ賞を受賞

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

• Chrome

新しい拡張機能メニューのテスト開始に備えて拡張機能を準備する

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

• Chrome 拡張機能
• Chrome

パスキー

より簡単かつ安全なパスワードの置き換え。

chrome.networking.onc

chrome.networking.onc API は、ネットワーク接続（モバイル、イーサネット、VPN、Wi-Fi）の構成に使用されます。この API は、自動起動された ChromeOS キオスク セッションで使用できます。 ネットワーク接続の構成は、 Open Network Configuration（ONC） 仕様に従って指定します。 注: ほとんどの辞書プロパティと列挙型の値では、JavaScript の lowerCamelCase 表記法ではなく、ONC 仕様に一致するように

パフォーマンス パネルで直接トレースにアノテーションを付ける

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

• Chrome

Translator API オリジン トライアルに参加する

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

• Chrome

パフォーマンスの AI アシスタンス

AI を活用したパフォーマンス プロファイルの把握

• Chrome DevTools

Chrome 132 ベータ版

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

• Chrome

AI によるクライアントサイド翻訳

Translator API を使用して、グローバルなカスタマー サポートを強化する。

AI アシスタント パネル

AI を活用してウェブサイトの仕組みを理解する

• Chrome DevTools

組み込みの AI

組み込みの AI は、センシティブ データを保護してレイテンシを改善しながら、パワフルなモデルをユーザーに提供できる最新のサービスです。

ソースの AI アシスタンス

AI を活用してウェブサイトのリソースを把握する

• Chrome DevTools

ネットワークの AI アシスタンス

AI を活用してウェブサイトのネットワーク トラフィックを把握する

• Chrome DevTools

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

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

• Chrome
• パスキー

Chrome 拡張機能の Prompt API オリジン トライアルに参加する

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

• Chrome

Chrome 131

CSS ハイライトの継承の変更、details 要素の CSS スタイルの追加、ページ マージン ボックスによる印刷レイアウトの簡素化など。

• Chrome

Chrome 131 の新機能

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

• Chrome

Summarizer API オリジン トライアルに参加する

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

• Chrome

Signal API を使用して、パスキーとサーバー上の認証情報の整合性を保つ

WebAuthn Signal API を使用すると、信頼できる当事者は既存の認証情報の状態をパスキー プロバイダに通知できるため、パスキーがサーバー上の認証情報と整合するようになります。

• パスキー
• Chrome

組み込みの AI による要約

長い記事、複雑なドキュメント、活発なチャット会話から、簡潔で洞察に富んだ要約を抽出します。

CSS と UI

タイポグラフィ、色、レイアウトなどのトピックに関するリソースをご覧ください。

マニフェスト - サンドボックス

警告: バージョン 57 以降の Chrome では、サンドボックス化されたページ内に外部ウェブ コンテンツ（埋め込まれたフレームやスクリプトを含む）を配置できなくなります。代わりに WebView を使用してください。 サンドボックス化された一意のオリジンで提供されるアプリまたは拡張機能のページのコレクションを定義します。必要に応じて、それらで使用するコンテンツ セキュリティ ポリシーも定義します。サンドボックスには次の 2 つの意味があります。

ストレージ領域のマニフェスト

local ストレージ領域と sync ストレージ領域とは異なり、 managed ストレージ領域では構造を JSON スキーマ として宣言する必要があり、Chrome によって厳密に検証されます。このスキーマは、 "storage" マニフェスト キーの "managed_schema" プロパティで指定されたファイルに保存し、アプリでサポートされているエンタープライズ ポリシーを宣言する必要があります。

マニフェスト - 要件

アプリまたは拡張機能に必要なテクノロジー。Chrome ウェブストアなどのホスティング サイトでは、このリストを使用して、ユーザーがパソコンで動作しないアプリや拡張機能をインストールしないように促す場合があります。現在サポートされている要件には「3D」と「プラグイン」があります。今後、他の要件チェックが追加される可能性があります。 「3D」要件は、GPU ハードウェア アクセラレーションを示します。「webgl」の要件は WebGL API を指します。Chrome の 3D

オリジン トライアルを使ってみる

ウェブ プラットフォームの新機能または試験運用版の機能をテストします。機能をすべてのユーザーに公開する前に、ウェブ標準コミュニティに機能のユーザビリティ、実用性、有効性についてのフィードバックを提供する。

メモリの問題を解決する

Chrome と DevTools を使用して、メモリリーク、メモリの肥大化、頻繁なガベージ コレクションなど、ページのパフォーマンスに影響するメモリの問題を見つける方法について説明します。

• Chrome DevTools

WebGPU の新機能（Chrome 131）

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

• Chrome
• WebGpu

スタイル設定のその他のオプション（<詳細>）

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

メモリパネルの概要

メモリ割り当てに関する詳細な分析情報を取得し、低レベルのメモリの問題を調査して、ガベージ コレクションを管理します。

• Chrome DevTools

シームレスな認証情報の共有により、ユーザーのログインがスムーズになる

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

• Chrome

DevTools のカスタマイズ

Chrome DevTools をカスタマイズする方法のリスト。テーマ、配置、パネルの順序、言語などを変更できます。

• Chrome DevTools

バッジのリファレンス

さまざまなオーバーレイを切り替え、バッジを使用して DOM ツリー ナビゲーションを高速化できます。

• Chrome DevTools

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

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

• Chrome DevTools
• Chrome

CSS を使用して印刷するときにウェブページの余白にコンテンツを追加する

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

• Chrome

DevTools の新機能（Chrome 131）

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

• Chrome DevTools
• Chrome

ユーザー（手書き入力）を認識する

手書き入力認識 API を使用すると、ウェブ アプリケーションで高度な手書き入力認識サービスを使用して、手書き入力のテキストをリアルタイムで認識できます。

WebGPU: トラブルシューティングのヒントと修正

Chrome ブラウザで WebGPU が無効になっている、または動作しない理由をご確認ください。

Chrome から --headless=old を削除

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

• Chrome

ランタイム パフォーマンスを分析する

Chrome DevTools でランタイム パフォーマンスを評価する方法について説明します。

• Chrome DevTools

DevTools の新しいスクロール バッジ: スクロール可能な要素をすばやく見つける

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

• Chrome

DevTools の AI アシスタンスでおすすめすべき 5 つのこと

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

• Chrome

Cache-Control: no-store の bfcache の有効化

Chrome では、安全に Cache-Control: no-store を使用しているページで bfcache の使用を許可するように変更されます。デベロッパーの皆様への影響をご確認ください。

Chrome ヘッドレス モード

Chrome のヘッドレス モードは、Chrome の通常のヘッドフル モードに近づけることで、デベロッパーにとってさらに便利になりました。

• Chromium

組み込みの AI API

組み込みの AI は、センシティブ データを保護してレイテンシを改善しながら、パワフルなモデルをユーザーに提供できる最新のサービスです。

Chrome 131 ベータ版

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

• Chrome

API リファレンス

Chrome 拡張機能で利用できるすべての API の完全なリファレンス。これには、サポートが終了した Chrome アプリ プラットフォーム用の API や、ベータ版および開発中の API が含まれます。

• Chrome 拡張機能

スタイル設定における AI アシスタント

DevTools の AI を使用してウェブサイトのスタイル設定がどのように行われるかを理解する。

• Chrome DevTools

WebGPU の新機能（Chrome 130）

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

• Chrome
• WebGpu

Chrome 130 の新機能

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

• Chrome

Chrome 130

Chrome 130 のリリースが開始されました。ドキュメントのピクチャー イン ピクチャーでは、ピクチャー イン ピクチャー ウィンドウをより細かく制御できます。CSS のネストされた宣言では、厄介なエッジケースを修正できます。要素の装飾が複数行に分割された場合の動作を指定することもできます。他にも多くの機能があります。

• Chrome

chrome.virtualKeyboard

chrome.virtualKeyboard API は、キオスク セッションでの仮想キーボードのレイアウトと動作を構成するために使用されるキオスク専用の API です。 ブール値（省略可） 仮想キーボードで予測入力を利用できるかどうかを指定します。 ブール値（省略可） 仮想キーボードで自動修正機能を使用できるかどうかを指定します。 ブール値（省略可） 仮想キーボードで手書き入力認識を使用して入力できるかどうか。 ブール値（省略可）

chrome.clipboard

chrome.clipboard API は、ユーザーがクリップボードのデータにアクセスできるようにするためのものです。これは、オープンウェブの代替手段が利用可能になるまで、chromeos プラットフォーム アプリに対する一時的なソリューションです。2017 年第 4 四半期には、オープンウェブ ソリューションが利用可能になり次第非推奨となります。 文字列 追加データ項目の内容。 type が「textPlain」の場合は書式なしテキストの文字列またはマークアップ文字列（ type

長いアニメーション フレーム API

Long Tasks API の次期イテレーションで、アトリビューションによってフレーム更新の遅延を測定できる Long Animation Frames API（LoAF）について学びます。

AI イノベーション

[AI イノベーション] タブのリファレンス。

• Chrome DevTools

ネットワーク アクティビティを検査する

Chrome DevTools の最も一般的なネットワーク関連機能に関するチュートリアルです。

• Chrome DevTools

Box-decoration-break プロパティ（Chrome 130）

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

• Chrome

Chrome 拡張機能の今後の予定（2024 年 10 月）

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

• Chrome 拡張機能
• Chrome

ネイティブ クライアント

コンパイルされた C / C++ コードをブラウザで実行するためのサンドボックス。サポートを終了しました。

プライベート ネットワーク アクセスの保留

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

• Chrome

CSS 選択のスタイル設定の継承の変更

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

• Chrome

Translation API が早期プレビュー版で利用可能に

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

• Chrome

CSS anchor positioning API

アンカー ポジショニング API を使用して、要素を相互に配置します。

Chrome DevTools での予測を把握する: 難しい理由とその改善方法

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

• Chrome

Google Chrome 組み込み AI チャレンジに参加する

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

• Chrome

WebAuthn: 認証システムをエミュレートする

Chrome DevTools で、認証システムをエミュレートして WebAuthn をデバッグします。

• Chrome DevTools

Chrome ウェブストア デベロッパー ダッシュボードのモバイル エクスペリエンスを改善

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

• Chrome 拡張機能
• Chrome

検索: 読み込まれたすべてのリソースからテキストを検索する

検索パネルを使用して、読み込まれたすべてのリソースからテキストを検索できます。

• Chrome DevTools

機能リファレンス

Chrome DevTools の [レコーダー] パネルの機能に関する総合的なリファレンス。

• Chrome DevTools

Chrome 130 の DevTools の新機能

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

• Chrome
• Chrome DevTools

対象範囲: 使用していない JavaScript と CSS を見つける

Chrome DevTools で使用していない JavaScript や CSS コードを見つけて分析する方法

• Chrome DevTools

[ソース] パネルの概要

Chrome DevTools の [ソース] パネルで、ファイルの表示と編集、スニペットの作成、JavaScript のデバッグ、ワークスペースの設定を行います。

• Chrome DevTools

シングルページ アプリケーションでの同一ドキュメント ビュー遷移

シングルページ アプリケーションで使用する同一ドキュメントのビュー遷移を使ってみましょう。

[レイヤ] パネル: ウェブサイトのレイヤを探索する

ウェブサイトを構成するレイヤを調べます。

• Chrome DevTools

キャッシュの解明: キャッシュの調査、クリア、無効化

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

• Chrome
• Chrome DevTools

Web Vitals 拡張機能が DevTools に追加されました

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

• Chrome
• Chrome DevTools

コンソールの概要

Chrome DevTools コンソールの主な用途は、メッセージの記録と JavaScript の実行です。

• Chrome DevTools

ウェブアプリ マニフェスト ID プロパティを使用して一意に識別する PWA

オプションの `id` プロパティは、ウェブアプリ マニフェストの仕様に含まれており、PWA に使用する識別子を明示的に定義できます。マニフェストに id プロパティを追加すると、start_url またはマニフェストの場所への依存関係が削除され、今後更新できるようになります。

Chrome で Google パスワード マネージャーのパスキーをパソコンと Android 間で同期

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

• Chrome
• パスキー

Writer API と Rewrite API の早期プレビューを公開

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

• Chrome

フィードバックが必要: CSS 組積造をどのように定義すればよいでしょうか？

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

• Chrome

Chrome 130 ベータ版

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

• Chrome

パフォーマンス パネル: ウェブサイトのパフォーマンスを分析する

ウェブサイトの読み込みと実行時のパフォーマンスを分析する

• Chrome DevTools

Chrome 試験運用版: プロセスの共有

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

• Chrome

WebGPU の新機能（Chrome 129）

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

• Chrome
• WebGpu

Chrome 129 の新機能

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

• Chrome

高さまでアニメーション化: auto;（および他の固有のサイズ設定キーワード）を CSS 内で指定

「interpolate-size」と「calc-size()」を使用して、固有のサイズ設定キーワードとの間でアニメーション化する

ローカルと実際のユーザーの Core Web Vitals のパフォーマンスを DevTools でモニタリングする

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

• Chrome
• Chrome DevTools

Web Serial の Bluetooth RFCOMM の更新

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

• Chrome

デベロッパー フィードバックのリクエスト: カスタマイズ可能な選択

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

• Chrome

画面をフリーズして消える要素を検査する

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

• Chrome
• Chrome DevTools

リリースノート

CrUX データセットの最新の変更に関する詳細。

• Chrome UX レポート

「動画」だけでなく、すべての要素でピクチャー イン ピクチャーで使用可能

常時オンのウィンドウに任意の HTML コンテンツを表示します。

Keyboard Lock と Pointer Lock API には、Chrome 131 の権限が必要です

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

• Chrome

マニフェスト - Nacl モジュール

MIME タイプから各タイプを処理するネイティブ クライアント モジュールへの 1 つ以上のマッピング。対象 次のスニペットの太字のコードは、Native Client モジュールをコンテンツとして登録しています。 OpenOffice スプレッドシートの MIME タイプの MIME タイプを拒否します。 「path」の値拡張機能内のネイティブ クライアント マニフェスト（.nmf ファイル）の場所 されます。ネイティブ クライアントと.nmf ファイルについて詳しくは、 ネイティブ

externally_connectable

externally_connectable マニフェスト プロパティは、許可する拡張機能、アプリ、ウェブページを宣言します。 runtime.connect と runtime.sendMessage 経由でアプリに接続します。 メッセージの受け渡しに関するチュートリアルについては、 クロス拡張機能とアプリ メッセージング と メッセージの送信をご覧ください。 ウェブページから削除します アプリのマニフェストで externally_connectable

マニフェスト - アイコン

拡張機能、アプリ、テーマを表す 1 つ以上のアイコン。常に 128×128 のサイズを アイコンインストール中や Chrome ウェブストアで使用されます。拡張機能では 拡張機能の管理ページ（chrome://extensions）で使用されている 48x48 アイコン。また、 拡張機能のページのファビコンとして使用する 16x16 のアイコンを指定する。 一般に、アイコンは PNG 形式にする必要があります。PNG が最も透過性をサポートしているためです。。 BMP、GIF、ICO、JPEG

マニフェストのバージョン

パッケージに必要なマニフェスト ファイル形式のバージョンを指定する 1 つの整数。Chrome 以降 ここに記載されている形式を使用するには、 2 （引用符なし）を指定する 必要があります 。 ドキュメント: Chrome 18 でマニフェスト バージョン 1 は 非推奨 になりました。バージョン 2 はまだ 必須 ではありませんが、 近い将来、非推奨のパッケージを使用するパッケージの 指定します。移行の準備が整っていない拡張機能、アプリケーション、テーマは、 Chrome 18

Memory Inspector: ArrayBuffer、TypedArray、DataView、Wasm Memory を検査します。

Memory Inspector を使用すると、JavaScript の ArrayBuffer、TypedArray、DataView や、C++ Wasm アプリの WebAssembly.Memory を検査できます。

• Chrome DevTools

変更: HTML、CSS、JavaScript の変更をトラッキングする

HTML、CSS、JavaScript に対する変更のトラッキング

• Chrome DevTools

Chrome のウェブサイト間でシームレスな認証情報共有が可能に

同じアカウント管理バックエンドを共有する複数のドメインを使用している場合、Digital Asset Links を使用して認証情報をシームレスに共有することもできます。これにより、ユーザーは認証情報を一度保存し、Chrome パスワード マネージャーで関連するウェブサイトに対して提案できるようになります。

コマンド メニューでコマンドを実行する

コマンド メニューを開く方法、コマンドを実行する方法、ファイルを開く方法、その他のアクションを表示する方法などに関するガイドです。

• Chrome DevTools

Digital Credentials API のオリジン トライアルのご紹介

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

• Chrome

アンカー ポジショニングの構文の変更

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

• Chrome

DevTools の新機能（Chrome 129）

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

• Chrome
• Chrome DevTools

ウェブ プラットフォーム

Chrome の仕組み、オリジン トライアルに参加して、あらゆる場所で Chrome を使って構築しましょう。

Chrome で WebAuthn のヒント、関連オリジン リクエスト、JSON シリアル化を導入

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

• Chrome

機能と ChromeOptions

機能とは、ChromeDriver セッションのカスタマイズと構成に使用できるオプションです。

Language Detection API の早期プレビュー版が利用可能

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

• Chrome

chrome.declarativeNetRequest

chrome.declarativeNetRequest API は、宣言型ルールを指定することで、ネットワーク リクエストをブロックまたは変更する場合に使用します。これにより拡張機能は、リクエストをインターセプトしてコンテンツを閲覧することなく、ネットワーク リクエストを変更できるため、プライバシーが強化されます。 declarativeNetRequestFeedback host_permissions 上記の権限に加えて、特定の種類のルールセット（具体的には静的ルールセット）では、

• Chrome 拡張機能

Lighthouse: ウェブサイトの速度を最適化する

Chrome Lighthouse でウェブサイトの読み込み時間を短縮しましょう。

• Chrome DevTools

chrome.sidePanel

chrome.sidePanel API を使用すると、ウェブページのメイン コンテンツとともにブラウザのサイドパネルでコンテンツをホストできます。 Side Panel API を使用するには、拡張機能の マニフェスト ファイルに "sidePanel" 権限を追加します。 manifest.json: Side Panel API を使用すると、拡張機能でサイドパネルに独自の UI を表示できるようになり、ユーザーのブラウジング ジャーニーを補完する永続的なエクスペリエンスを実現できます。

• Chrome 拡張機能

chrome.webRequest

chrome.webRequest API を使用して、トラフィックをモニタリングおよび分析し、処理中のリクエストをインターセプト、ブロック、変更します。 ウェブ リクエストを使用するには、 拡張機能のマニフェスト で "webRequest" 権限を宣言する必要があります API と必要な ホスト権限 。サブリソース リクエストをインターセプトするには、 拡張機能は、リクエストされた URL とそのイニシエータの両方にアクセスできる必要があります。例: webRequestBlocking

• Chrome 拡張機能

chrome.omnibox

アドレスバー API を使用すると、Google Chrome のアドレスバーにキーワードを登録できます。アドレスバーはアドレスバーとも呼ばれます。 ユーザーが拡張機能のキーワードを入力すると、拡張機能のみの操作を開始する。 あります。キー入力はそれぞれ拡張機能に送信され、ユーザーはそれに対する候補を提示できます。 候補は、さまざまな方法で豊富な形式にできます。ユーザーが候補を承認すると 拡張機能が通知を受け、処理される可能性があります。 アドレスバー API を使用するには、 マニフェスト に

• Chrome 拡張機能

chrome.pageAction

chrome.pageAction API を使用して、Google Chrome のメインツールバーのアドレスバーの右にアイコンを配置します。ページ操作とは、現在のページで実行できる操作のうち、すべてのページには適用されない操作のことです。無効な場合、ページ操作はグレー表示されます。 例: 次のスクリーンショットの RSS アイコンは、RSS を購読できるページ アクションを表しています。 現在のページのフィードです 非表示のページ操作はグレー表示されます。たとえば、下の RSS

• Chrome 拡張機能

chrome.windows

chrome.windows API を使用してブラウザ ウィンドウを操作します。この API を使用すると、ブラウザのウィンドウの作成、変更、並べ替えを行うことができます。 リクエストされると、 windows.Window には tabs.Tab オブジェクトの配列が含まれます。必要なこと url にアクセスする必要がある場合は、 マニフェスト で "tabs" 権限を宣言します。 pendingUrl 、 title 、または tabs.Tab の favIconUrl プロパティ。例:

• Chrome 拡張機能

chrome.i18n

chrome.i18n インフラストラクチャを使用して、アプリまたは拡張機能全体に国際化を実装します。 ユーザーに表示されるすべての文字列を、 messages.json という名前のファイルに配置する必要があります。毎回 新しい言語 / 地域を追加する場合は、 _locales/_localeCode_ という名前のディレクトリにメッセージ ファイルを追加します。 localeCode は、英語の場合は en などのコードです。 英語（ en

• Chrome 拡張機能

chrome.browserAction

ブラウザ操作を使用して、Google Chrome のメイン ツールバーのアドレスバーの右にアイコンを配置します。ブラウザのアクションには、 アイコン に加えて、 ツールチップ 、 バッジ 、 ポップアップ を表示できます。 次の図では、アドレスバーの右側にある色とりどりの正方形が、 できます。アイコンの下にポップアップが表示されます。 常にアクティブとは限らないアイコンを作成するには、ブラウザではなく ページ アクション を使用します できます。 次のように、 拡張機能のマニフェスト

• Chrome 拡張機能

chrome.webRequest

chrome.webRequest API を使用して、トラフィックをモニタリングおよび分析し、処理中のリクエストをインターセプト、ブロック、変更します。 ウェブ リクエストを使用するには、 拡張機能のマニフェスト で "webRequest" 権限を宣言する必要があります API と必要な ホスト権限 。サブリソース リクエストをインターセプトするには、 拡張機能は、リクエストされた URL とそのイニシエータの両方にアクセスできる必要があります。例: Chrome 108 以降では、

• Chrome 拡張機能

chrome.fileBrowserHandler

chrome.fileBrowserHandler API を使用して ChromeOS のファイル ブラウザを拡張します。たとえば、この API を使用して、ユーザーがウェブサイトにファイルをアップロードできるようにすることができます。 Alt+Shift+M キーを押すか、SD カード、USB キー、外部ドライブ、デジタルカメラなどの外部ストレージ デバイスを接続すると、ChromeOS ファイル ブラウザが表示されます。ファイル

• Chrome 拡張機能

chrome.devtools.panels

chrome.devtools.panels API を使用して拡張機能をデベロッパー ツールのウィンドウ UI に統合し、独自のパネルの作成、既存のパネルへのアクセス、サイドバーの追加を行います。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 デベロッパー ツール API の使用方法の概要については、 DevTools API の概要 をご覧ください。 拡張機能パネルとサイドバーはそれぞれ個別の HTML

• Chrome 拡張機能

マニフェスト ファイル形式

すべてのアプリには manifest.json という名前の JSON 形式のマニフェスト ファイルがあります。このファイルには、 情報です。 次のコードは、アプリでサポートされているマニフェスト フィールドと、 説明していきます。

chrome.system.cpu

system.cpu API を使用して CPU メタデータをクエリします。 文字列 プロセッサのアーキテクチャ名。 string[] プロセッサの機能の一部を示す機能コードのセット。現在サポートされているコードは、「mmx」、「sse」、「sse2」、「sse3」、「ssse3」、「sse4_1」、「sse4_2」、「avx」です。 文字列 プロセッサのモデル名。 数値 論理プロセッサの数。 ProcessorInfo [] 各論理プロセッサに関する情報。 数値 [] CPU

• Chrome 拡張機能

chrome.enterprise.networkingAttributes

chrome.enterprise.networkingAttributes API を使用して、現在のネットワークに関する情報を読み取ります。注: この API は、企業ポリシーによって自動インストールされた拡張機能でのみ使用できます。 文字列（省略可） デバイスのローカル IPv4 アドレス（構成されていない場合は未定義）。 文字列（省略可） デバイスのローカル IPv6 アドレス（構成されていない場合は未定義）。 文字列 デバイスの MAC アドレス。 デバイスのデフォルト

• Chrome 拡張機能

chrome.gcm

chrome.gcm を使用して、アプリと拡張機能が Firebase Cloud Messaging （FCM）でメッセージを送受信できるようにします。 メッセージ内のすべての Key-Value ペアの最大サイズ（バイト単位）。 4096 アプリケーションを FCM に登録します。登録 ID は callback によって返されます。同じ senderIds のリストを指定して register が再度呼び出されると、同じ登録 ID が返されます。 string[]

• Chrome 拡張機能

chrome.instanceID

chrome.instanceID を使用してインスタンス ID サービスにアクセスします。 アプリ インスタンス ID をリセットし、関連付けられているすべてのトークンを取り消します。 関数（省略可） callback パラメータは次のようになります。 約束 &lt;void&gt; Promise は Manifest V3 以降でのみサポートされています。他のプラットフォームではコールバックを使用する必要があります。 付与されたトークンを取り消します。 オブジェクト deleteToken

• Chrome 拡張機能

chrome.wallpaper

ChromeOS の壁紙を変更するには chrome.wallpaper API を使用します。 「壁紙」を宣言する必要があります使用するための権限をアプリの マニフェスト に記載 使用できます。例: たとえば、壁紙を https://example.com/a_file.png さん、 chrome.wallpaper.setWallpaper を呼び出すことができます できます。 サポートされている壁紙レイアウト。 "ストレッチ" 「CENTER」 "CENTER_CROPPED" 指定した

• Chrome 拡張機能

chrome.history

chrome.history API を使用して、アクセスしたページのブラウザの記録を操作します。ブラウザの履歴では、URL の追加、削除、照会を行うことができます。履歴ページを独自のバージョンでオーバーライドするには、 ページをオーバーライドする をご覧ください。 「履歴」を申告する必要がある 拡張機能のマニフェスト で History API の使用を許可する必要があります。次に例を示します。 History API は 遷移タイプ を使用して、ブラウザが特定の URL

• Chrome 拡張機能

chrome.loginState

chrome.loginState API を使用して、ログイン状態を読み取り、モニタリングします。 "SIGNIN_PROFILE" 拡張機能がログイン プロファイルにあることを指定します。 "USER_PROFILE" 拡張機能がユーザー プロフィールにあることを指定します。 "UNKNOWN" セッション状態が不明であることを指定します。 "IN_OOBE_SCREEN" ユーザーが開封確認画面にいることを指定します。 "IN_LOGIN_SCREEN"

• Chrome 拡張機能

chrome.input.ime

chrome.input.ime API を使用して、ChromeOS のカスタム IME を実装します。これにより、拡張機能でキー入力の処理、構成の設定、候補ウィンドウの管理を行うことができます。 「input」パラメータを宣言し、 拡張機能のマニフェスト で input.ime API の使用権限を宣言する必要があります。次に例を示します。 次のコードは、入力された文字を大文字に変換する IME を作成します。 アシスト ウィンドウ内のボタンの ID。 「元に戻す」

• Chrome 拡張機能

chrome.printingMetrics

chrome.printingMetrics API を使用して、印刷の使用状況に関するデータを取得します。 "BLACK_AND_WHITE" モノクロ モードが使用されたことを示します。 "COLOR" カラーモードが使用されたことを示します。 "ONE_SIDED" 片面印刷が使用されたことを示します。 &amp;quot;TWO_SIDED_LONG_EDGE&amp;quot; 両面印刷（長辺をめくる）を指定します。

• Chrome 拡張機能

chrome.fontSettings

chrome.fontSettings API を使用して Chrome のフォント設定を管理します。 Font Settings API を使用するには、「fontSettings」クラスを宣言し、拡張機能の権限に 使用します 。例: Chrome で一部のフォント設定を特定の汎用フォント ファミリーと言語に依存可能に 使用できます。たとえば、sans Serif の簡体字中国語に使用するフォントは、フォントと異なる場合があります。 使用します。 Chrome でサポートされている汎用フォント

• Chrome 拡張機能

chrome.platformKeys

chrome.platformKeys API を使用して、プラットフォームが管理するクライアント証明書にアクセスします。ユーザーまたはポリシーが権限を付与した場合、拡張機能はその証明書をカスタム認証プロトコルで使用できます。例:これにより、サードパーティの VPN でプラットフォームが管理する証明書を使用できるようになります（ chrome.vpnProvider を参照）。 ArrayBuffer[] サーバーで許可されている認証局の識別名のリスト。各エントリは、DER でエンコードされた

• Chrome 拡張機能

chrome.devtools.inspectedWindow

chrome.devtools.inspectedWindow API を使用して、検査対象ウィンドウを操作します。検査対象ページのタブ ID の取得、検査対象ウィンドウのコンテキストにおけるコードの評価、ページの再読み込み、ページ内のリソースリストの取得を行います。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 chrome.devtools.inspectedWindow を使用して検査対象ウィンドウを操作し、対象のウィンドウのタブ ID

• Chrome 拡張機能

chrome.processes

chrome.processes API を使用してブラウザのプロセスとやり取りします。 数値 キャッシュで使用される部分（バイト単位）。 数値 キャッシュのサイズ（バイト単位）。 数値（省略可） プロセスのすべてのスレッドによる、1 つの CPU コアの合計使用率として表される、プロセスの CPU 使用率の最新の測定値。これにより、ゼロから CpuInfo.numOfProcessors*100 までの値が得られます。この値は、マルチスレッド プロセスでは 100%

• Chrome 拡張機能

chrome.tts

chrome.tts API を使用して、合成テキスト読み上げ（TTS）を再生します。関連する ttsEngine API もご覧ください。この API を使用すると、拡張機能で音声エンジンを実装できます。 Chrome は、Windows（SAPI 5 を使用）、Mac OS X、ChromeOS で音声をネイティブにサポートしています。 音声合成機能を使用できます。どのプラットフォームでも 自身を代替音声エンジンとして登録する拡張機能をインストールします。 拡張機能から speak()

• Chrome 拡張機能

chrome.enterprise.hardwarePlatform

chrome.enterprise.hardwarePlatform API を使用して、ブラウザが実行されているハードウェア プラットフォームのメーカーとモデルを取得します。注: この API は、企業ポリシーによってインストールされた拡張機能でのみ使用できます。 文字列 文字列 ハードウェア プラットフォームのメーカーとモデルを取得し、拡張機能が承認されている場合は callback を介して返します。 関数（省略可） callback パラメータは次のようになります。

• Chrome 拡張機能

chrome.identity

chrome.identity API を使用して OAuth2 アクセス トークンを取得します。 文字列 アカウントの一意の識別子。この ID は、アカウントが存続期間中に変更されることはありません。 SYNC メイン アカウントで同期が有効になっていることを指定します。 "ANY" メイン アカウントが存在することを指定します（存在する場合）。 文字列 [] 省略可 拡張機能に付与されている OAuth2 スコープのリスト。 文字列（省略可） リクエストに関連付けられている特定のトークン。

• Chrome 拡張機能

chrome.devtools.recorder

chrome.devtools.recorder API を使用して、DevTools の [Recorder] パネルをカスタマイズします。 デベロッパー ツール API の使用方法の概要については、 DevTools API の概要 をご覧ください。 devtools.recorder API は、Chrome DevTools の [ Recorder パネル ] を拡張できるプレビュー機能です。 Chrome M105 以降では、エクスポート機能を拡張できます。Chrome M112

• Chrome 拡張機能

chrome.dom

chrome.dom API を使用して拡張機能用の特別な DOM API にアクセスする 指定された要素でホストされている、開いているシャドウルート、または閉じられたシャドウルートを取得します。この要素が Shadow ルートにアタッチされていない場合は、null が返されます。 HTMLElement オブジェクト https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot をご覧ください。

• Chrome 拡張機能

chrome.tabCapture

chrome.tabCapture API を使用して、タブのメディア ストリームを操作します。 chrome.tabCapture API を使用すると、動画とファイルを含む MediaStream にアクセスできます。 読み上げることもできますこれは、ユーザーが拡張機能を呼び出した後にのみ呼び出すことができます。 拡張機能の 操作ボタン をクリックする。これは Pod の IP アドレス activeTab 権限。 タブで MediaStream

• Chrome 拡張機能

chrome.webNavigation

chrome.webNavigation API を使用して、処理中のナビゲーション リクエストのステータスに関する通知を受け取ります。 すべての chrome.webNavigation メソッドとイベントで、「webNavigation」を宣言する必要があります。権限 拡張機能のマニフェスト 内で指定します。例: ナビゲーションが正常に完了すると、イベントは次の順序で発生します。 プロセス中にエラーが発生すると、 onErrorOccurred イベントが発生します。特定の

• Chrome 拡張機能

chrome.management

chrome.management API を使用すると、インストール済みのアプリと拡張機能を管理できます。 「management」として 拡張機能のマニフェスト で管理権限を使用するための権限を API例: management.getPermissionWarningsByManifest 、 management.uninstallSelf 、 management.getSelf には管理権限は必要ありません。 アイテムが無効になっている理由。 「不明」

• Chrome 拡張機能

chrome.topSites

chrome.topSites API を使用して、新しいタブページに表示される上位のサイト（よくアクセスするサイト）にアクセスします。ユーザーがカスタマイズしたショートカットは含まれません。 「topSites」をこの API を使用するには、 拡張機能のマニフェスト に権限を設定する必要があります。 この API を試すには、 chrome-extension-samples から topSites API の例 をインストールしてください。 できます。

• Chrome 拡張機能

chrome.search

デフォルトのプロバイダ経由で検索するには、 chrome.search API を使用します。 "CURRENT_TAB" 通話タブまたはアクティブなブラウザのタブに検索結果を表示することを指定します。 "NEW_TAB" 検索結果を新しいタブで表示するように指定します。 "NEW_WINDOW" 検索結果を新しいウィンドウで表示するように指定します。 Disposition オプション 検索結果を表示する場所。 CURRENT_TAB がデフォルトです。 数値（省略可）

• Chrome 拡張機能

chrome.idle

chrome.idle API を使用して、マシンのアイドル状態の変化を検出します。 「アイドル状態」であることを宣言する必要があります。アイドル状態の API を使用する権限を付与する必要があります。次に例を示します。 「有効」 "アイドル状態" 「ロック中」 アイドル状態のときに画面が自動的にロックされるまでの時間を秒単位で取得します。画面が自動的にロックされない場合は、期間 0 を返します。現在、ChromeOS でのみサポートされています。 関数（省略可） callback

• Chrome 拡張機能

chrome.types

chrome.types API には Chrome 用の型宣言が含まれています。 ChromeSetting プロトタイプは、共通の関数セット（ get() 、 set() 、 clear() ）を提供します。 また、Chrome ブラウザの設定にはイベント パブリッシャー（ onChange ）も使用できます。 プロキシ設定 例 は、これらの関数がどのように使用されるかを示しています。 Chrome では、次の 3 種類のブラウザ設定の範囲を区別しています。 Chrome

• Chrome 拡張機能

chrome.enterprise.deviceAttributes

デバイスの属性を読み取るには、 chrome.enterprise.deviceAttributes API を使用します。注: この API は、企業ポリシーによって自動インストールされた拡張機能でのみ使用できます。 管理者が注釈を付けたビジネスを取得します。現在のユーザーが関連付けられていない場合、または管理者によって位置情報のアノテーションが設定されていない場合は、空の文字列が返されます。 関数（省略可） callback パラメータは次のようになります。 文字列

• Chrome 拡張機能

chrome.windows

chrome.windows API を使用してブラウザ ウィンドウを操作します。この API を使用すると、ブラウザのウィンドウの作成、変更、並べ替えを行うことができます。 リクエストされると、 windows.Window には tabs.Tab オブジェクトの配列が含まれます。必要なこと url にアクセスする必要がある場合は、 マニフェスト で "tabs" 権限を宣言します。 pendingUrl 、 title 、または tabs.Tab の favIconUrl プロパティ。例:

• Chrome 拡張機能

chrome.power

chrome.power API を使用して、システムの電源管理機能をオーバーライドします。 デフォルトでは、オペレーティング システムはユーザーが非アクティブになると画面が暗くなり、最終的に ありませんPower API を使用すると、アプリや拡張機能でシステムを起動したままにすることができます。 この API を使用すると、電源管理を無効にする レベル を指定できます。 "system"

• Chrome 拡張機能

chrome.pageCapture

chrome.pageCapture API を使用してタブを MHTML として保存します。 MHTML は、ほとんどのブラウザでサポートされている 標準形式 です。ページを 1 つのファイルにカプセル化し そのすべてのリソース（CSS ファイル、画像など）が含まれます。 なお、セキュリティ上の理由から、MHTML ファイルはファイル システムからのみ読み込むことができます。また、 メインフレームでのみ読み込むことができます。 「pageCapture」をpageCapture

• Chrome 拡張機能

chrome.systemLog

chrome.systemLog API を使用して拡張機能から Chrome システムログを記録します。 文字列 新しいログレコードを追加します。 MessageOptions ロギングのオプション。 関数（省略可） callback パラメータは次のようになります。 約束 &lt;void&gt; Promise は Manifest V3 以降でのみサポートされています。他のプラットフォームではコールバックを使用する必要があります。

• Chrome 拡張機能

chrome.privacy

chrome.privacy API を使用して、ユーザーのプライバシーに影響する可能性がある Chrome の機能の使用を管理します。この API は、Chrome の構成を取得、設定するために、 API タイプの ChromeSetting プロトタイプ を使用します。 「プライバシー」を申告する必要があります拡張機能の マニフェスト で API の使用権限を付与する必要があります。次に例を示します。 Chrome 設定の現在値を簡単に読み取ることができます。まず、 次に、そのオブジェクトの

• Chrome 拡張機能

chrome.fileSystemProvider

chrome.fileSystemProvider API を使用してファイル システムを作成し、ChromeOS のファイル マネージャーからこのシステムにアクセスできるようにします。 「fileSystemProvider」を権限と、 拡張機能のマニフェスト のセクション（File System Provider API を使用するための設定）例: file_system_provider セクションは、次のように宣言する必要があります。 ファイルアプリは、関連する UI

• Chrome 拡張機能

chrome.notifications

chrome.notifications API を使用すると、テンプレートを使用してリッチ通知を作成し、システムトレイにその通知を表示できます。 文字列（省略可） Mac OS X ユーザーにはボタン アイコンが表示されません。 文字列 文字列 このアイテムに関する補足情報。 文字列 リスト通知の 1 つのアイテムのタイトル。 文字列（省略可） アプリアイコンのマスクは、Mac OS X ユーザーには表示されません。 アプリアイコン マスクの URL。URL には iconUrl

• Chrome 拡張機能

chrome.devtools.network

デベロッパー ツールの [Network] パネルに表示されるネットワーク リクエストに関する情報を取得するには、 chrome.devtools.network API を使用します。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 デベロッパー ツール API の使用方法の概要については、 DevTools API の概要 をご覧ください。 ネットワーク リクエスト情報は、HTTP アーカイブ形式（ HAR ）で表されます。説明 HAR

• Chrome 拡張機能

chrome.downloads

この権限により 警告がトリガーされます chrome.downloads API を使用して、ダウンロードをプログラムで開始、モニタリング、操作、検索します。 この API を使用するには、 拡張機能のマニフェスト で "downloads" 権限を宣言する必要があります。 chrome.downloads API の簡単な使用例は、 examples/api/downloads にあります。 されます。その他の例とソースコードの表示については、 サンプル をご覧ください。 ブール値（省略可）

• Chrome 拡張機能

chrome.vpnProvider

chrome.vpnProvider API を使用して VPN クライアントを実装します。 vpnProvider の一般的な使用方法は次のとおりです。 createConfig メソッドを使用して VPN 構成を作成します。VPN 構成は永続的なエントリで、ネイティブの ChromeOS UI でユーザーに表示されます。ユーザーはリストから VPN 構成を選択して、接続または接続解除できます。 イベント onPlatformMessage 、 onPacketReceived 、

• Chrome 拡張機能

chrome.proxy

chrome.proxy API を使用して Chrome のプロキシ設定を管理します。この API は、 API タイプの ChromeSetting プロトタイプ を利用してプロキシ構成を取得、設定します。 「プロキシ」を宣言する必要があります。 拡張機能のマニフェスト でプロキシ設定を使用するための権限 API例: プロキシ設定は、 proxy.ProxyConfig オブジェクトで定義されます。Chrome のプロキシ設定によっては 設定には、 proxy.ProxyRules または

• Chrome 拡張機能

chrome.printerProvider

chrome.printerProvider API は、印刷マネージャーが使用するイベントを公開して、拡張機能で制御されるプリンタへのクエリ、拡張機能の機能の照会、これらのプリンタへの印刷ジョブの送信を行います。 文字列（省略可） 人が読める形式のプリンタの説明。 文字列 固有のプリンタ ID。 文字列 人間が読める形式のプリンタ名。 onPrintRequested イベントに応答して返されるエラーコード。 "OK" オペレーションが正常に完了したことを示します。 "FAILED"

• Chrome 拡張機能

chrome.events

chrome.events 名前空間には、重要なことが起きたときに通知するためにイベントをディスパッチする API で使用される一般的なタイプが含まれています。 Event は、何か興味深いことが起きたときに通知を受け取ることができるオブジェクトです。こちらが chrome.alarms.onAlarm イベントを使用して、アラームが経過するたびに通知されるようにする例: 例に示すように、 addListener() を使用して通知の登録を行います。この引数は、 addListener()

• Chrome 拡張機能

chrome.events

chrome.events 名前空間には、重要なことが起きたときに通知するためにイベントをディスパッチする API で使用される一般的なタイプが含まれています。 Event は、何か興味深いことが起きたときに通知を受け取ることができるオブジェクトです。こちらが chrome.alarms.onAlarm イベントを使用して、アラームが経過するたびに通知されるようにする例: 例に示すように、 addListener() を使用して通知の登録を行います。この引数は、 addListener()

• Chrome 拡張機能

chrome.idle

chrome.idle API を使用して、マシンのアイドル状態の変化を検出します。 アイドル状態の API を使用するには、拡張機能のマニフェストで "idle" 権限を宣言する必要があります。次に例を示します。 「有効」 "アイドル状態" 「ロック中」 アイドル状態のときに画面が自動的にロックされるまでの時間を秒単位で取得します。画面が自動的にロックされない場合は、期間 0 を返します。現在、ChromeOS でのみサポートされています。 関数（省略可） callback

• Chrome 拡張機能

chrome.offscreen

offscreen API を使用して、画面外ドキュメントを作成、管理します。 Offscreen API を使用するには、 拡張機能のマニフェスト で "offscreen" 権限を宣言します。例: Service Worker には DOM アクセスはなく、多くのウェブサイトには、 コンテンツ スクリプトの機能を制限する。Offscreen API を使用すると、拡張機能で DOM を使用できるようになります。 新しいウィンドウを開いたり、ユーザー

• Chrome 拡張機能

chrome.pageCapture

chrome.pageCapture API を使用してタブを MHTML として保存します。 MHTML は、ほとんどのブラウザでサポートされている 標準形式 です。ページを 1 つのファイルにカプセル化し そのすべてのリソース（CSS ファイル、画像など）が含まれます。 なお、セキュリティ上の理由から、MHTML ファイルはファイル システムからのみ読み込むことができます。また、 メインフレームでのみ読み込むことができます。 「pageCapture」をpageCapture

• Chrome 拡張機能

chrome.fileSystemProvider

chrome.fileSystemProvider API を使用してファイル システムを作成し、ChromeOS のファイル マネージャーからこのシステムにアクセスできるようにします。 「fileSystemProvider」を権限と、 拡張機能のマニフェスト のセクション（File System Provider API を使用するための設定）例: file_system_provider セクションは、次のように宣言する必要があります。 ファイルアプリは、関連する UI

• Chrome 拡張機能

chrome.dom

chrome.dom API を使用して拡張機能用の特別な DOM API にアクセスする 指定された要素でホストされている、開いているシャドウルート、または閉じられたシャドウルートを取得します。この要素が Shadow ルートにアタッチされていない場合は、null が返されます。 HTMLElement オブジェクト https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot をご覧ください。

• Chrome 拡張機能

chrome.debugger

chrome.debugger API は、Chrome の リモート デバッグ プロトコル の代替トランスポートとして機能します。 chrome.debugger を使用して 1 つ以上のタブにアタッチし、ネットワーク インタラクションの測定、JavaScript のデバッグ、DOM と CSS の変更などを行います。 Debuggee プロパティの tabId を使用して、 sendCommand でタブをターゲットにし、 onEvent コールバックからの tabId

• Chrome 拡張機能

chrome.management

chrome.management API を使用すると、インストール済みのアプリと拡張機能を管理できます。 「management」として 拡張機能のマニフェスト で管理権限を使用するための権限を API例: management.getPermissionWarningsByManifest() 、 management.uninstallSelf() 、 management.getSelf() には管理権限は必要ありません。 アイテムが無効になっている理由。 「不明」

• Chrome 拡張機能

chrome.omnibox

アドレスバー API を使用すると、Google Chrome のアドレスバーにキーワードを登録できます。アドレスバーはアドレスバーとも呼ばれます。 ユーザーが拡張機能のキーワードを入力すると、拡張機能のみの操作を開始する。 あります。キー入力はそれぞれ拡張機能に送信され、ユーザーはそれに対する候補を提示できます。 候補は、さまざまな方法で豊富な形式にできます。ユーザーが候補を承認すると 拡張機能が通知を受け、処理される可能性があります。 この API を使用するには、次のキーを マニフェストで

• Chrome 拡張機能

chrome.downloads

chrome.downloads API を使用して、ダウンロードをプログラムで開始、モニタリング、操作、検索します。 この API を使用するには、 拡張機能のマニフェスト で "downloads" 権限を宣言する必要があります。 chrome.downloads API の簡単な使用例は、 examples/api/downloads にあります。 されます。その他の例とソースコードの表示については、 サンプル をご覧ください。 ブール値（省略可） ブール値（省略可）

• Chrome 拡張機能

chrome.history

chrome.history API を使用して、アクセスしたページのブラウザの記録を操作します。ブラウザの履歴では、URL の追加、削除、照会を行うことができます。履歴ページを独自のバージョンでオーバーライドするには、 ページをオーバーライドする をご覧ください。 ユーザーのブラウザ履歴を操作するには、History API を使用します。 History API を使用するには、 拡張機能のマニフェスト で "history" 権限を宣言します。次に例を示します。 History API

• Chrome 拡張機能

chrome.notifications

chrome.notifications API を使用すると、テンプレートを使用してリッチ通知を作成し、システムトレイにその通知を表示できます。 文字列（省略可） Mac OS X ユーザーにはボタン アイコンが表示されません。 文字列 文字列 このアイテムに関する補足情報。 文字列 リスト通知の 1 つのアイテムのタイトル。 文字列（省略可） アプリアイコンのマスクは、Mac OS X ユーザーには表示されません。 アプリアイコン マスクの URL。URL には iconUrl

• Chrome 拡張機能

chrome.gcm

chrome.gcm を使用して、アプリと拡張機能が Firebase Cloud Messaging （FCM）でメッセージを送受信できるようにします。 メッセージ内のすべての Key-Value ペアの最大サイズ（バイト単位）。 4096 アプリケーションを FCM に登録します。登録 ID は callback によって返されます。同じ senderIds のリストを指定して register が再度呼び出されると、同じ登録 ID が返されます。 string[]

• Chrome 拡張機能

chrome.instanceID

chrome.instanceID を使用してインスタンス ID サービスにアクセスします。 アプリ インスタンス ID をリセットし、関連付けられているすべてのトークンを取り消します。 関数（省略可） callback パラメータは次のようになります。 約束 &lt;void&gt; Promise は Manifest V3 以降でサポートされていますが、 下位互換性が確保されます同じ関数呼び出しで両方を使用することはできません。「 Promise

• Chrome 拡張機能

chrome.loginState

chrome.loginState API を使用して、ログイン状態を読み取り、モニタリングします。 "SIGNIN_PROFILE" 拡張機能がログイン プロファイルにあることを指定します。 "USER_PROFILE" 拡張機能がユーザー プロフィールにあることを指定します。 "UNKNOWN" セッション状態が不明であることを指定します。 "IN_OOBE_SCREEN" ユーザーが開封確認画面にいることを指定します。 "IN_LOGIN_SCREEN"

• Chrome 拡張機能

chrome.platformKeys

chrome.platformKeys API を使用して、プラットフォームが管理するクライアント証明書にアクセスします。ユーザーまたはポリシーが権限を付与した場合、拡張機能はその証明書をカスタム認証プロトコルで使用できます。例:これにより、サードパーティの VPN でプラットフォームが管理する証明書を使用できるようになります（ chrome.vpnProvider を参照）。 ArrayBuffer[] サーバーで許可されている認証局の識別名のリスト。各エントリは、DER でエンコードされた

• Chrome 拡張機能

chrome.identity

chrome.identity API を使用して OAuth2 アクセス トークンを取得します。 文字列 アカウントの一意の識別子。この ID は、アカウントが存続期間中に変更されることはありません。 SYNC メイン アカウントで同期が有効になっていることを指定します。 "ANY" メイン アカウントが存在することを指定します（存在する場合）。 文字列 [] 省略可 拡張機能に付与されている OAuth2 スコープのリスト。 文字列（省略可） リクエストに関連付けられている特定のトークン。

• Chrome 拡張機能

chrome.sockets.tcp

chrome.sockets.tcp API を使用して、TCP 接続を使用してネットワーク経由でデータを送受信します。この API は、 chrome.socket API に以前あった TCP 機能よりも優先されます。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 数値 新しく作成されたソケットの ID。この API で作成されたソケット ID は、非推奨の [ socket ](../socket/) API など、他の API から作成されたソケット

chrome.hid

chrome.hid API を使用して、接続された HID デバイスを操作できます。この API を使用すると、アプリのコンテキストから HID オペレーションにアクセスできます。この API を使用すると、アプリはハードウェア デバイスのドライバとして機能します。この API によって生成されたエラーは、 runtime.lastError を設定して関数の通常のコールバックを実行することによって報告されます。この場合、コールバックの通常のパラメータは未定義になります。 数値（省略可）

chrome.sockets.tcpServer

chrome.sockets.tcpServer API を使用して、TCP 接続を使用するサーバー アプリケーションを作成します。この API は、 chrome.socket API に以前あった TCP 機能よりも優先されます。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 数値 基になるネットワーク呼び出しから返された結果コード。 数値 サーバー ソケット ID。 数値 クライアント

chrome.system.network

chrome.system.network API を使用する。 文字列 使用可能な IPv4/6 アドレス。 文字列 アダプタの基本名。*nix では、通常、"eth0"、"wlan0" などになります。 数値 プレフィックスの長さ このシステムのローカル アダプターに関する情報を取得します。 関数（省略可） callback パラメータは次のようになります。 NetworkInterface [] ネットワーク インターフェース情報を含むオブジェクトの配列。 Promise&amp;lt;

chrome.fileSystem

chrome.fileSystem API を使用して、ユーザーのローカル ファイル システムの作成、読み取り、移動、書き込みを行います。この API により、Chrome アプリはユーザーが選択した場所に対して読み取りと書き込みを行えます。たとえば、テキスト エディタ アプリでは、この API を使用してローカル ドキュメントの読み取りと書き込みを行うことができます。すべてのエラーは、chrome.runtime.lastError を介して通知されます。 文字列（省略可）

chrome.app.window

chrome.app.window API を使用してウィンドウを作成します。ウィンドウには、タイトルバーとサイズ コントロールを備えたオプションのフレームがあります。Chrome ブラウザ ウィンドウには関連付けられていません。これらのオプションのデモについては、 ウィンドウ状態サンプル をご覧ください。 ウィンドウ JavaScript の「ウィンドウ」オブジェクトが作成されます。 文字列 ウィンドウの作成に使用された ID。 境界 ウィンドウのコンテンツの位置、サイズ、制約（ウィンドウ

chrome.mediaGalleries

chrome.mediaGalleries API を使用して、ユーザーの同意を得たうえで、ユーザーのローカル ディスクのメディア ファイル（音声、画像、動画）にアクセスします。 文字列 ブール値 文字列 変更されたギャラリーを識別します。 GalleryChangeType 変更イベントのタイプ。 &amp;quot;contents_changed&amp;quot; ギャラリーのコンテンツが変更されました。 "watch_dropped"

ロギング

デフォルトでは、ChromeDriver は警告/エラーのみを stderr に記録します。デバッグ時 詳細ログを有効にすると便利です。 詳細ログを有効にするには、 --verbose を chromedriver サーバーに渡します。 代わりに --log-path を渡して、ログがファイルに書き込まれるようにすることもできます。 あります。chromedriver サーバーを直接起動しない場合は、 WebDriver クライアント

ChromeDriver のスタートガイド

このページでは、ChromeDriver を使用してウェブサイトをテストする方法について説明します。 パソコン（Windows、Mac、Linux）でご利用いただけます。また、 Android スタートガイド または ChromeOS の概要 ChromeDriver は、Selenium WebDriver が Chrome を制御するために使用する独立した実行可能ファイルです。これは、WebDriver のコントリビューターのサポートのもと、Chromium

Chrome 拡張機能

Chrome 拡張機能は、パッケージ化されていても解凍してもかまいません。 パッケージ化されていない拡張機能をパッケージ化するには、 chrome://extensions の [Pack] ボタンを使用するか、 Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem"

Chrome 129 ベータ版

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

• Chrome

extensibility API を使用してパフォーマンス データをカスタマイズする

extensibility API を使用してパフォーマンス データをカスタマイズする

• Chrome DevTools

chrome.browsingData

chrome.browsingData API を使用して、ユーザーのローカル プロフィールから閲覧データを削除します。 この API を使用するには、 拡張機能のマニフェスト で "browsingData" 権限を宣言する必要があります。 この API

• Chrome 拡張機能

chrome.system.memory

chrome.system.memory API。 数値 使用可能な容量（バイト単位）。 数値 物理メモリ容量の合計（バイト単位）。 物理メモリ情報を取得します。 関数（省略可） callback パラメータは次のようになります。 MemoryInfo Promise&amp;lt; MemoryInfo &amp;gt; Promise は Manifest V3 以降でのみサポートされています。他のプラットフォームではコールバックを使用する必要があります。

• Chrome 拡張機能

chrome.dns

DNS 解決に chrome.dns API を使用します。 この API を使用するには、 マニフェスト で "dns" 権限を宣言する必要があります。 次のコードは、 resolve() を呼び出して example.com の IP アドレスを取得します。 service-worker.js: 文字列（省略可） IP アドレスのリテラルを表す文字列。resultCode が成功を示す場合にのみ提供されます。 数値 結果コード。0 は成功を示します。 指定されたホスト名または IP アドレス

• Chrome 拡張機能

API リファレンス

Chrome 拡張機能で利用できるすべての API の完全なリファレンス。これには、サポートが終了した Chrome アプリ プラットフォーム用の API や、ベータ版および開発中の API が含まれます。

• Chrome 拡張機能

Chrome DevTools

Chrome DevTools を使用して、ウェブ アプリケーションのデバッグと最適化を行います。

• Chrome DevTools

WebGPU の新機能（Chrome 128）

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

• Chrome
• WebGpu

Chrome 128 の新機能

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

• Chrome

Chromium のユーザー補助のパフォーマンスを改善

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

• Chrome

Chrome 128

2024 年 8 月 20 日より、Chrome 128 のロールアウトが開始されます。CSS の ruby-align プロパティや Promise.try など、多数の機能が追加されています。

• Chrome

WebGPU でアプリをビルドする

ウェブおよび特定のプラットフォーム向けに WebGPU を使用してアプリを構築する方法を学びます。

File System Observer API のオリジン トライアル

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

• Chrome

メディア: メディア プレーヤー情報の表示とデバッグ

メディアパネルを使用して、ブラウザタブごとに情報を表示し、メディア プレーヤーをデバッグします。

• Chrome DevTools

chrome.alarms

chrome.alarms API を使用して、コードを定期的に、または将来の指定した時刻に実行するようにスケジュールします。 chrome.alarms API を使用するには、 マニフェスト で "alarms" 権限を宣言します。 以下の例は、アラームの使用方法と応答方法を示しています。この API を試すには、 chrome-extension-samples から Alarm API の例 をインストールする できます。 次の例では、拡張機能のインストール時に Service

• Chrome 拡張機能

chrome.contextMenus

chrome.contextMenus API を使用して、Google Chrome のコンテキスト メニューに項目を追加します。画像、ハイパーリンク、ページなど、コンテキスト メニューの追加を適用するオブジェクトの種類を選択できます。 コンテキスト メニューの項目は、file:// を含むドキュメント（またはドキュメント内のフレーム）に表示できます。 または chrome:// の URL を入力します。どのドキュメントにアイテムを表示するかを制御するには、 create() または

• Chrome 拡張機能

chrome.audio

chrome.audio API は、ユーザーがシステムに接続されているオーディオ機器に関する情報を取得してコントロールできるようにするために提供されます。この API は現在、ChromeOS のキオスクモードでのみ使用できます。 文字列 デバイス名。 DeviceType 端末のタイプ。 文字列 わかりやすい名前（「USB マイク」など）。 文字列 オーディオ機器の一意の識別子。 ブール値 現在アクティブなデバイスの場合は true。 数値 デバイスの音量、出力の音量、入力のゲイン。

• Chrome 拡張機能

chrome.commands

Command API を使用すると、拡張機能での操作（ブラウザの操作を開く操作や拡張機能にコマンドを送信する操作など）をトリガーするキーボード ショートカットを追加できます。 この API を使用するには、次のキーを マニフェストで 宣言する必要があります。 拡張機能のデベロッパーは Commands API を使用して特定のコマンドを定義し、それらをデフォルトにバインドできる できます。拡張機能が受け入れる各コマンドは、 拡張機能のマニフェスト 内の "commands" オブジェクト。

• Chrome 拡張機能

chrome.declarativeContent

chrome.declarativeContent API を使用すると、ページのコンテンツの読み取り権限がなくても、ページのコンテンツに応じてアクションを実行できます。 Declarative Content API を使用すると、アプリケーションの URL に応じて拡張機能のアクションを有効にできます。 また、CSS セレクタがページの要素と一致する場合に、 ホスト権限 を追加するか、 コンテンツ スクリプト を挿入します。 activeTab 権限を使用して、ユーザーが できます。

• Chrome 拡張機能

chrome.debugger

chrome.debugger API は、Chrome の リモート デバッグ プロトコル の代替トランスポートとして機能します。 chrome.debugger を使用して 1 つ以上のタブにアタッチし、ネットワーク インタラクションの測定、JavaScript のデバッグ、DOM と CSS の変更などを行います。 Debuggee プロパティの tabId を使用して、 sendCommand でタブをターゲットにし、 onEvent コールバックからの tabId

• Chrome 拡張機能

chrome.browsingData

chrome.browsingData API を使用して、ユーザーのローカル プロフィールから閲覧データを削除します。 「browsingData」を 拡張機能のマニフェスト で、この API を使用するための権限を設定する必要があります。 この API

• Chrome 拡張機能

File System Access API: ローカル ファイルへのアクセスを簡素化

File System Access API を使用すると、開発者は IDE、写真と動画のエディタ、テキスト エディタなど、ユーザーのローカル デバイス上のファイルを操作する高度なウェブアプリを作成できます。ユーザーがウェブアプリにアクセス権を付与すると、ユーザーはデバイス上のファイルやフォルダの変更を直接読み取り、保存できます。

Summarization API の早期プレビュー版が利用可能に

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

• Chrome

スクロール スナップ イベント

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

• Chrome

ソフト ナビゲーションの測定実験

Chrome チームは、シングルページ アプリケーションで使用されるいわゆるソフト ナビゲーションの測定精度の向上に取り組んでいます。また、新しい API をフラグの背後で使用し、サイトでもテストできるようにしています。

DevTools でスクリーンショットをキャプチャする 4 つの方法

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

• Chrome
• Chrome DevTools

WebDriver BiDi を Firefox、Chrome、Puppeteer で本番環境に対応

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

• Chrome

DevTools の新機能（Chrome 128）

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

• Chrome
• Chrome DevTools

Blog

Chrome デベロッパー リレーションズ チームからの最新ニュース

• Chrome

Chrome の組み込みの AI 機能の試験運用版にご参加ください

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

• Chrome

Android 版 Chrome のパスキー UX の更新

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

• Chrome

作成者が定義した CSS 名と Shadow DOM: 仕様上と実際

CSS の Shadow DOM で使用されている、作成者が定義した名前の現在の相互運用性の状況を説明します。

WebDriver BiDi による自動化が BrowserStack で利用可能に

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

• Chrome

正規表現以外の処理: Chrome DevTools の CSS 値の解析機能を強化

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

• Chrome

Early Hints とともにサーバーの思考時間を使用してページ読み込みを高速化

重要なサブリソースに関するヒントをサーバーからブラウザに送信する方法をご確認ください。

CrUX API

CrUX API に対するリクエストを作成し、レスポンスを解析する方法について説明します。

• Chrome UX レポート

CrUX History API

CrUX History API を使用して、過去 6 か月間の過去の CrUX の傾向をクエリする方法を学びます。

• Chrome UX レポート

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

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

• Chrome

ネットワーク パネル: ネットワークの負荷とリソースを分析する

ネットワークの負荷とリソースを分析する

• Chrome DevTools

サンプル

Chrome 拡張機能のサンプルは GitHub で入手できます。

• Chrome 拡張機能

アプリを公開する

TODO

• Chrome 拡張機能

マニフェスト - バージョン

この拡張機能のバージョンを識別する、1 ～ 4 個のドット区切りの整数。整数には 2 つのルールが適用されます。0 ～ 65535 の範囲（両端を含む）であることと、ゼロ以外の整数を 0 で始めることはできません。たとえば、99999 と 032 はどちらも無効です。 有効なバージョンの例を次に示します。

マニフェスト - デフォルト ロケール

この拡張機能のデフォルトの文字列を含む _locales のサブディレクトリを指定します。このフィールドは、 _locales ディレクトリがある拡張機能では必須 です。 _locales ディレクトリがない拡張機能では、このフィールドは 指定されていない必要があります 。詳しくは、 多言語対応 をご覧ください。

マニフェスト - オフライン有効

アプリや拡張機能をオフラインで動作させるかどうかを指定します。Chrome でオフラインが検出されると、このフィールドが true に設定されているアプリが新しいタブページでハイライト表示されます。 Chrome 35 以降では、アプリはオフラインが有効になっているとみなされ、 "webview" 権限がリクエストされない限り、 "offline_enabled" のデフォルト値は true です。この場合、ネットワーク接続が必須であると想定され、 "offline_enabled"

マニフェスト - Chrome の最小バージョン

拡張機能、アプリ、テーマに必要な Chrome のバージョン（該当する場合）。この文字列の形式は version フィールドと同じです。

ワークボックス ストリーム

RouteHandlerCallbackOptions StreamSource | Promise&lt; StreamSource &gt; レスポンス ReadableStream BodyInit 複数のソース Promise を取り、それぞれを Response、ReadableStream、または BodyInit に解決できます。 順番に返された個々のストリームのデータを含む ReadableStream を公開するオブジェクトと、ストリームの終了を通知する Promise

マニフェスト - 説明

拡張機能を説明する書式なしテキスト文字列（HTML などの形式ではない、132 文字以下）。説明は、ブラウザの拡張機能管理 UI と Chrome ウェブストア の両方に適した内容にする必要があります。このフィールドにはロケール固有の文字列を指定できます。詳細については、 多言語対応 をご覧ください。

マニフェスト - キー

この値は、開発中に読み込まれる拡張機能、アプリ、テーマの一意の ID を制御するために使用できます。 適切な Key-Value を取得するには、まず.crx ファイルから拡張機能をインストールします（ 拡張機能をアップロード するか、 手動でパッケージ化 する必要がある場合があります）。次に、 ユーザーデータ ディレクトリ で、 Default/Extensions/_&lt;extensionId&gt;_/_&lt;versionString&gt;_/manifest.json

更新: イベントページとバックグラウンド ページ

マニフェスト - 名前と略称

name および short_name マニフェスト プロパティは、アプリを識別する短い書式なしテキスト文字列です。両方のフィールドにロケール固有の文字列を指定できます。詳しくは、 多言語対応 をご覧ください。 name （最大 45 文字）はアプリのプライマリ ID であり、必須フィールドです。 次の場所に表示されます。 short_name （最大 12 文字を推奨）は、アプリ名の短縮版です。これはオプションのフィールドであり、指定されていない場合は name

無効になっているウェブ機能

Chrome アプリはウェブ プラットフォームを使用していますが、ウェブ機能の一部が無効になっているか、別の方法で使用されている。これは主に、セキュリティの問題の回避とプログラミングの改善を目的としています。ウェブ プラットフォームで無効になる機能と考えられる回避策の概要を以下に示します。

Chrome 128 ベータ版

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

• Chrome

Chrome 127 の新機能

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

• Chrome

ユーザーが重要なアプリのインストールを Chrome でサポートする方法

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

• Chrome

WebGPU の新機能（Chrome 127）

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

• Chrome
• WebGpu

Chrome 127

2024 年 7 月 23 日より、Chrome 127 のロールアウトが開始されます。CSS の font-size-adjust や、キーボードのフォーカス可能なスクロール コンテナなど、多数の機能が盛り込まれています。

• Chrome

読み取りフローと display: コンテンツを使用した要素に関するデベロッパー フィードバックのお願い

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

• Chrome

ネットワーク機能のリファレンス

Chrome DevTools の [Network] パネルの機能に関する包括的なリファレンスです。

• Chrome DevTools

設定

[設定] タブのリファレンス。

• Chrome DevTools

レコーダー パネル: ユーザーフローを記録して測定する

ユーザーフローを分析、記録する。

• Chrome DevTools

ビュー遷移に関する誤解

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

• Chrome

Chrome 拡張機能: ポリシーの重要な更新

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

• Chrome 拡張機能
• Chrome

Chrome 拡張機能の変更内容

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

• Chrome
• Chrome 拡張機能

DevTools の新機能（Chrome 127）

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

• Chrome
• Chrome DevTools

検査モード: 要素のプロパティをすばやく分析する

ウェブアプリの要素を検査する

• Chrome DevTools

パフォーマンス機能のリファレンス

Chrome DevTools でパフォーマンスを記録、分析するためのあらゆる方法に関するリファレンスです。

• Chrome DevTools

YouTube に Trusted Types を導入

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

• Chrome
• Chrome 拡張機能

Long Animation Frame API をリリース

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

• Chrome

過度な DOM サイズの回避

DOM サイズが大きいとウェブページのパフォーマンスが低下する仕組みと、読み込み時に DOM のサイズを小さくする方法をご確認ください。

Chrome でページを事前レンダリングしてページ ナビゲーションを即時に行う

Chrome チームでは、ユーザーがアクセスする可能性の高い今後のページを完全に事前レンダリングする機能の開発に取り組んできました。

Chrome ウェブストアの舞台裏: 信頼性と安全性について質問する

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

• Chrome 拡張機能
• Chrome

ストレージ バケットでの IndexedDB の最大パフォーマンス

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

• Chrome

ブラウザに AI モデルをキャッシュに保存する

AI を活用したアプリケーションの今後のリリースを迅速化するには、モデルデータをデバイス上に明示的にキャッシュに保存します。

WebGPU の新機能（Chrome 126）

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

• Chrome
• WebGpu

新しい HTML <permission>> 要素のオリジン トライアル

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

• Chrome

Chrome 127 ベータ版

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

• Chrome

CSS とウェブ UI の最新情報: I/O 2024 のまとめ

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

• Chrome

Chrome 126

Chrome 126 は 2024 年 6 月 11 日にリリースが開始されます。ドキュメント間のビュー遷移、CloseWatcher API の再有効化、Gamepad API のトリガー ランブルなど、多くの機能が追加されています。

• Chrome

Chrome 126 の新機能

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

• Chrome

アンロード イベントの非推奨

アンロード イベントは、Chrome 117 以降、段階的にサポート終了となります。この変更の意味と、サイトや企業がこれに備える方法についてご確認ください

プロトコル モニター: CDP リクエストの表示と送信

CDP のリクエストとレスポンスをモニタリングする。

• Chrome DevTools

DevTools のパフォーマンス ワークフローをカスタマイズするための 3 つの新機能

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

• Chrome DevTools
• Chrome

Chrome UX Report

CrUX 指標に関する技術ドキュメント。

• Chrome UX レポート

スタイル再計算イベント中の CSS セレクタのパフォーマンスを分析する

スタイル再計算イベント中の CSS セレクタのパフォーマンスを分析します。

• Chrome DevTools

広告表示オプションに適用される変更の確認をスキップする

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

• Chrome

幅または初期スケールのタグがない

Lighthouse の監査結果については、「幅または初期スケールのタグがない」をご覧ください。

ネットワーク条件: ユーザー エージェント文字列をオーバーライドする

[ネットワークの状態] パネルで他のブラウザをエミュレートする方法をご確認ください。

• Chrome DevTools

DevTools の新機能（Chrome 126）

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

• Chrome
• Chrome DevTools

JavaScript をデバッグする

Chrome DevTools を使用して JavaScript のバグを見つけて修正する方法をご確認ください。

• Chrome DevTools

Google I/O 2024 における Chrome 拡張機能

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

• Chrome

Chrome DevTools で投機ルールをデバッグする

今後のページ ナビゲーションのプリフェッチと事前レンダリングに使用される推測ルールをデバッグするための Chrome DevTools の機能について、すべて学習します。

• Chrome DevTools

クイック ソース パネル

ソースファイルを表示し、他のツールにアクセスする。

• Chrome DevTools

パフォーマンス モニター パネル

ウェブサイトのランタイム パフォーマンスをリアルタイムで分析します。

• Chrome DevTools

AI で商品レビューを評価する

オンデバイス AI は、センシティブ データを保護してレイテンシを改善しながら、パワフルなモデルをユーザーに提供するための最新のサービスです。

ビュー遷移の新機能（Google I/O 2024 の更新）

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

• Chrome

Web AI を高速化するための WebAssembly と WebGPU の機能強化、パート 2

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

• Chrome

I/O 2024 ウェブ AI のまとめ: ウェブアプリ用の新しいモデル、ツール、API

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

• Chrome
• WebGpu

クライアントサイドのウェブ AI で有益な商品レビューを促進する

次の Codelab では、クライアントサイド AI について説明します。AI 開発の知識、サーバー、API キーは必要ありません。

Chrome 126 ベータ版

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

• Chrome

WebAssembly と WebGPU の強化による Web AI の高速化、パート 1

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

• Chrome

JavaScript フレームワークの新機能（2024 年 5 月）

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

• Chrome

Windows での UIA サポートの導入

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

• Chrome

Async Clipboard API 向け SVG サポート

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

• Chrome

DevTools のヒント: ネットワーク レスポンスをオーバーライドしてモックする

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

• Chrome
• Chrome DevTools

Google I/O 2024 で発表された 10 の最新情報: すべてのウェブ デベロッパーのために AI の力を活用

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

• Chrome

Chrome 125

Chrome 125 は 2024 年 5 月 14 日にリリースが開始され、CSS Anchor Positioning、Compute Pressure API、新しい Baseline 機能など、多数の新機能が追加されます。

• Chrome

クライアントサイド AI を選択するタイミング

クライアントサイド AI は、センシティブ データを保護し、レイテンシを改善しながら、強力なモデルをユーザーに提供する最新のサービスです。

Chrome 125 の新機能

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

• Chrome

ウェブ コンテンツと HTTP レスポンス ヘッダーをローカルでオーバーライドする

ローカル オーバーライドを使用してリモート リソースをモックし、ページ読み込み後も DevTools で行った変更を保持します。

• Chrome DevTools

Spotify が Picture-in-Picture API を使用して Spotify ミニプレーヤーを開発した方法

Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。

• Chrome

CSS アンカー ポジショニング API のご紹介

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

• Chrome

コンソール分析情報でエラーと警告をより深く理解する

Gemini を使用すると、コンソール内のエラーと警告についての理解を深めることができます。

• Chrome DevTools

Chrome を使用して企業にテストを実装する

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

• Chrome

スムーズな自動テストを実現する Chrome のツール

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

• Chrome

DevTools の新機能（Chrome 125）

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

• Chrome DevTools
• Chrome

WebGPU の新機能（Chrome 125）

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

• Chrome
• WebGpu

スクロールドリブン アニメーションの事例紹介

Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。

• Chrome

:has() の事例紹介

Policybazaar と Tokopedia が :has() を使用することでどのようなメリットが得られるかをご覧ください。

• Chrome

e コマースサイトで CSS と UI の機能が重要な理由

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

• Chrome

コンテナクエリに関する事例紹介

redBus と Tokopedia のコンテナクエリのメリットについて説明します。

• Chrome

移行の事例紹介を見る

redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。

• Chrome

「スクロールドリブン アニメーションの力を活用」のご紹介

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

• Chrome

WebGPU の概要

WebGPU により、ウェブ上で高性能 3D グラフィックスとデータ並列計算を実行できます。

• WebGpu

CSS メーソンリーの代替案

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

• Chrome

マニフェスト - Chrome の最小バージョン

manifest.json の minimum_chrome_version プロパティに関するリファレンス ドキュメント。

• Chrome 拡張機能

ポップオーバーの事例紹介

Tokopedia は、Popover API を使用してアプリケーションのコード量を削減しています。

• Chrome

セキュアでないコンテキストのプライベート ネットワーク アクセス（PNA）の非推奨トライアルが終了します - PNA 権限プロンプトを実装してください

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

• Chrome

キャプチャしたタブをスクロールしてズームする

Captured Surface Control API を使用すると、ウェブアプリでキャプチャされたタブをスクロールしたりズームしたりできます。

マニフェスト - トライアル トークン

manifest.json の trial_tokens プロパティのリファレンス ドキュメント。

• Chrome 拡張機能

WebAudio: WebAudio API の指標を表示する

WebAudio パネルで WebAudio API の指標を表示する

• Chrome DevTools

Chrome 125 ベータ版

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

• Chrome

カスタム スプラッシュ画面用に設定されていない

プログレッシブ ウェブアプリ用のカスタム スプラッシュ画面を作成する方法について説明します。

有効な apple-touch-icon が指定されていません

プログレッシブ ウェブアプリで iOS のホーム画面に表示するアイコンを指定する方法について説明します。

page と start_url を制御する Service Worker を登録しない

プログレッシブ ウェブアプリの機能（オフライン機能、プッシュ通知、インストール可能性など）をサポートする Service Worker の登録方法について説明します。

ウェブアプリ マニフェストがインストール要件を満たしていません

プログレッシブ ウェブアプリをインストールできるようにする方法をご覧ください。

アニメーション: CSS のアニメーション効果を調査して変更する

[Animations] パネルでアニメーションを調査し、変更します。

• Chrome DevTools

Chrome 124

Chrome 124 は 2024 年 4 月 16 日にリリースが開始されます。setHTMLUnsafe や WebSocket のストリームなど、多くの機能が追加されます。

• Chrome

コンテンツがビューポートに合わせて適切にサイズ設定されていません

ウェブページのコンテンツをモバイル画面に合わせてサイズ設定する方法について説明します。

クロスブラウザ対応のサイト

Workbox を使用してウェブページがどのブラウザでも動作するようにする方法を説明します。

現在のページはオフライン時に 200 の応答がありません

プログレッシブ ウェブアプリをオフラインで動作させる方法をご紹介します。

モバイル ネットワーク使用時のページ読み込み速度が十分ではありません

モバイル ネットワーク上でウェブページをすばやく読み込めるようにする方法について説明します。

アドレスバーのテーマカラーが設定されていない

プログレッシブ ウェブアプリのアドレスバーのテーマの色を設定する方法について説明します。

ページの切り替えがネットワーク上での妨げにならない

ネットワーク速度が遅い場合でも、ウェブページ間の遷移をレスポンシブにする方法を説明します。

Chrome 拡張機能の変更内容

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

• Chrome
• Chrome 拡張機能

自動入力: 保存した住所の検査とデバッグ

自動入力パネルを使用すると、Chrome に保存されている住所を検査してデバッグできます。

• Chrome DevTools

Foldable API のオリジン トライアル

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

• Chrome

Chrome 124 の新機能

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

• Chrome

JavaScript が利用できない場合の代替コンテンツを提供しない

JavaScript が利用できない場合に、ユーザーがウェブページの少なくとも一部のコンテンツを表示できるようにする方法をご覧ください。

MIDI デバイスにアクセスするにはユーザー権限が必要になりました

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

• Chrome

HTTPS を使用しない

HTTPS でウェブサイトを保護する方法をご覧ください。

HTTP トラフィックを HTTPS にリダイレクトしない

すべてのページを HTTPS にリダイレクトして、サイトのセキュリティを強化する方法をご確認ください。

スロットル処理

[スロットル処理] タブのリファレンス。

• Chrome DevTools

各ページに URL がある

Lighthouse では「各ページに URL がある」の監査について解説します。

マニフェストにマスク可能なアイコンが含まれていません

マスク可能なアイコンのサポートを PWA に追加する方法について説明します。

オフラインのときに start_url が 200 の応答を返さない

プログレッシブ ウェブアプリの start_url を設定して、アプリがオフラインでアクセスできるようにする方法を説明します。

マルチページ アプリケーションのドキュメント間のビュー遷移

マルチページ アプリケーション（MPA）で使用するために、ドキュメント間のビュー移行を開始します。

View Transition API によるスムーズな遷移

View Transition API を使用すると、ウェブサイトのビュー間の遷移を追加できます。

パワフルで楽しい: Chrome DevTools の概要

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

• Chrome
• Chrome DevTools

WebGPU の新機能（Chrome 124）

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

• Chrome
• WebGpu

CrUX で使用可能なナビゲーション タイプ

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

• Chrome

PageSpeed Insights で Chrome UX レポートデータを表示する方法

PageSpeed Insights（PSI）は、ページのパフォーマンスとその改善方法を把握するためのウェブ デベロッパー向けツールです。このガイドでは、PSI を使用して CrUX から分析情報を抽出し、ユーザー エクスペリエンスについての理解を深める方法について説明します。

• Chrome UX レポート

CrUX ガイド

わかりやすいガイドで CrUX の使い方を学ぶ

• Chrome UX レポート

Chrome ウェブストア デベロッパー ダッシュボードでのバージョン ロールバック

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

• Chrome
• Chrome 拡張機能

BigQuery の CrUX

BigQuery の CrUX データセットの構造について学習する。

• Chrome UX レポート

ウェブフォントの読み込み時にテキストが表示されたままにする

font-display API を使用して、ウェブページのテキストが常にユーザーに表示されるようにする方法を学習します。

JS Profiler は廃止され、[パフォーマンス] パネルで CPU をプロファイリングする

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

• Chrome

DevTools の新機能（Chrome 124）

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

• Chrome DevTools
• Chrome

バックフォワード キャッシュの notRestoredReasons API

ドキュメント内のフレームがナビゲーション時にバックフォワード キャッシュの使用をブロックされたかどうかについて、情報をレポートします。

[パフォーマンス] パネルで Node.js のパフォーマンスをプロファイリングする

[パフォーマンス] パネルで Node.js アプリケーションのパフォーマンスをプロファイリングする方法について説明します。

• Chrome DevTools

WebAssembly JavaScript Promise 統合（JSPI）のオリジン トライアルの開始

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

• Chrome

fetchLater API オリジン トライアル

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

• Chrome

ネットワーク リクエスト: ネットワーク リクエストをブロックしてサイトをテストする

不足しているリソースをサイトでどのように処理するかをテストします。

• Chrome DevTools

キーボードのフォーカス可能なスクローラー

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

• Chrome

Chrome 124 ベータ版

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

• Chrome

Chrome 123 の新機能

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

• Chrome

プライベート ネットワーク アクセス: ウェブワーカーとナビゲーション フェッチに対する保護の強化

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

• Chrome

Service Worker Static Routing API を使用して、特定のパスで Service Worker をバイパスする

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

• Chrome

拡張機能のリクエストの非表示と [ネットワーク] パネルの改善点

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

• Chrome DevTools
• Chrome

2024 年以降のパフォーマンス ツール

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

• Chrome DevTools
• Chrome

[要素] パネルの概要

DOM に即座に変更を加える。

• Chrome DevTools

他のエフェクトを適用する: 自動ダークモードの有効化、フォーカスのエミュレーションなど

広告フレームのハイライト表示、ページ上でのフォーカスのエミュレーション、ローカルのフォントと画像形式の無効化、自動ダークテーマの有効化、視覚障がい者のエミュレーションを行うことができます。

• Chrome DevTools

CSS 機能リファレンス

Chrome DevTools で CSS を表示、変更するための新しいワークフローをご覧ください。

• Chrome DevTools

ブレークポイントでコードを一時停止する

Chrome DevTools でコードを一時停止する方法をすべてご紹介します。

• Chrome DevTools

CSS の表示と変更

Chrome DevTools を使用してページの CSS を表示、変更する方法について説明します。

• Chrome DevTools

WebGPU の新機能（Chrome 123）

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

• Chrome
• WebGpu

共有辞書で圧縮効率を向上

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

• Chrome

古いヘッドレス Chrome を chrome-headless-shell としてダウンロードします

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

• Chrome

アプリケーション パネルの概要

ウェブアプリに関する重要な情報をブラウザから直接取得できます。

• Chrome DevTools

インターフェースを国際化する

chrome.i18n API を使用して、複数の言語でインターフェースをレンダリングします。

• Chrome 拡張機能

Speculation Rules API を改善

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

• Chrome

拡張機能にアクセスできるようにする

多くのユーザーにとって、ユーザー補助は文字どおりユーザー インターフェースであり、その機能は他の多くのユーザーにとって有用です。

• Chrome 拡張機能

新機能の概要

Chrome DevTools の最新機能のご紹介

• Chrome DevTools

Chrome 拡張機能: Service Worker の停止をテストする方法

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

• Chrome
• Chrome 拡張機能

DevTools の新機能（Chrome 123）

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

• Chrome DevTools
• Chrome

サードパーティ ライブラリを管理するための Next.js パッケージ

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

• Chrome

Chrome 123 ベータ版

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

• Chrome

ブロック レイアウトとテーブル レイアウトでの align-content のサポート

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

• Chrome

Chrome 122 の新機能

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

• Chrome

キーボードショートカット

Chrome DevTools のキーボード ショートカットに関する正規のドキュメントです。

• Chrome DevTools

Device Mode でモバイル デバイスをシミュレートする

Chrome のデバイスモードで仮想デバイスを使用して、モバイルファースト ウェブサイトを構築します。

• Chrome DevTools

CSS ::backdrop の継承に関する変更

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

• Chrome

拡張機能アイコンを設定する

ツールバーで拡張機能を表すには、アイコンが 1 つ以上必要です。

• Chrome 拡張機能

パフォーマンスに関するパネル表示でパフォーマンス パネルを 400% 高速化

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

• Chrome

Chrome Extensions

TBD

• Chrome 拡張機能

WebHID を使用する

ヒューマン インターフェース デバイス（HID）対応デバイスをウェブに公開する WebHID API を拡張機能でご利用いただけます。

• Chrome 拡張機能

WebUSB の使用

標準以外の USB（Universal Serial Bus）対応デバイスをウェブに公開するための WebUSB API を拡張機能で利用できます。

• Chrome 拡張機能

Manifest V3 に移行する

Manifest V2 拡張機能を Manifest V3 拡張機能に変換するためのガイド。

• Chrome 拡張機能

マニフェスト - コンテンツ セキュリティ ポリシー

manifest.json のコンテンツ セキュリティ ポリシー プロパティのリファレンス ドキュメント。

• Chrome 拡張機能

WebGPU の新機能（Chrome 122）

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

• Chrome
• WebGpu

ヒープ スナップショットを記録する

ヒープ プロファイラを使用してヒープ スナップショットを記録し、メモリリークを見つける方法について説明します。

• Chrome DevTools

CSS のフィールド サイズ設定

1 行のコード。編集可能なコンテンツを含む要素の自動サイズ調整。

chrome.runtime

chrome.runtime API を使用して、サービス ワーカーを取得し、マニフェストの詳細を返します。また、拡張機能のライフサイクルでイベントをリッスンして応答します。この API を使用して、URL の相対パスを完全修飾 URL に変換することもできます。 この API のほとんどのメンバーには権限は必要 ありません 。この権限は、 connectNative() 、 sendNativeMessage() 、 onNativeConnect に必要です。 次の例は、マニフェストで

• Chrome 拡張機能

権限に関する警告のガイドライン

Chrome 拡張機能の権限の警告の仕組み

• Chrome 拡張機能

権限を宣言する

manifest.json 内の権限プロパティの有効な値の概要。

• Chrome 拡張機能

ウェブプッシュを使用する

Chrome 拡張機能でウェブプッシュを使用する手順ガイド

• Chrome 拡張機能

EditContext API を使用してカスタムのウェブ編集エクスペリエンスを構築する新しい方法のご紹介

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

• Chrome

DevTools の新機能（Chrome 122）

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

• Chrome
• Chrome DevTools

DevTools のヒント: 投機的ナビゲーションをデバッグしてページの読み込みを高速化する

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

• Chrome
• Chrome DevTools

パソコン版 Chrome の SharedArrayBuffer のサポート終了トライアルを Chrome 124 まで延長

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

• Chrome

コマンドに応答する

拡張機能のカスタムキーの組み合わせに応答します。

• Chrome 拡張機能

Chrome 122 ベータ版

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

• Chrome

拡張機能でレコーダーをカスタマイズする

拡張機能をインストールしてレコーダーをカスタマイズ、統合します。

• Chrome DevTools

Chrome 拡張機能の変更内容

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

• Chrome 拡張機能
• Chrome

Chrome 121 の新機能

Chrome 121 がリリースされました。CSS の更新、Speculation Rules API の改善、Element Capture API のオリジン トライアルなど、多くの改善が行われました。Adriana Jara が、Chrome 121 におけるデベロッパー向けの新機能について詳しく説明しています。

• Chrome

アドレスバーから操作をトリガーする

アドレスバーから操作をトリガーする。

• Chrome 拡張機能

WebGPU の新機能（Chrome 121）

Android での WebGPU のサポート、シェーダー コンパイルでの DXC の使用、コンピューティングパスとレンダリングパスでのタイムスタンプ クエリ、シェーダー モジュールへのデフォルトのエントリ ポイント、GPUExternalTexture 色空間としての display-p3、メモリヒープ情報など。

• Chrome
• WebGpu

スクロールバーのスタイル設定

スクロールバーのスタイルを設定するには、`scrollbar-width` プロパティと `scrollbar-color` プロパティを使用します。

Angular SSR を使用して DOM に安全にアクセスする

Angular で SSR とともに DOM を安全に使用する方法を学習します

• Chrome

Puppeteer でウェブ Bluetooth をテストする

Chrome でウェブ Bluetooth API を使用する機能をテストするには、Puppeteer を使用します。

• Chrome

ウェブ AI モデルのテストを強化: WebGPU、WebGL、ヘッドレス Chrome

ブラウザのテストを一貫して自動化し、アプリケーションのパフォーマンスを向上させるための Google のソリューションをご覧ください。

• Chrome
• WebGpu

Google Colab でのウェブ AI モデルのテスト

スケーラブルかつ自動化可能で、標準化されたハードウェア構成内で、クライアントサイドのブラウザベースの AI モデルをテストする方法を説明します。

• WebGpu

chrome.gcm で Firebase Cloud Messaging（FCM）を使用する

chrome.gcm で Firebase Messaging を使用する手順ガイド

• Chrome 拡張機能

フォーム コントロール要素の CSS 縦書きモード

Chrome に新しい国際 CSS 機能が加わりました。

• Chrome

アクションを実装する

ツールバーをクリックするユーザーに応答する。

• Chrome 拡張機能

File System Access API の永続的な権限

この投稿では、File System Access API の永続的な権限を管理する方法について説明します。また、問題の現在の状態と解決中の課題の簡単な要約も提供します。

• Chrome

カラー選択ツールで HD 色と非 HD 色を検査してデバッグする

[要素] > [スタイル] のカラー選択ツールを使用して、HD 色と HD 以外の色を調査、デバッグする方法について説明します。

• Chrome DevTools

DevTools のヒント: 色の作成

数回クリックするだけで色を作成する方法を学習します。

• Chrome
• Chrome DevTools

DevTools のヒント: 取得の優先度のデバッグ

取得優先度をデバッグする方法の詳細。

• Chrome
• Chrome DevTools

ウェブアプリ スコープ拡張機能

Chrome 122 以降では、scope_extensions アプリ マニフェスト メンバーのオリジン トライアルに登録できます。これにより、複数のサブドメインとトップレベル ドメインを管理するサイトを 1 つのウェブアプリとして表示できます。

CSS text-wrap: balance

バランスの取れたテキスト ブロックの改行を手動で作成する、古典的なタイポグラフィ手法が CSS に導入されました。

WebDriver BiDi を活用: Puppeteer による Chrome と Firefox の自動化

Puppeteer が Firefox と通信するようになりました。🎉? まだですね。🤔? Puppeteer の新しいプロトコルである WebDriver BiDi で、このエキサイティングな開発が Firefox の自動化ワークフローに何を意味するのかを見てみましょう。

• Chrome

コンテキスト メニューを作成する

ユーザーが拡張機能を呼び出すためのウィンドウであるポップアップを実装します。

• Chrome 拡張機能

リモートホスト型コード違反に対処する

Service Worker を使用すると、必要なときにだけ拡張機能を実行できるため、リソースを節約できます。

• Chrome 拡張機能

Chrome での Android インテント

Android インテントを使用して、ウェブページから直接アプリを起動できます。

ポップアップを追加する

ユーザーが拡張機能を呼び出すためのウィンドウであるポップアップを実装します。

• Chrome 拡張機能

Android 版 Google Chrome

Android 版 Chrome のデベロッパー向け機能の一覧については、 chromestatus.com をご覧ください。 Google Play ストアで Chrome をダウンロードしてください。 あるデバイスで Chrome にログインすると、別のデバイスで Chrome にログインすると、そのセッションのタブと閲覧履歴が表示されます。URL だけでなく Chrome インスタンス間でページ

新しい INP 指標に対する最新のフレームワークのパフォーマンス

この投稿では、新しい INP 指標とフレームワークベースのウェブサイトとの関連性について説明します。Aurora は、この指標を最適化するためにフレームワークをサポートしています。

限定アコーディオン

同じ `name` を持つ複数の `` 要素で排他的なアコーディオンを作成します。

Chrome のプレミアム タブレットではデスクトップ モードがデフォルトで有効になります

Chrome は Android タブレットのエコシステムに適応するため、プレミアム タブレットでデスクトップ モードをデフォルトで有効にしています。

• Chrome

WebGPU の新機能（Chrome 120）

WGSL での 16 ビット浮動小数点値のサポート、上限の引き上げ、深度ステンシルの状態変更、アダプター情報の更新など。

• Chrome
• WebGpu

WebGPU の新機能

WebGPU の最新の変更点をご確認ください。

• WebGpu

Region Capture を使用したタブ共有の改善

ウェブ プラットフォームに搭載された Region Capture を使用すると、高パフォーマンスかつ安定した動画トラックの切り抜きが可能です。

DevTools の新機能（Chrome 121）

要素での @font-palette-values のサポート、ソースマップのサポートの改善、[パフォーマンス] > [インタラクション] トラックの強化など。

• Chrome DevTools
• Chrome

CSS ラップ: 2023 年

2023 年は CSS にとって大きな年でした。Chrome およびウェブ プラットフォームについて今年リリースされた内容をご確認ください。

• Chrome

フレームの詳細を表示する

フレームの詳細を表示します。

• Chrome DevTools

Chrome のインストール基準の見直し

Chrome では今後数か月以内に、デベロッパーとユーザーのエクスペリエンスを向上させるために、アプリのインストール条件を簡素化することを目的としたテストを実施する予定です。この投稿では、想定される変化と、このテストを実施する理由について説明します。

• Chrome

DevTools のヒント: DOM とはHTML と DOM の比較

DevTools を使用して DOM をデバッグする方法を学びます。

• Chrome DevTools
• Chrome

DevTools のヒント: bfcache のデバッグ

bfcache をデバッグしてページをすばやく読み込む方法について説明します。

• Chrome DevTools
• Chrome

Chrome 120 の新機能

Chrome 120 がリリースされました。今回、CloseWatcher API により、クローズ リクエストを処理する際に一貫したエクスペリエンスを実現する、details 要素を使用したアコーディオン パターンの簡単な実装、権限ポリシー違反レポートなど、多くの機能が利用可能になっています。

• Chrome

Chrome DevTools での自己 XSS 攻撃の防御

Chrome DevTools の経験が浅いユーザーによるコードの貼り付けをブロックすることで、自己 XSS 攻撃を軽減する仕組みをご確認ください。

• Chrome DevTools
• Chrome

Cookie を表示、追加、編集、削除する

Chrome DevTools を使用してページの HTTP Cookie を表示、追加、編集、削除する方法を説明します。

• Chrome DevTools

プライベート ネットワーク アクセス権限プロンプトのオリジン トライアル: HTTPS を使用してウェブサイトを移行するパス

Google Chrome では、プライベート ネットワーク アクセス（PNA）の仕様の一環として、安全性の低い公開ウェブサイトからプライベート ネットワーク エンドポイントにアクセスすることを非推奨としています。

• Chrome

ポート転送でローカル サーバーと Chrome インスタンスにアクセスする

開発マシンのウェブサーバーでサイトをホストし、Android デバイスからコンテンツにアクセスする。

• Chrome DevTools

CSS に 4 つの新しい国際化機能を導入

Chrome に、国際化した 4 つの新しい CSS 機能が追加されます。

• Chrome

ページ ライフサイクル API

Page Lifecycle API は、モバイル オペレーティング システムで一般的なアプリ ライフサイクルの機能をウェブにもたらします。ブラウザは、リソースを節約するためにバックグラウンドのページを安全に凍結または破棄できるようになり、デベロッパーはユーザー エクスペリエンスに影響を与えることなく、このような介入を安全に処理できるようになりました。

無視リスト

[リスト] タブの参照を無視します。

• Chrome DevTools

Async Clipboard API でのサニタイズされていない HTML

Chrome 120 以降では、Async Clipboard API で新しいサニタイズされていないオプションを使用できます。このガイドでは、その使用方法について説明します。

ビデオ会議ウェブアプリのピクチャー イン ピクチャーの自動化

Chrome では、ビデオ会議ウェブアプリからピクチャー イン ピクチャーを自動的に開始できます。

• Chrome

Manifest V3 への移行を再開する

昨年 12 月、デベロッパーからのフィードバックに対応し、 移行に関する問題 のより良い解決策を提供するために、Manifest V2 のサポート終了を延期しました。こうしたフィードバックに基づき、Google は Manifest V3 にいくつかの変更を加えて、 こうしたギャップを解消 しました。変更内容は次のとおりです。 差異を解消するだけでなく、今年初めにリリースされた サイドパネル API や、現在ベータ版の Reading List API

• Chrome 拡張機能
• Chrome

Angular NgOptimizedImage ディレクティブの新機能

Angular アプリの画像のパフォーマンスをさらに向上させる、Angular NgOptimizedImage ディレクティブに含まれる新機能について学びます。

• Chrome

Manifest V3 でのコンテンツ フィルタリングの改善

過去 1 年間、Google は MV3 拡張機能プラットフォームの改善方法について、複数のコンテンツ ブロック拡張機能のベンダーと積極的に話し合いを行ってきました。これらの議論（その多くは、他のブラウザと協力して WebExtensions コミュニティ グループ（ WECG ）で行われました）に基づいて、Google は大幅な改善をリリースすることができました。

• Chrome
• Chrome 拡張機能

Service Worker Static Routing API のオリジン トライアル

Service Worker の静的ルーティング（現在オリジン トライアル中）の第 1 フェーズについて学びます。これは、Service Worker によるルートの処理方法を宣言的に指定する新しい API です。

• Chrome

DevTools の新機能（Chrome 120）

サードパーティ Cookie の段階的廃止に関する問題が [問題] パネルで報告されました。Cookie に関するプライバシー サンドボックス分析ツール、[アプリケーション] パネルの効果的なコンテンツ セキュリティ ポリシー、[アニメーションのデバッグの改善]、[無視リストの強化] などが報告されています。

• Chrome
• Chrome DevTools

WebGPU エコシステムのキャプチャ

WebGPU エコシステムが JavaScript、C+、Rust レルムを超えて拡張される仕組みについて学びます。

• Chrome
• WebGpu

CSS ネストの緩和された構文の更新

Chrome 120 で先読みネストが有効になりました。

• Chrome

IndexedDB のデフォルトの耐久性モードの変更

IndexedDB の耐久性モードが、Chrome 121 で厳格から緩和に変更されます。

• Chrome

拡張機能に関する Chrome 120 の新機能

Chrome 拡張機能のデベロッパー向けの Chrome 120 の重要な変更の概要。

• Chrome
• Chrome 拡張機能

Chrome OS でのファイル処理

Chrome 拡張機能の Service Worker、ポップアップ、サイドパネル、コンテンツ スクリプトでファイルを開く方法。

• Chrome 拡張機能

Chrome 120 ベータ版

CSS マスキング、CSS ネストのルールの緩和、要素を使用したアコーディオン パターンの作成、Media Session API の enterpictureinpicture アクション

• Chrome

file_handlers

manifest.json の file_handlers プロパティのリファレンス ドキュメント。

• Chrome 拡張機能

WebAssembly ガベージ コレクション（WasmGC）を Chrome でデフォルトで有効化

プログラミング言語には、ガベージ コレクションを使用するプログラミング言語と、手動のメモリ管理が必要なプログラミング言語の 2 種類があります。WebAssembly ガベージ コレクションを使用すると、ガベージ コレクション言語を WebAssembly に移植できます。

• Chrome

Chrome 119 の新機能

Chrome 119 がリリースされました。すでに保存されている Cookie の有効期限の上限が更新されます。CSS には、新しい疑似クラス、相対色構文、広告サイズマクロのようなフェンス付きフレームの改善など、多くの機能があります。

• Chrome

CSS の優先透明度（Reduced-transparency）

不透明な UI を好むユーザーに合わせて最適化と調整を行います。

• Chrome

WebGPU の新機能（Chrome 119）

フィルタリング可能な 32 ビット浮動小数点数テクスチャ、unorm10-10-10-2 頂点形式、RGB10a2uint テクスチャ形式など。

• Chrome
• WebGpu

CSS テキストの折り返し: きれい

テキストの折り返しを最適化して、スピードより美しさを優先。

• Chrome

要素の選択: 水平方向のルールを適用

拡張選択要素の機能を使用して、グループ化を容易にする水平方向の区切りをわかりやすく表示します。

• Chrome

Chrome 拡張機能の変更内容

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

• Chrome 拡張機能
• Chrome

Chromium Issue Tracker の移行

2024 年 1 月より、Chromium の問題追跡は Google Issue Tracker によるツールに移行されます。

• Chrome

Sanitizer API のサポート終了

今後の仕様の更新に追いつくために、現在の Sanitizer API の実装は Chrome 119 で非推奨となっています。

• Chrome

ウェブでの Bluetooth 経由でのシリアル

Web Serial API で Bluetooth RFCOMM サービスのサポートが追加されました。

• Chrome

Chrome 拡張機能の単体テスト

拡張機能の単体テストを作成する方法

• Chrome 拡張機能

Chrome 拡張機能のエンドツーエンド テスト

拡張機能のエンドツーエンド テストを作成する方法。

• Chrome 拡張機能

Puppeteer で Chrome 拡張機能をテストする

Puppeteer を使用して Chrome 拡張機能の自動テストを作成する方法。

• Chrome 拡張機能

拡張機能のバグを報告する

拡張機能のバグやドキュメントに関する問題を報告する方法。

• Chrome 拡張機能

CSS 相対色構文

別の色のチャネルと値に基づいて新しい色を作成します。

• Chrome

バグを見つけてフォローする

バグや機能リクエストがすでに報告されていないかを確認する。

• Chrome 拡張機能

DevTools の新機能（Chrome 119）

スタイルの @property セクションの改善、デバイスリストの更新、ソースのプリティプリントの強化、コンソールのオートコンプリート。

• Chrome
• Chrome DevTools

Chrome 118 の新機能

Chrome 118 がリリースされました。@scope css ルールを使用して、コンポーネント内の特定のスタイルを宣言します。新しいメディア機能「preferreds-reduced-transparency」を使用します。DevTools では、[ソース] パネルなど多くの機能が改善されています。

• Chrome

全画面表示のポップアップ ウィンドウの新しいオリジン トライアル

ポップアップ ウィンドウを全画面モードで開ける新しいオリジン トライアルを、1 ステップでご利用いただけるようになりました。

• Chrome

ブラウザでのファイル操作に関する API の改善

FileSystemSyncAccessHandle の複数の読み取り / 書き込みと、FileSystemWritableFileStream の排他的書き込みのサポート。 オリジンのプライベート ファイル システム （バケット ファイル システムとも呼ばれる）を使用すると、デベロッパーは読み取りと書き込みのパフォーマンスを最大限に高めるように最適化されたファイルにアクセスできます。これは FileSystemSyncAccessHandle オブジェクトを介して行われます。現在、同じファイル

• Chrome

Chrome 119 ベータ版

Chrome 119 ベータ版では、CSS 相対色構文や新しい疑似クラスなどを利用できるようになります。

• Chrome

CSS @scope at-rule でセレクタのリーチを制限する

@scope を使用して、DOM の限定されたサブツリー内の要素のみを選択する方法について学習します。

DevTools のヒント: Chrome 拡張機能のデバッグ

DevTools を使用して Chrome 拡張機能をデバッグする方法について説明します。

• Chrome 拡張機能
• Chrome DevTools
• Chrome

WebGPU の新機能（Chrome 118）

copyExternalImageToTexture のソース サポートの拡張、読み取り / 書き込みおよび読み取り専用ストレージ テクスチャの試験運用版サポートなど。

• Chrome
• WebGpu

macOS の iCloud キーチェーンで Chrome のパスキーがサポートされるようになりました

macOS 版 Chrome で iCloud キーチェーンのパスキーのサポートを開始しました。これにより、ユーザーは iCloud キーチェーンでパスキーを作成し、Apple デバイス間で同期できます。

• Chrome

ビューの遷移によるシームレスなナビゲーション

CyberAgent、RedBus、Nykaa、PolicyBazaar がビュー遷移を実装した方法と理由について詳しく説明します。

• Chrome

私たちは Chrome for Developers です

Chrome の 15 周年を記念して、デベロッパーの皆様にとって信頼できる便利なパートナーとなっています。

• Chrome

WebGL から WebGPU へ

WebGPU に移行する WebGL デベロッパー向けのヒントをご紹介します。

• Chrome

DevTools の新機能（Chrome 118）

[要素] > [スタイル] のカスタム プロパティに関する新しいセクション、ローカル オーバーライドの改善、検索機能の強化、[ソース] のワークスペースの効率化など。

• Chrome
• Chrome DevTools

Chrome 118 ベータ版

CSS のスコープ スタイル、追加のメディア機能、キーボードでフォーカス可能なスクロール コンテナなど。

• Chrome

Chrome 117 の新機能

Chrome 117 がリリースされました。スムーズな開始 / 終了アニメーションの追加を容易にする 3 つの新しい CSS 機能、高階データセットを計算するための配列グループ化、DevTools によってローカル オーバーライドが簡単になるなど、さらに多くの機能が備わっています。

• Chrome

Chrome アプリからの移行

Chrome のパッケージ化アプリまたはホスト型アプリを移行する方法。

WebGPU の新機能（Chrome 117）

頂点バッファの設定を解除してグループをバインドする、紛失したデバイスが機能しているように見えるようにするなど

• Chrome
• WebGpu

拡張機能を公開する

新しい Manifest V3 拡張機能を公開するためのガイダンス

• Chrome 拡張機能

Google Summer of Code と Chrome 拡張機能

Google Summer of Code への参加に関する経験とアドバイス。

• Chrome 拡張機能
• Chrome

DevTools のヒント: スニペットとライブ式

スニペットを使用して頻繁に使用するコードを実行し、ライブ式を使用して値をリアルタイムで監視します。

• Chrome DevTools
• Chrome

天体ビューの切り替え

Chrome による API の形成時に、Astro コミュニティがビュー遷移をどのように取り入れ、Astro の永続的な島でトップクラスのサポートに到達するまでの道のりを強調します。

• Chrome

Chrome リリースの迅速化（第 2 回）

Chrome 119 以降では、ブランチのリリースから安定版へのリリースまでの期間を短縮します。

• Chrome

scheduler.yield オリジン トライアルのご紹介

「scheduler.yield」は、現在オリジン トライアルでスケジューラ API に新たに追加として提案されているもので、よりレスポンシブなユーザー エクスペリエンスのためにタスクを分割する新しいアプローチです。このたびの Scheduling API 追加提案によるメリットをご理解いただき、オリジン トライアルに登録してインサイトとフィードバックをお寄せください。

• Chrome

新しいコマンド エディタで Chrome Devtools Protocol（CDP）コマンドを効率的に作成

Chrome Devtools Protocol（CDP）のコマンドを簡単に入力できるように、DevTools には新しいユーザー フレンドリーなエディタが導入されているため、JSON を使用する必要はありません。

• Chrome

Lighthouse 11 の新機能

新しいユーザー補助機能の変更と監査の更新を含む Lighthouse 11 のリリース

• Chrome

DevTools の新機能（Chrome 117）

XHR/フェッチ リクエストをオーバーライドし、[ネットワーク] パネルで拡張機能リクエストを非表示にする、[パフォーマンス] パネルで取得優先度の変更を確認する、複数の UI を改善する、新しい色や試験運用版機能を確認するなど、さまざまなことができます。

• Chrome DevTools
• Chrome

Chrome 117 ベータ版

CSS グリッド サブグリッド、CSS の開始と終了のアニメーションのサポート、配列のグループ化、イテレータ ヘルパーなど。

• Chrome

スムーズな開始と終了のアニメーションを実現する 4 つの新しい CSS 機能

個別のアニメーションのスムーズな移行やトップレイヤ間の移行を可能にする新機能について学習します

• Chrome

「chrome://extensions」ページに安全確認を導入

Chrome 117 以降では、ユーザーがインストールした拡張機能が Chrome ウェブストアにない場合、自動的にハイライト表示されます。

• Chrome 拡張機能
• Chrome

Chrome 116 の新機能

Chrome 116 がリリースされました。Picture in image API を使ったドキュメントによるユーザーの生産性の向上や、不足しているスタイルシートのデバッグが DevTools で簡単になりました。

• Chrome

マニフェスト - コンテンツ スクリプト

manifest.json の "content_scripts" プロパティのリファレンス ドキュメント。

• Chrome 拡張機能

restricted-properties を使用してポップアップ操作を保護する

ポップアップの操作中にクロスオリジン分離とクロスサイト リーク保護を行います。

• Chrome

WebGPU の新機能（Chrome 116）

WebCodecs の統合、動画再生の改善など。

• Chrome
• WebGpu

Chrome での 1 回だけのアクセス許可

「今回は許可」は、Chrome で権限を付与する 1 回限りのオプションです。当面の間、位置情報、カメラ、マイクについてはパソコンでのみご利用いただけます。

• Chrome

DevTools のヒント: ブレークポイントとログポイント

ブレークポイントとログポイントを使用して簡単にデバッグできます。

• Chrome DevTools
• Chrome

TWA 用の PostMessage

Chrome 115 以降、Trusted Web Activity（TWA）で postMessage を使用してメッセージを送信できるようになりました。このドキュメントでは、アプリとウェブ間の通信に必要な設定について説明します。

Chrome 116 の拡張機能の新機能

Chrome 拡張機能のデベロッパー向けの Chrome 116 における重要な変更の概要。

• Chrome
• Chrome 拡張機能

Chrome 116 ベータ版

CSS モーションパス、バックフォワード キャッシュ NotRestoredReason API、ドキュメントのピクチャー イン ピクチャーなど。

• Chrome

iOS 16.4 以降の Chrome でのウェブサイトのデバッグ

iOS 版 Chrome で Safari ウェブ インスペクタのデバッグを使用する方法について説明します。

• Chrome

Chrome 拡張機能の変更内容

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

• Chrome
• Chrome 拡張機能

Chrome 115 の新機能

ScrollTimeline と ViewTimeline を使用して、ユーザー エクスペリエンスを高めるスクロールドリブン アニメーションを作成します。フェンス付きフレームは他のプライバシー サンドボックス API と連携して、関連コンテンツを埋め込み、不要なコンテキスト共有を防止します。Topics API を使用すると、ブラウザはプライバシーを保護しながら、ユーザーの興味 / 関心に関する情報をサードパーティと共有できます。

• Chrome

スクロールドリブン アニメーションのパフォーマンスに関する事例紹介

新しい API は、スクロールドリブン アニメーションを実装する従来の方法よりもはるかにスムーズです。

• Chrome

DevTools のヒント: レコーダーを使用してユーザーフローを記録、再生する

DevTools の [レコーダー] パネルでユーザーフローを記録、再生、デバッグする方法について説明します。

• Chrome
• Chrome DevTools

Service Worker で WebSocket を使用する

Chrome 拡張機能で WebSocket に接続する詳しい手順。

• Chrome 拡張機能

WebRTC: 従来の getStats() 移行ガイド

iOS 版 Chrome で Safari ウェブ インスペクタのデバッグを使用する方法について説明します。

• Chrome

DevTools のヒント: ローカル ストレージとセッション ストレージ

Key-Value ペアをデバッグするには、[Application] > [Local Storage] と [Session Storage] を使用します。

• Chrome DevTools
• Chrome

DevTools の新機能（Chrome 116）

スタイルシートが見つからないという問題を迅速に特定してデバッグできるように、DevTools が大幅に改善されました。 [ ネットワーク ] パネルの [ 開始元 ] 列には、読み込みに失敗したスタイルシートを参照する正確な行へのリンクが常に表示されます。 [ 問題 ] パネルには、URL の不整合、リクエストの失敗、 @import ステートメントの配置ミスなど、スタイルシートの読み込みに関するすべての問題が一覧表示されます。 Chromium の問題: 1440626 、 1442198 、

• Chrome DevTools
• Chrome

WebGPU の新機能（Chrome 115）

サポートされている WGSL 言語拡張機能、Direct3D 11 の試験運用版サポートなど。

• Chrome
• WebGpu

位置情報を使用する

Chrome 拡張機能の Service Worker、ポップアップ、サイドパネル、コンテンツ スクリプトで位置情報を使用する方法。

• Chrome 拡張機能

Chrome for Testing: ブラウザの自動化のための信頼性の高いダウンロード

Chrome for Testing は、ウェブアプリのテストと自動化のユースケースに特化した新しい Chrome フレーバーです。

• Chrome for Testing
• Chrome

C/C++ WebAssembly をデバッグする

Chrome DevTools を使用して C/C++ WebAssembly のバグを見つけて修正する方法を学びます。

• Chrome DevTools

メモリに収まるサイズの大きいファイルを Photoshop でどのように解決したか

Adobe が、象徴的な Photoshop アプリのウェブ バージョンで、最大のファイルでも編集できるようにした方法を学びます。 （この記事は動画でもご覧いただけます）。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入 しました。このソフトウェアは、 SIMD 、 オリジンの非公開ファイル システム 内の高パフォーマンス ストレージ、キャンバスの P3 カラー空間 、 Lit を使用したウェブ

• Chrome

ベクター画像編集アプリ Boxy SVG が、Local Font Access API を使用してユーザーがお気に入りのローカル フォントを選択できるようにする方法

Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG

• Chrome

Chrome 115 ベータ版

CSS ディスプレイ プロパティの複数のキーワード、WebGPU の WGSLLanguageFeatures、HTTPS アップグレードなど。

• Chrome

Chrome からミューテーション イベントが削除されます

ミューテーション イベントのサポート終了と計画的な削除について発表し、2024 年 7 月の削除までにコードを移行する方法を共有します。

• Chrome

SVG 要素内のデータ URL から移行する

データのサポート: SVG 要素の URL は削除されます。代替サービスに移行することをおすすめします。

• Chrome

WebGPU の新機能（Chrome 114）

JavaScript の最適化など。

• Chrome
• WebGpu

Chrome 114 の新機能

Chrome 114 がリリースされました。Chrome 114 がリリースされました。text-wrap: Balance によってテキスト レイアウトを改善する機能、Cookies Have Independent Partitioned State が導入されました。新しい Popover API では、ポップオーバーがこれまで以上に簡単になりました。

• Chrome

新しい Side Panel API で優れたユーザー エクスペリエンスを設計

Chrome 拡張機能用の新しい Side Panel API が導入されました。

• Chrome 拡張機能
• Chrome

DevTools の新機能（Chrome 115）

[ 要素 ] パネルに、 サブグリッド の新しい subgrid バッジが追加されました。この機能は現在、Chrome Canary で試験運用版です。 サブグリッドであるネストされたグリッドを検査してデバッグするには、バッジをクリックします。サブグリッドは、親からトラックの数とサイズを継承します。ビューポート内の要素の上に列、行、その数を表示するオーバーレイを切り替えます。 [ 要素 ] パネルのすべてのバッジの一覧については、 バッジのリファレンス をご覧ください。 Chromium

• Chrome
• Chrome DevTools

ゲームエディタ Construct 3 が File System Access API を使用してゲームを保存できるようにする仕組み

File System Access API を使用すると、読み取り、書き込み、ファイル管理機能を利用できます。Construct 3 でこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Construct 3 は、 Thomas と Ashley Gullen 兄弟によって開発されたゲーム エディタです。ゲーム エディタの現在の第 3 版では、以前に Windows と NW.js 向けにビルドした後、2 つを完全に 「ブラウザが新しいオペレーティング

• Chrome

Chrome で document.domain の変更が無効化される

ウェブサイトが document.domain の設定に依存している場合は、対応が必要です。

• Chrome

2 回目の Compute Pressure オリジン トライアルのお知らせ

ウェブ デベロッパーがコンピューティング負荷をモニタリングできる Chrome の新しいオリジン トライアル。

• Chrome

DevTools のヒント: Workspace

Workspace を使用して、DevTools で行った変更をローカルのソースファイルに保存します。

• Chrome DevTools
• Chrome

CSS で linear() イージング関数を使用して複雑なアニメーション曲線を作成する

そこで linear() を導入しました。これは CSS のイージング関数で、ポイント間で線形に補間し、弾力効果やばね効果を再現できます。

マニフェスト - バックグラウンド

manifest.json の background プロパティのリファレンス ドキュメント。

• Chrome 拡張機能

ポップオーバー API のご紹介

新しいポップオーバー API を使用してツールチップやメニューなどを作成する方法を学びます。

• Chrome

LEGO® Education における Web Bluetooth と Web Serial API の活用

レゴ エデュケーションはウェブの機能を活用し、できるだけ簡単に LEGO モデルとパソコンを接続します。

• Chrome

Aurora の新機能

Chrome Aurora チームの最近の取り組みと 2023 年のロードマップをご覧ください。

• Chrome

3D モデルエディタ Blockbench は、EyeDropper API を使用して、ユーザーがどこからでも色を選択できるようにしています。

EyeDropper API は、ユーザーがブラウザ ウィンドウの外部を含む画面から色をサンプリングできるスポイトツールを作成するメカニズムを提供します。3D モデル エディタ Blockbench がコードベースでこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Blockbench は、ピクセルアート テクスチャを使用したローポリモデル用の無料の最新モデル エディタです。 Minecraft をプレイしたことがあれば、Blockbench

• Chrome

Storage バケットのオリジン トライアルを利用可能

Storage Standard では、永続ストレージと割り当ての見積もりのための API、およびプラットフォームのストレージ アーキテクチャが定義されています。Google では、高いメモリ負荷での永続ストレージ エビクションの予測可能性を高める API をテストしています。Chrome 115 から Chrome 118 まで実施されるオリジン トライアルで Storage Buckets API をお試しください。

• Chrome

画像編集アプリ Photopea が、File Handling API を使用して、ユーザーがファイル エクスプローラーからファイルを開く仕組み

File Handling API を使用すると、ウェブアプリは、アプリケーションがサポートできるファイル形式のファイル ハンドラとして自身を登録できます。画像編集アプリケーション Photopea がこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Photopea は、 Ivan Kutskir が開発した無料のオンライン画像エディタです。Ivan は 2012 年にアプリの開発を開始し、Photopea に追加した主な機能を共有する ブログ

• Chrome

Web SQL のサポート終了スケジュールが更新されました

Web SQL は Chromium 119 で完全に削除されました。

• Chrome

CSS と UI の新機能: I/O 2023 Edition

Google I/O 2023 で取り上げられた、見逃せないトップ 20 の CSS と UI 機能。

• Chrome