Chrome 拡張機能の開発へようこそ。最初の Chrome 拡張機能の作成と配布を開始するために必要な情報をすべて確認できます。

概要

Chrome 拡張機能は、ユーザー インターフェースのカスタマイズ、ブラウザ イベントの監視、ウェブの変更によってブラウジング エクスペリエンスを向上させます。拡張機能の機能の例については、Chrome ウェブストアをご覧ください。
ウェブアプリの作成に使用されるウェブ技術(HTMLCSSJavaScript)を使用して拡張機能を作成できます。
拡張機能は、Web API に加えて、Chrome Extension API にもアクセスして、さまざまなタスクを実行できます。詳細については、開発ガイドをご覧ください。

拡張機能の用語

Chrome 拡張機能は、さまざまな役割を果たす部分で構成されています。
拡張機能のマニフェストは、特定のファイル名(manifest.json)が必要な唯一の必須ファイルです。また、拡張機能のルート ディレクトリに配置する必要があります。マニフェストは、重要なメタデータを記録し、リソースを定義し、権限を宣言し、バックグラウンドとページで実行するファイルを識別します。
サービス ワーカーはバックグラウンドで実行され、ブックマークの削除やタブの閉じ方などのブラウザ イベントを処理します。これらの API は DOM にアクセスできませんが、このユースケースでは画面外ドキュメントと組み合わせることができます。
コンテンツ スクリプトは、ウェブページのコンテキストで JavaScript を実行します。
ユーザーが拡張機能のツールバー アイコンをクリックしたとき、または Action API を使用してポップアップを表示したときにコードを実行します。
ブラウザのサイドパネルにカスタム UI を表示します。
ネットワーク リクエストをインターセプト、ブロック、変更する。

Chrome ウェブストアに公開する

拡張機能をご自身で作成する場合は、スタートガイド チュートリアルをご覧ください。Chrome ウェブストアに公開する場合は、まずいくつかの点に注意する必要があります。
サポートする機能を選ぶ際は、拡張機能が、範囲を限定し、わかりやすい単一の目的を果たすようにしてください。
Chrome ウェブストアで配布される拡張機能は、デベロッパー プログラム ポリシーに準拠している必要があります。拡張機能を Chrome ウェブストアでホストできるようにするには、これらのポリシーを確認してください。
コードを記述する際は、すべてのロジックを拡張機能のパッケージに含める必要があることに注意してください。つまり、ランタイム時に追加の JavaScript コードをダウンロードすることはできません。拡張機能のセキュリティを強化するには、リモートでホストされるコードを実行する代替手段が用意されています。

チュートリアル

次のいずれかのチュートリアルを選択して、拡張機能の学習を始めましょう。
最初の「Hello World」拡張機能を作成して、拡張機能の開発ワークフローに慣れましょう。
指定したサイトに要素を自動的に追加する方法を学びます。
ツールバー アイコンをクリックして、現在のページのスタイルを簡素化する方法を学びます。
タブを管理するポップアップを作成する方法を学びます。
拡張機能サービス ワーカーの作成とデバッグについて学習する。
デバッグ中にログとエラー メッセージを探す方法を学びます。