Code Harvesterv2.4.3

AI Code Harvester マニュアル:全機能をステップごとに

ChatGPT と Gemini 用の無料拡張機能の短いイラスト付きガイドです。絵が動くので、それぞれの仕組みが分かります。

新機能このバージョンの新機能

パネルを画面の端に置く

小さなHarvesterパネルを画面の好きな端へドラッグします。細い引き出しとして収まり、チャットを隠しません。

  1. タイトルをつかんで端へドラッグします。近づくほど端が明るく光ります。
  2. 離すとパネルが端に収まります。細いバーをクリックするとまた出てきます。
  3. 端に寄せたいけれど固定したくない? ドラッグ中に Shift を押し続ける(または Esc)。

コードが書かれる様子を見る

閉じた引き出しでは、AIが書いている間ブロックのラインが埋まり、作業中のファイル名が出ます。コードが完成するとすべてが点灯し、「表示」ですぐにページが開きます。

ページをライブで確認

「表示」を押すと、ページが専用のタブで実際に動く状態で開きます。AIが新しい回答を終えると、ページは自動で更新されます。

  1. 「表示」を押します。パネル、閉じた引き出し、履歴のプロジェクトのどれからでもOKです。
  2. 上の パソコン・タブレット・スマホ を切り替えて、それぞれの画面での見え方を確認します。
  3. AIに変更を頼みます。終わるとプレビューが自動で更新されます。

あなたの色

明るい・標準・暗いの3段階のアクセントカラー、または好きな色を選べます。設定では閉じた引き出し(ブロックと「表示」ボタン)も調整でき、結果がその場で見られます。

詳しく

好きな形で書き出す

ワンクリックで、次にやりたいことに合った形で作業がHarvesterから出ます。サーバーには何も送られず、ファイルはこのコンピューター上で作られます。

ファイル

ファイルのZIP

選んだファイルをすべて、それぞれのフォルダーごと1回のダウンロードで。解凍すれば、AIが作ったとおりにプロジェクトが動きます。

こんな時に最適完成したプロジェクトを自分のPCやウェブホスティングへ移すとき

1ページ(.html)

スタイルとスクリプトを1つの .html にまとめます。ダブルクリックで開け、メールでも送れます。ほかには何も要りません。

こんな時に最適ページを誰かにさっと見せたいとき

フォルダが複数あるプロジェクトも大丈夫です。AIがコードの上にパス(css/style.css)を書けばフォルダは自動で認識され、Workspaceでは各ファイルのフォルダを手で変更できます。ZIPはまさにその構造で作られます。

チャット

コード+チャット

ファイルと、作り方を説明する chat.md を1つのZIPに。コードの背景にある理由も一緒に持ち出せます。

こんな時に最適プロジェクトを引き継ぐとき、または数か月後に再開するとき

チャットをMarkdownで

会話をすっきりしたMarkdownに。見出し・リスト・コードブロックがきれいに残ります。

こんな時に最適Obsidian、Notion、GitHubでのメモ

別のAIで続きをするためのチャット

先頭に短い指示が付いたMarkdownファイル。新しいチャットに貼れば、別のAIが文脈をすべて引き継いで続けます。

こんな時に最適ChatGPTとGeminiの乗り換え、またはチャットが長くなりすぎたとき

チャットをPDFで

印刷ダイアログを開き、誰でも読めるPDFとして会話を保存できます。

こんな時に最適資料や報告書、コードを使わない相手への共有

チャットをコピー

全文がワンクリックでクリップボードに入り、そのまま貼り付けられます。

こんな時に最適ちょっとしたメッセージ、メール、サポートへの問い合わせ

含める範囲 最新の回答 / 会話全体 · とても長い会話は、AIが読める量を超えることがあります。長いチャットでは「最新の回答」がおすすめです。

毎日使う道具

好きなコードへ一気にジャンプ

パネルの各ファイルには ↕ ボタンがあります。押すとチャットがそのコードブロックまでスクロールし、一瞬ハイライトされるので、長い回答を探し回る必要がありません。↓ 一番下へ で最新の回答に戻れます。

ボタン1つで全部ダウンロード

必要なファイルにチェックを入れ(最初は全部チェック済み)、大きなボタンを押します。ボタンの文言で何が起きるかが分かります。例:選択した(2/3)を ZIP でダウンロード。ファイルを別々に欲しいときは 個別 に切り替えます。

必要なコードだけコピー

ファイルのボタン(例:index.html)を押すと、そのコードだけがクリップボードに入り、すぐ貼り付けられます。一瞬「コピーしました!」と表示され、そのあとも印が残るので、何を取ったか分かります。もう一度押すと印が消えます。

チャットが変わったら更新

Harvesterはチャットを自分で追いかけます。別の会話に移ったときや一覧が古そうなときは ↻ を押すと、最新のコードを読み直します。

セットアップ用の指示を一度だけ貼る

ⓘ ボタンで短い指示が手に入ります。チャットに貼るか、GeminiやChatGPTのカスタム指示に一度だけ貼ってください。以降はAIが各ファイル名をコードの上に書くので、Harvesterがファイルを正確に命名・整理できます。

ダウンロード先を選ぶ

⚙ で「ダウンロードの保存先」を選びます:毎回確認する(毎回場所を選ぶ)、AI_Code_Harvester フォルダ、または ダウンロード(フォルダなし)。同じ設定はWorkspaceの設定にもあります。

ご注意:ダウンロードは、初期設定で保存先をその都度たずねるようになりました。パネルの⚙設定またはWorkspaceの設定で変更できます。

🔒 すべてこのパソコンの中だけで完結します。