なんでもHTMLとJavaScriptで作れてしまうという事を聞いたので早速作ってみました。Chromeウェブストアに公開しましたので使ってみてください。Chromeウェブストア紹介ページ今回作成した拡張機能アイテムの紹介アイテム名『簡易リサイズしてやんよ!!!』アイコンをクリックしてポップアップに画像ファイルをドラッグ&ドロップをすると、指定サイズ(ピクセル値)にリサイズされ再生成されます。プレビュー生成された画像ファイルはドラッグ&ドロップでデスクトップにコピー、または右クリックから保存してください。PhotoShopなどの画像編集ツールを起動させることなく、簡易的に画像のリサイズが行えます。生成されたリサイズ画像がユーザーの意図しない場所で保存されるといった事はありませんのでご心配なく。作成手順と必要なファイルこの拡張機能は本当にシンプルなリサイズ機能のみの拡張機能ですので必要なファイルも最低限のファイルです。適当な名前で新規フォルダを作成し、その中に以下のファイルを用意してください。公開ページやChromeの管理画面でこのアイテムの紹介や仕様を明記するための必須ファイルです『icon_32.png』『icon_48.png』『icon_128.png』インストールするとブラウザ右上や管理画面に表示するためのアイコン画像です。サイズは32×32、48×48、128×128の3種類(16×16もあれば)くらいあれば大丈夫だったと思います。※画像アイコンはなくても大丈夫ですが、何の拡張機能かわかりやすいようにあった方が良いと思います。『popup.html』ブラウザ右上に表示されるアイコンをクリックするとポップアップ表示される拡張機能のコンパネ用ファイルです。※バージョンの指定は特にありませんが、古すぎても新しすぎても動作するかわかりません。『manifest.json』ファイルの準備マニュフェスト(宣言・声明書を意味する)、スマホアプリなどを作成した事のある方にはおなじみですが、Googleに申請するための申請書兼、Chromeブラウザにインストールさせるための仕様書の役割を果たします。}}name拡張機能の名前を付けてください。最大45文字までです。versionメジャー・マイナーともに、拡張機能を更新する際には必ずバージョンが上げてください。manifest_versionマニフェストファイル自身のバージョンです。description拡張機能の説明文です。最大132文字までです。iconsアイコン画像を用意した種類の分だけ、サイズ:ファイル名の項目を追加してください。※アイコン画像を入れない場合はこの項目は削除してください。browser_actionこちらは、「browser_action」と「page_action」の2種類からいづれかのタイプを選択しますが、今回作成した拡張機能は「browser_action」を選択して、そこに連動させる「popup.html」を指定しています。全てのページに対して、またはページに依存せず拡張機能を使用したい場合に選択します。特定のページを開いたときのみ、URL欄の横にアイコンが表示されます。条件に一致しないページでは、アイコンが非表示になります。backgroundアイコンをクリックした際にポップアップの役割を果たすバックグラウンドページの設定です。このファイルに関連付けられているCSSやJSファイルを明記します。このほかにも拡張機能に実装する機能によってはマニュフェストに記述する項目は増えます。通称バックグラウンドページ(またはイベントページ)と呼ばれます。こちらにリサイズするサイズ指定するフォームとリサイズ元となる画像をドラッグ&ドロップするエリアを作成します。※このポップアップで指定した装飾は実際に見ているページにも影響してしまうため、干渉してしまわないようにbodyにまず付けられないであろうID名をつけてCSSファイルにも指定してください。bodyに特有のID名を付けてこちらを指定した上で各要素のプロパティを指定してください。『background.js』ファイルの準備バックグラウンドページでの挙動処理を記述します。canvasを使ってプレビュー領域となる要素へ描画します。上記ファイルを準備したフォルダを実際にChromeブラウザに実装してみます。※『manifest.json』に足りない項目やファイル名に違いがあった場合はエラーになるため内容を確認してください。これでインストール完了です。Chromeブラウザの右上に作成した拡張機能のアイコン画像(画像がない場合は拡張機能の名前の最初の一文字目)が表示されます。現在、Chromeウェブストアに公開していない拡張機能はブラウザの再起動時に「不明な拡張機能を削除しかすか?」の確認アラートが出ますので、インストール後も使い続ける場合は毎回「キャンセル」を選択してください。ほかのブラウザでもアドオンなどは作れますが、Firefoxアドオンなどは素人ではかなりハードル高めですが、WEBサイトを作るのと同じ要領で作れてしまう(作れる様に設計してくれている)Googleの技術力に改めて感銘を受けました。みなさんも是非、仕事効率化などのアイディアを思いついたら開発してみてください。