Chromeの拡張機能の開発・公開方法

Chrome拡張機能を開発してストアで公開したため、その備忘録です。

開発

下記サイトにサンプルコードがあるため、自分の作りたいプログラムと似通ったものをローカルで動作させることから始めるとスムーズに開発できると思います。
 
へアクセスし、
画面右上の「デベロッパーモード」のトグルを有効にします。
「パッケージ化されていない拡張機能を読み込む」ボタンを選択することで、ストアで公開していないローカルにあるソースコードをブラウザへ読み込むことができます。
 
ソースコード「popup.html」のデバッグをしたい場合、を開き、「右クリック>検証」でデバッグログを閲覧できます。
(【ID】はに記載されている各拡張機能のIDです。)
 

ストアでの公開

ストアで公開するには下記URLアクセスし、拡張機能の情報を登録します。
 
アップロード画像の用途は下記の通りです。
  • Store icon: 拡張機能詳細画面
  • Screenshots: 拡張機能詳細画面に表示される画像
  • promo tile: 検索結果に表示される画像