1.

Chromeの拡張機能の作り方概要

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

1. 拡張機能の目的を定義する

どのような問題を解決するか？
どのような機能を提供するか？

2. 開発環境のセットアップ

Chromeブラウザをインストールする
開発者モードを有効にする

3. 新規拡張機能の作成

ブラウザの拡張機能画面から「新しい拡張機能を作成」を選択する
フォルダを作成し、manifest.jsonファイルを作成する

4. HTML、CSS、JavaScriptファイルを作成する

拡張機能の表示や動作に必要なHTML、CSS、JavaScriptファイルを作成する
HTML、CSS、JavaScriptファイルは、manifest.jsonファイルで参照する必要があるため、適切なフォルダに保存しておく

5. アイコンを追加する

拡張機能のアイコンを設定する
アイコンは、16x16、48x48、128x128の3つのサイズが必要となる
manifest.jsonファイルで、アイコンのパスを指定する

6. 拡張機能をテストする

拡張機能をChromeブラウザにインストールし、動作を確認する

まとめ

  • Chrome拡張機能を作成するには、manifest.jsonファイルと必要なHTML、CSS、JavaScriptファイルを作成する必要がある。
  • アイコンを設定する必要があり、3つのサイズが必要となる。
  • 拡張機能のテストを行い、必要に応じて修正する。

以上がChrome拡張機能の作成についての基本的な手順です。実際に作成する場合には、より詳細な情報が必要となる場合がありますので、必要に応じて公式ドキュメントや関連書籍などを参照することをおすすめします。

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
同階層のページはありません

人気ページ

最近更新/作成されたページ