スクリーンショットと注釈

CodeExpander の スクリーンショットと注釈は、キャプチャと編集が一体の流れです。範囲 / ウィンドウ / 全画面 / スクロールと Pin オーバーレイのあと、すぐエディタで注釈（矢印、ハイライト、ぼかし、文字）、スタイル、OCR、コピーまたは保存。トレイまたはショートカット（例：Cmd+Shift+A）から起動。マルチモニター：カーソル下のディスプレイをキャプチャ。

どのキャプチャモードがあるか

マルチモニター：カーソル下のディスプレイを自動キャプチャ。

ショートカット設定（設定 → スクリーンショット）：

全画面、ウィンドウ、スクロール、遅延キャプチャに独立したショートカットも割り当てられます。

注釈とスタイル

注釈ツール

編集操作：取り消し（Cmd/Ctrl+Z）、やり直し（Cmd/Ctrl+Shift+Z）、すべて消去。

背景スタイル

• 背景の種類：グラデーションプリセット / 単色 / パターン
• 角丸：スクリーンショットの角丸を調整
• 影：影効果を追加
• 余白：画像のまわりにマージンを追加
• デバイスフレーム：macOS ダーク / ライト、ブラウザ ダーク / ライト、ターミナルのプリセット
• 透かし：文字または画像の透かし。位置設定あり
• プリセット：現在のスタイル組み合わせを保存し、次回ワンクリックで再利用

カラーピッカー

キャプチャ中にショートカットで呼び出し。対応：

• 色形式：HEX、RGB、HSL、OKLCH
• 画面ピクセル色のリアルタイムプレビュー
• 色値をクリップボードへコピー

OCR

写真から請求書番号が要る。キャプチャして OCR を実行し、テキストを表へ貼る。認識はこのコンピュータ上です。

• 無料は 1 日 10 回、Pro は無制限。回数はこのマシンに保存されます。
• 設定 → キャプチャ → OCR：エンジンを選ぶ（auto で十分）と、結果の出し方（ダイアログ / トーストしてコピー / ピン）。
• 番号注釈の試行は、別の日次上限です。

典型的な場面： 外国語 UI の文字、請求書 / 契約、コードのスクリーンショットをテキストに。

GIF と書き出し

クリックしてもボタンが動かない。トレイまたはホットキーから GIF 録画を開始し、範囲を描き、停止してファイルを送る。停止ホットキーの既定：Ctrl+Shift+G。範囲、カーソル、フレームレートは 設定 → キャプチャ。

録画は表示されたままです。無料の録画は上限で止まります。停止後、エディタ（キャプチャ用。スニペットエディタではない）でタイムラインをトリムします。GIF、APNG、または MP4 を書き出します（MP4 にはこのコンピュータ上の ffmpeg が必要）。すべてはこのマシンに残ります。

典型的な場面： チュートリアル GIF、バグ再現、チャットでの短いデモ。

保存と出力

• コピー — エディタで Enter またはコピー。スクリーンショット / GIF をクリップボードへ。ドキュメントやチャットに貼る
• 保存 — Cmd/Ctrl+S または名前を付けて保存。形式：PNG、JPG、WebP
• クイック保存（設定）：ダイアログなしで、設定したフォルダへ直接保存
• 自動保存（設定）：クリップボードへコピー、またはピンしたときにフォルダへ自動書き込み

ファイル名テンプレート

時刻プレースホルダに対応。例：

APSDAL_${yyyy-MM-dd_HH-mm-ss}.png

よく使うプレースホルダ：

• ${yyyy} — 年（4 桁）
• ${MM} — 月（2 桁）
• ${dd} — 日（2 桁）
• ${HH} — 時（24 時間）
• ${mm} — 分
• ${ss} — 秒

スクリーンショット設定

設定 → スクリーンショットで構成：

作業の流れ

• スクリーンショット履歴 — 直近のキャプチャをエディタまたは履歴で見て、コピー / 編集。
• マルチモニター — カーソル下のディスプレイをキャプチャ。

典型的な流れ

1. チュートリアルのスクショ：範囲キャプチャ → 矢印 / 番号注釈 → 背景スタイル（角丸 + 影） → ドキュメントへコピー
2. バグレポート：ウィンドウキャプチャ → 機微情報をモザイク / ぼかし → 同僚または issue トラッカーへコピー
3. コードレビュー：範囲キャプチャ → 問題に番号コールアウト → 書き出しまたはコピー
4. デザインの色取り：範囲キャプチャ → カラーピッカーで値を取る → HEX をデザインツールへコピー