【無料配布】ログイン不要!AIと作った1クリック画面キャプチャ拡張機能「QuickSnap」

プログラミング・個人開発

こんにちは!いおんです。

皆さんは、Webサイトの画面を保存したい時、こんな不満を感じたことはありませんか?

  • 「拡張機能を入れたけど、アカウント登録・ログインを求められて面倒…」
  • 「保存ボタンを押した後に、別タブが開いて作業に集中できない…」
  • 「とにかく重くて、サクッとスクショが撮れない!」

私自身がまさにこのストレスを抱えていたため、生成AI(Antigravity)を使って「完全アカウント不要・ワンクリックで瞬時に保存できるゼロ摩擦キャプチャーツール」を自作してしまいました!

今回は、このChrome拡張機能『QuickSnap』を当ブログの読者限定で無料配布(ダウンロード)いたします。

『QuickSnap』の圧倒的な特徴

機能は極限までシンプルです。
右上のアイコンを「ポチッ」と押すだけ。それだけで、今見ている画面が screenshot_日付_時間.png として一瞬でダウンロードフォルダに保存されます。

  • ❌ アカウント登録・ログイン
  • ❌ 有料プランへの誘導
  • ❌ 別タブへの強制移動
    これらは一切ありません

無料ダウンロードはこちら

以下のリンクから、拡張機能のデータ(.zipファイル)をダウンロードしてください。

※名前を付けてリンクを保存でもダウンロードできます。

30秒で完了!Chromeへのインストール手順

ストアを経由しない「自作拡張機能」のため、以下の簡単な手順でChromeに読み込ませてください。

  1. ダウンロードした QuickSnap.zip を解凍(展開)し、フォルダを取り出します。
  2. Google ChromeのURLバーに chrome://extensions/ と入力して開きます。
  3. 画面右上の 「デベロッパーモード」 のスイッチをONにします。
  4. 左上に現れる 「パッケージ化されていない拡張機能を読み込む」 をクリックし、先ほど解凍した QuickSnap のフォルダを選択します。
  5. これで完了です!右上のパズルマークからQuickSnapをピン留めしてご使用ください。

開発の裏側:これも全部AIが書きました

実はこのツール、プログラミング未経験の私が「AIエージェント」にプロンプト(指示)を出しただけで、数分で完成したものです。

【要件定義】
Google Chromeで現在開いているタブの表示領域を、ワンクリックで瞬時に画像(PNG)として保存する「完全アカウント不要のゼロ摩擦キャプチャーツール(QuickSnap)」のChrome拡張機能(Manifest V3対応)を作成してください。

【必要なファイル構成】
以下のファイルを同一のフォルダ(quicksnap-ext)内に生成してください。

  1. manifest.json (権限として “activeTab” と “downloads” を付与)
  2. background.js (アイコンクリック時にキャプチャを実行し、ダウンロードさせるロジック)
  3. icon.png (ダミーのシンプルなアイコン画像を生成、またはプレースホルダーを用意)

【デザインと機能の要件】

  1. ユーザーへの強制ログイン画面や、不要な外部サイトへの遷移は絶対に実装しないでください。
  2. 拡張機能のアイコンをクリックした瞬間に chrome.tabs.captureVisibleTab などを利用して現在の画面をキャプチャし、自動的に screenshot_YYYYMMDD_HHMMSS.png というファイル名でPCのダウンロードフォルダに保存する処理を実装してください。(ポップアップUIは不要です)
  3. キャプチャと保存が成功した際に、拡張機能アイコンのバッジテキストを一瞬「OK」と表示させるか、画面右上に「保存しました」という控えめな通知(Toast等)を出すフィードバック機能を入れてください。

【開発プロセスへの指示】

ファイルの生成完了後、開発者がこれをブログの読者向けに配布するための「フォルダの.zip圧縮手順」と、読者が行う「Chromeへのローカルインストール(デベロッパーモード)手順」の解説文を、Markdown形式で分かりやすく出力してください。

上記のフォルダとファイルを生成してください。

もし「こんな機能も追加してほしい!」というご要望があれば、ぜひなどでコメントを教えてください。今後のアップデートでAIに実装させます!

無料版をご利用いただきありがとうございます! 「ページ全体をそのままHTMLで保存したい」「綺麗なPDFで残したい」という方向けに、上位版の**【QuickSnap Pro】**をnoteにて公開しました🎉

【1秒・ログイン不要】あらゆるWebページを完全保存。資料収集特化のChrome拡張機能「QuickSnap Pro」|いおん|AI×個人開発
こんにちは、Gemini Study Lab所長のいおんです。 資格試験の過去問ページを保存したり、株のチャート画面を記録したり、日々のリサーチや資料収集をしている時、こんなストレスを感じたことはありませんか? ・ページ全体を保存したいのに、拡張機能が重すぎる ・保存ボタンを押したら、別タブが開いて集中...

コーヒー1杯分(500円)の買い切りで、リサーチや情報整理のストレスが完全にゼロになります。ぜひチェックしてみてください!

コメント

タイトルとURLをコピーしました