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

この記事がお役に立てたならシェアしてくれると嬉しいです。


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

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

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

スポンサーリンク

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

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

■アイコンの作成

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


Add-onAdd-onAdd-on

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

■「manifest.json」の作成

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

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

{
	"name": "名前",
	"version": "1.0",
	"manifest_version": 2,
	"description": "説明",
	"icons":
	{
		"16" : "icon16.png",
		"48" : "icon48.png",
		"128" : "icon128.png"
	}
}
各項目の説明
“name” この拡張機能の名前です。
拡張機能のリストに現れたアイコンにカーソルを合わせた時にも表示される項目です。
“version” この拡張機能のバージョンです。
“manifest_version” このマニュフェストファイルの対応バージョンです。2で固定。
“description” この拡張機能の説明文です。
“icons” この拡張機能のアイコンです。
16×16、48×48、128×128の3パターンのpngファイルのパスを指定します。

拡張機能の登録

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

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


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


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

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


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


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

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


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


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

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

スポンサーリンク

この記事がお役に立てたならシェアしてくれると嬉しいです。


最新記事の更新情報をお届けします。
関連コンテンツ

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)