CodeExpander Pro × AI：ユースケース集

すぐ使えるテンプレートと実例

ドキュメント索引 · AI と生産性

目次

• AI プロンプトテンプレート
• コードスニペットライブラリ
• スクリーンショットの流れ
• クリップボードのシナリオ
• 自動化スクリプト
• プロジェクト横断の再利用

AI プロンプトテンプレート

コード生成

FillIn を使う：言語は %fillmenu%、要件は %fillarea%、オプション（コメント、テスト、ベストプラクティス）は %fillcheck%。略語の例は ai-gen。ChatGPT/Claude で ai-gen + Tab → フォーム → 全文プロンプト。

テストケース生成

%cv% がクリップボードを挿入。コードをコピーしてから、フレームワーク用 %fillmenu%（Jest、Pytest など）付きの ai-test などをトリガー。

コードレビュープロンプト

%cv% でコードを貼り、レビュー観点は %fillcheck%。FillIn 変数 を参照。

ドキュメント生成

README/API ドキュメント生成：プロジェクト名、種別、言語、説明に %filltext%、%fillarea%、%fillmenu%。

コードスニペットライブラリ

エラー処理

Python（例：try-py）：try/except と本体の %c%。JavaScript：try/catch + %c%。

ログ、テスト、API ルート

構造化ログ：メッセージは %filltext%、レベルは %fillmenu%、追加は %c%。Jest/Pytest：describe + test、名前は %filltext%。Express/FastAPI：メソッドは %fillmenu%、パスは %filltext%。

スクリーンショットの流れ

バグレポート

ショートカット → 範囲を選ぶ → 矩形、矢印、文字 → コピー → Issue/Jira へ貼る。

ドキュメント

コードや UI をキャプチャ → グラデーション + 角丸 + 影 → 番号付き円 + ハイライト → コピーまたは保存。

コード比較

スクロールキャプチャで Before/After。Before を Pin し、After を緑 / 黄でハイライト。

クリップボードのシナリオ

• AI 返信履歴：コピーは履歴へ。クリップボードウィンドウで検索してペースト。重要な返信をお気に入り。
• クリップボードからスニペット：コードをコピー → クリップボードウィンドウ → 「スニペット作成」 → 略語とグループ → 再利用と同期。
• 複数ステップのペースト：設定をまとめてコピー。クリップボードから順にペースト（環境変数、フォーム、移行）。

自動化スクリプト

Git（Shell / JS）

クイックコミット：git add . + commit -m “%filltext&name=message%” + push。機能ブランチ：種別と名前は %filltext%。ステータス：execSync(‘git status —short’) の JS スニペット。

Docker、足場、データ

docker-clean（prune）。init-node/init-python（mkdir + パッケージマネージャ + .gitignore）。json-format は %cv% または {{clipboard}} → JSON.stringify(parsed, null, 2)。

プロジェクト横断の再利用

グループ：例：ProjectA（接頭辞 pa-）、ProjectB（pb-）、Common（接頭辞なし）。ExpandIn：アプリまたはディレクトリで制限。マイクロサービス：サービスごとに 1 グループ（us-dev、os-dev）、共有スクリプト（k8s-status、k8s-logs）は Common。

🎭 プロンプトのバリアント管理

同じプロンプト用途でも、複数版（quick/deep/strict）が要ることが多い。展開時に %fillmenu% で選べば、切り替えコストはほぼゼロです。

コードレビューのバリアント選択

Abbr: ai-review
Group: AI-Prompts/Review
Type: plain

---Content---
%fillmenu&name=Review Mode&opt=quick&opt=deep&opt=security%

{{if quick}}Please do a quick review of the code below — focus only on the most critical issues:
{{elif deep}}Please do a deep review covering architecture, performance, maintainability, and security:
{{elif security}}Please audit the code below from a security perspective, focusing on OWASP Top 10:{{end}}

```%cv&md=%```

ai-review をトリガー → ポップアップで “quick / deep / security” を選ぶ → 対応するバリアントが展開され、クリップボードのコードが自動で包まれる。

インライン 1 行バリアント

数語だけ違うときは、メニューをテンプレートに直接埋めます。

Please %fillmenu&name=Action&opt=refactor&opt=optimize for performance&opt=add unit tests&opt=convert to TypeScript% the code below:

%cv&md=%

略語：ai-action。展開後：“Please refactor the code below: …” または “Please optimize for performance…”。

📋 複数クリップボードのコンテキスト組み立て

場面：エラーメッセージ、関連コード、設定断片がある。1 つの AI デバッグプロンプトにまとめたい。

手順（現行の CodeExpander が必要）：

1. エラーメッセージをコピー → クリップボード履歴が自動記録
2. 関連コードをコピー → 同様
3. クリップボードウィンドウを開き、右下の バッチモード ボタンをクリック
4. 必要な履歴項目をチェック（範囲は Shift クリック、複数選択は Ctrl クリック）
5. 下のツールバーの 🤖 Combine as AI Prompt をクリックし、テンプレートを選ぶ：
   • Debug / Error analysis：先頭項目 → Error ブロック、残り → Code ブロック。デバッグ依頼を末尾に付ける
   • Code review：全項目をコードブロックにまとめ、レビュー依頼を付ける
   • Plain join：項目を --- 区切りでつなぐ
6. 自動でクリップボードへ書き込み → AI ツールへ貼る

デバッグ出力の例（2 件選択）：

## Error / Issue

TypeError: Cannot read properties of undefined (reading ‘map’) at processItems (app.ts:42)

## Related Code

const data = await fetchData() const items = data.results.map(…) // ← crashes here

Please help me debug the issue above.

効率の比較

文法の詳細：FillIn 変数、設定。
最終更新：2026-01-29