Windowsでも“Appshotsっぽく”AIに画面を渡したいを実現！！Chrome拡張を自作してみた「Quick-Screenshot」

Codexに「今見ている画面」をそのまま渡せたら便利です。

MacではAppshotsのように、アプリ画面をAIに渡す機能が出てきています。
でもWindowsではまだ同じ体験が使えません。

そこで、Chrome/Edge上で見えている画面をすぐにPNG画像としてコピーし、
ChatGPT、Codex、X、noteなどにそのまま貼れる拡張機能を作りました。

名前は「Quick Screenshot」。

できることはシンプルです。

表示中ページをPNGで保存
選択範囲だけを切り抜き
画像をクリップボードへコピー
保存したファイルパスをコピー
ChatGPT / Codex / X / note にそのまま貼り付け

ただ、この拡張機能はAI専用というわけではありません。

実際に使ってみると、どちらかというと

「スクリーンショットまわりの作業を時短するツール」

としてかなり便利でした。

たとえば、通常のスクリーンショット作業では、

1. スクショを撮る

2. 保存場所を探す

3. 必要なら画像を開く

4. 投稿画面やチャット画面に添付する

5. 場合によってはファイルパスをコピーする

という流れになります。

Quick Screenshotでは、このあたりをボタン1つで短縮できます。

- noteに画像を貼る

- Xにスクショを投稿する

- ChatGPTに画面を見せる

- CodexにUIやエラー画面を見せる

- 作業ログ用に画像を残す

- PowerShellやAntigravityにファイルパスを渡す

- ブログやマニュアル用に画面の一部だけ切り抜く

- 問い合わせやサポート用に画面を共有する

つまり、AI活用だけでなく、

日常的なスクショ作業そのものを軽くするための拡張機能です。

特に便利なのは、保存とコピーを分けて使えるところです。

「画像としてすぐ貼りたい」

「ファイルとして残したい」

「AIにパスで渡したい」

「保存も貼り付けも同時にしたい」

このような使い分けを、毎回ファイルを探さずにできます。

使い方はこちら確認ください

便利だったところ

一番便利なのは、画像ファイルをわざわざ探さなくていいところです。

たとえばXを見ていて、

「この投稿どう思う？」

とAIに聞きたいとき、範囲を選んで画像コピー。
そのままChatGPTやCodexに貼るだけです。

ファイルパスを貼る方法も使えるので、
AntigravityやPowerShellとの相性も良かったです。

工夫したところ

スクリーンショットはJPEGではなくPNG固定にしました。

理由は、AIに読ませるなら文字の読みやすさが大事だからです。
JPEGだとUI文字や細い線がにじむことがあります。

また、選択範囲を切り抜くときは、
ブラウザの表示倍率と実画像サイズのズレを考慮するようにしました。

気づいた制限

Chrome/Edge拡張には制限もあります。

たとえば、保存先フォルダの本当のフルパスは取得しにくいです。
そのため「保存＋パス」を正確に使う場合は、
Downloads配下のサブフォルダを使うのが安定しました。

また、この拡張で撮れるのはChrome/Edgeの表示中タブです。
デスクトップ全体や他アプリを直接撮るものではありません。

Appshotsの完全代替ではない

これは公式Appshotsの完全代替ではありません。

Appshotsは画面だけでなく、取得できるテキスト情報も渡せるようです。
一方、この拡張は主に「画像としてAIに渡す」ためのものです。

ただ、Windowsで今すぐ使える軽量な方法としてはかなり実用的でした。

まとめ

今回作ってみて感じたのは、
AIに画面を渡す体験はかなり強いということです。

文章で説明するより、画面をそのまま見せたほうが早い場面は多いです。

Windowsでも、Chrome拡張を使えば
「見ている画面をすぐAIに渡す」体験はかなり近いところまで作れました。

どんな画像が取れるのか？範囲は？
実際に取った画像がこちらです

4つの保存・コピー機能

Quick Screenshotには、用途に合わせて使い分けられる4つのボタンがあります。

