システム設計モード
システム設計モードは、アーキテクチャに関する質問に最適化された Whisperer の特別な応答フォーマットです。テキスト図、コンポーネントの構成図、アーキテクチャ上の意思決定の説明を含む構造化された回答を提供します。技術面接やシステム設計の議論の場で欠かせません。
Start、Pro、Max の各プランで利用できます。
どんなときに使うか
- システム設計面接で：「Twitter を設計してください」「URL 短縮サービスをどう構築しますか」。
- チームとアーキテクチャを議論するとき：単なるテキストではなく、構造化された回答が必要な場合。
- 手早いヒントではなく、根拠を伴う詳細な解決策が必要なとき。
有効化の方法
方法 1 — オーバーレイのボタン：
- Whisperer の CommandBar にある 「System Design」 ボタンをクリックします。
- 質問を入力するか、空欄のままにします — Whisperer がトランスクリプトからコンテキストを取得します。
- Enter または「送信」を押します。
方法 2 — キーボードショートカット：
/app/hotkeys（macOS）またはクライアント設定（Windows）でシステム設計用のショートカットを設定します。
📸 [スクリーンショット：CommandBar の「System Design」ボタンと、AnswerArea における構造化された応答の例]
応答の見え方
システム設計モードの応答には次の要素が含まれます：
- 要件の明確化（機能要件 / 非機能要件）。
- 規模の見積もり（QPS、データ量、ユーザー数）。
- テキスト図の形式によるアーキテクチャ図。
- コンポーネントの説明とそれらの相互作用。
- トレードオフ。
図
macOS：図はインタラクティブな SVG 構成図として AnswerArea に直接レンダリングされます。
Windows：図は整形されたコードとして表示されます — コピーして、互換性のある任意のツール（例：mermaid.live）に貼り付けられます。
📸 [スクリーンショット：システム設計モードでの図の例 — マイクロサービスアーキテクチャの構成図]
よくあるエラー
| エラー | 原因 | 対処 |
|---|---|---|
| 「System Design Mode unavailable」 | Free プランにはこの機能が含まれていません | Start 以上にアップグレードしてください |
| 図のない応答 | 選択したモデルがシステム設計フォーマットに対応していません | 設定で Claude Opus または GPT-4o に切り替えてください |
| Windows で図がコードとして表示される | これは想定どおりの動作です（SVG レンダラーがありません） | コードをコピーして mermaid.live で開いてください |
| 応答が一般的すぎる | モデルが十分なコンテキストを受け取っていません | 質問を具体化してください：テキストフィールドに要件を追加します |
ベストプラクティス
- リクエストの前に要件を声に出して述べましょう — Whisperer がトランスクリプトからそれを拾い、回答がより具体的になります。
- 複雑なシナリオにはフロンティアモデル（Max）を使いましょう：構造とトレードオフの扱いに優れています。
- 追加で質問しましょう：最初の応答の後に「ストレージについてもっと詳しく」や「キューベースのアプローチを検討して」と入力すると、モデルは同じフォーマットで続けてくれます。
- 面接では回答をそのまま読み上げないでください：それを計画として用い、自分の言葉で説明しましょう。