Google Chromeの拡張機能の作成方法

Google ChromeはChromeウェブストアに、例えば「キーボードからの操作に対する反応を設定する」とか「iMacrosのようなマクロを実行する」といった様々な拡張機能（アドオン）を置いています。

しかし、用途によっては自分が欲しい拡張機能が無いなんて場合もあります。

そこで、自分でGoogle Chromeの拡張機能を作る方法を記しておきます。

何もしない拡張機能の作成

まず、ボタンを押すだけの「何もしない」拡張機能の作成します。

■アイコンの作成

拡張機能に表示されるアイコンを作成します。

アイコンは16×16、48×48、128×128の3パターンを用意します。
ファイル形式はpngです。

■「manifest.json」の作成

どんな拡張機能かを示すマニュフェストファイルを作ります。

ファイル名は「manifest.json」です。

{
	"name": "名前",
	"short_name": "略称",
	"version": "1.0.0",
	"manifest_version": 2,
	"description": "説明",
	"icons":
	{
		"16" : "icon16.png",
		"48" : "icon48.png",
		"128" : "icon128.png"
	}
}

拡張機能の登録

マニュフェストファイルを作成したら、次はこれを登録する方法です。

まずchromeを起動します。
起動したら左上のを左クリックしてメニューを出します。

 

このメニューの設定を左クリックしてchromeの設定画面を出します。

 

設定画面になったら左側のメニューの拡張機能を左クリックします。

これで拡張機能の画面になりました。

 

画面の上の方にある「デベロッパーモード」を左クリックしてチェックを入れます。

 

すると「パケージ化されていない拡張機能を読み込む…」と「拡張機能のパッケージ化…」「拡張機能を今すぐ更新」のボタンが現れます。

「パケージ化されていない拡張機能を読み込む…」を左クリックします。

 

新しい拡張機能の入ったフォルダを指定するウインドウが開くので、先ほど作ったマニュフェストファイルが入っているフォルダを指定します。

 

これで「何もしない」拡張機能が登録されます。

追加されると拡張機能のアイコンがの左横にも追加されます。