💾 保存のみ

表示中の画面や選択範囲を、PNG画像として保存します。

保存形式：PNGファイル
主な用途：記録用、あとで見返す用、資料作成用

画像をクリップボードにはコピーしないので、「とりあえず画像ファイルとして残したい」ときに使います。

📋 保存＋パス

スクリーンショットをPNG画像として保存し、その保存先のファイルパスをクリップボードにコピーします。

保存形式：PNGファイル＋ファイルパスをコピー
主な用途：Codex、Antigravity、PowerShellなどに画像パスを渡すことが可能です

例：C:\Users\user\Downloads\Screenshots\2026-05-24_14-39-49.png
AIやツールに「この画像を見て」と伝えるとき、ファイルパスをそのまま貼れるのが便利です。

🖼️ 画像コピー
スクリーンショット画像そのものをクリップボードにコピーします。

保存形式：保存なし、PNG画像をクリップボードにコピー
主な用途：ChatGPT、Codex、X、note、ブログ投稿への貼り付け

ファイルとして保存せず、そのまま貼り付けられるので、最も手軽に使えるモードです。

⭐ 保存＋画像
スクリーンショットをPNG画像として保存しながら、同時に画像そのものもクリップボードにコピーします。

保存形式：PNGファイル＋ PNG画像をクリップボードにコピー
主な用途：画像を残しつつ、すぐAIや投稿画面にも貼りたいとき

保存と貼り付けを同時に済ませたい場合に便利です。

使い分けの目安
画像ファイルとして残すだけ → 💾 保存のみ
AIやPowerShellにファイルパスで渡す → 📋 保存＋パス
X、note、ChatGPTにすぐ貼る → 🖼️ 画像コピー
保存も貼り付けも両方したい → ⭐ 保存＋画像

保存形式はPNGに統一しています。
スクリーンショットは文字やUIが多いため、JPEGよりPNGのほうが劣化しにくく、AIにも読み取らせやすいからです。

実際にスクリーンショットをとった画像がこちら👇

全面

中央

左上

右上

左下

右下

範囲選択

範囲選択して　保存ボタンをクリック

どうですか？
少しは画質が落ちてると感じるかもしれませんが、AIに渡すための手段に使うには十分です。

Appshotsの機能はMACのみですのでWindowsの方は代替ツールとして十分便利に使っていただけると思います。
------

使い方はこちら確認ください

設定画面について

Quick Screenshotの設定画面では、履歴の表示件数と保存先フォルダを変更できます。

📁 ポップアップ履歴

ポップアップ下部に表示される「最近のスクショ」の件数を設定できます。

デフォルトは3件です。

件数を増やすと、過去に保存したスクリーンショットのパスをポップアップから確認しやすくなります。

設定できる範囲：📁 保存先
スクリーンショットを保存するフォルダを指定できます。

フォルダ選択ボタンを押すと、保存先フォルダを選べます。

おすすめは、Downloads配下に専用フォルダを作って指定する方法です。

例：

C:\Users\user\Downloads\Screenshots
Downloads配下のフォルダを選ぶと、保存＋パス機能で実際のファイルパスを扱いやすくなります。

Downloads以外のフォルダも選択できますが、Chrome/Edgeの仕様により、正確なフルパスを自動取得できない場合があります。その場合は、表示されているパスを必要に応じて手動で編集します。

設定を保存
変更した内容を保存するボタンです。

履歴件数や保存先の表示パスを変更したあとは、設定を保存を押します。

使い方
ショートカットや基本操作を確認できます。

主なショートカット：

Alt + Shift + S
表示中の画面を保存します。

Alt + Shift + A
AI送信モードとして、保存とクリップボードコピーを行います。

ショートカットは以下のページから変更できます。

chrome://extensions/shortcuts
注意点
Quick Screenshotで撮影できる範囲は、Chrome/Edgeで表示されているページ部分です。

ブラウザのタブバー、ブックマークバー、Windowsのタスクバー、他のアプリ画面は含まれません。