> ## Documentation Index > Fetch the complete documentation index at: https://docs.kanaeru.ai/llms.txt > Use this file to discover all available pages before exploring further. # ブループリントエディターとツール > Web アプリでブループリントを開き、比較し、注釈を付け、編集し、承認し、エクスポートします。 ブループリントは、種類ごとに専用のエディターで開きます。UX モックアップならライブのプロトタイプ、ドメインモデルならキャンバス、シーケンスなら図です。どのエディターも同じツールバーを共有しているため、技術スタックのレビューもデータモデルのレビューも同じ操作で行えます。各種類の見た目は[ブループリントの例](/ja/concepts/blueprint-examples)を参照してください。 ## ブループリントを開く ブループリントは、アウトカムの **計画とレビュー** セクションやジャーニーから、ワークスペースのチャットの横に開きます。そこから次の操作ができます。 * ブループリントをチャットの横にドッキングする、または全画面で開く * **新しいタブで開く** を選び、ブラウザの別タブで開く * **チャットを横に並べる** を選び、読みながら Kana と会話を続ける ## 現行と提案 ほとんどのブループリントには 2 つのバージョンがあります。 * **現行**：コードから取得した、現在のプロダクトの動き。 * **差分**：このアウトカムに向けて Kana が提案する内容。 変更マーカーは、差分の各部分を **追加**、**変更**、**削除** として示します。比較の方法はヘッダーで選びます。 | 操作 | 内容 | | - | - | | **オーバーレイ** | 1 つのエディターで、差分の変更をインラインで強調表示します | | **分割** | 左右に並べて表示します。一方に **現行**、もう一方にジャーニーの **差分** を表示します | | **BPスコープ** | **アウトカム** 全体、1 つの **タスク**、または 1 つの **ジャーニー** のブループリントを表示します | UX モックアップには **ベースライン / 差分 / 比較** の切り替えが追加されます。**比較** では、長押しするとベースラインを確認できます。 ## ツールバー | グループ | 操作 | | - | - | | **表示** | **ビジュアル**、**ソース**、または **分割**（両方を並べて表示） | | **ツール** | **注釈** で注釈モードをオンにし、**注釈を終了** でオフにします | | **Kana** | **分析して提案** で、Kana にブループリントのレビューと改善提案を依頼します | | **コメント** | このブループリントへのあなたの注釈とフィードバック | ## 変更をレビューする 変更のあるブループリントには **レビュー** と件数が表示されます。**レビューナビゲーター** で変更を 1 件ずつ確認でき、← と → で前後に移動します。各変更に対して **承認**、**要確認**、**コメント** を行うか、後でまとめて送るために **収集** できます。一覧は **すべて** または **ジャーニー別** でグループ化できます。 **承認** は、すべての変更をレビューするまで無効のままです。それまでは、ボタンに承認済みの件数と全体の件数が表示されます。考えが変わった場合は **レビューを再開** を選びます。ブロッキングの注釈があるブループリントには、その注釈が解決されるまで **隔離中** と表示されます。 ## 注釈を付ける 注釈は、コメントをブループリントの特定の部分に結び付けます。 * **ピン** で 1 点を指定する * **矩形** で領域を囲む * **フリーハンド描画** で描く、または **矢印** で指し示す クリックまたはドラッグして注釈を付けます。注釈上で **Enter** を押すと **Kanaでインライン修正** できます。Kana はその領域だけを変更し、ほかの部分には手を加えません。 **収集** したコメントはフィードバックパネルに溜まります。**Kanaに伝える** または **チャットに送信** を選ぶと 1 つのメッセージにまとめて送られ、Kana は複数の変更をまとめて反映できます。 ブループリントの直接編集と、領域への注釈のピン留めは [クラフトレベル](/ja/concepts/levels) で使えるようになります。それまでは、コメント、承認、およびチャットで Kana に変更を依頼することができます。 ## UX モックアップエディター UX モックアップは、実際のルートをクリックして操作できるライブのプロトタイプで、ブラウザ枠の中に表示されます。 | 操作 | 用途 | | - | - | | **閲覧** | ユーザーと同じようにプロトタイプをクリックして操作します | | **ピン**、**エリア**、**ホットスポット** | 点や領域にコメントする、またはクリック可能なホットスポットを指定します | | **デスクトップ**、**ノートPC**、**タブレット**、**モバイル** | 各ビューポートでレイアウトを確認します | | **全体表示**、**全画面表示を開く** | 枠のサイズを変更します | | **画面一覧を表示**、**コメントを表示** | すべての画面、またはすべてのコメントを一覧表示します | コメントパネルで **Kana向けに収集** を選んでコメントを集め、**Kanaに送信** で送ります。 ## その他のエディター | ブループリント | エディター | | - | - | | ユーザージャーニー | フェーズとステップ。アクター、チャネル、ステップの感じ方、ペインポイント、時間を含みます | | シーケンス図、ステートマシン | Mermaid 図と、その横のソース | | データモデル | DBML から生成されるエンティティリレーションシップ図 | | ドメインモデル | D2 から生成されるエンティティと集約のキャンバス | | アーキテクチャ | LikeC4 から生成されるコンポーネント、デプロイ、連携、データの各ビュー | | API契約 | 各エンドポイントを閲覧できる OpenAPI ドキュメント | | 技術スタック | 決定ごとのカード：選択、理由、代替案、トレードオフ | | 品質プロファイル | 各品質目標と現在のプロダクトの位置を比べるレーダーチャート | | インテント仕様 | 意図、その重要性、成功基準、制約、エスカレーションするタイミング | ## エクスポート **エクスポート** を選んでブループリントをダウンロードします。 * **ソースファイル**：`.dbml` や `.json` など、ブループリント本来の形式 * **Markdown 形式（.md）** * **画像（.svg）** または **画像（.png）**：シーケンス図、ステートマシン、アーキテクチャ、ユーザージャーニー、品質プロファイルのみ どのエクスポートでもレビューマーカーは削除されます。 ## 日本語版 言語の切り替えで、ブループリントを英語と日本語で切り替えられます。日本語版がない場合は **日本語版のブループリントを作成** を選びます。 ## Codex と Claude から [Kanaeru アプリ](/ja/mcp/connect)を使うと、Codex や Claude の中でもブループリントを開けます。エージェントはブループリントをポータブルなスナップショットとしてエクスポートし、ローカルで編集して保存し直せます。保存できるのは、エクスポート後に誰もそのブループリントを変更していない場合だけです。 ## Related topics - [ブループリントと理解のギャップ](/ja/concepts/blueprints.md) - [レベル：シップ、クラフト、オートノミー](/ja/concepts/levels.md) - [ブループリントの例](/ja/concepts/blueprint-examples.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.