> For the complete documentation index, see [llms.txt](https://docs.maiagent.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maiagent.ai/maiagent-user-guide/maiagent-user-guide-ja/maigpt/canvas.md).

# Canvas キャンバス

Canvas は MaiGPT に標準搭載されているエディターです。AI にレポートやメールの作成、図表の作成を依頼すると、内容が画面右側の Canvas エリアに表示されます。そのまま直接編集・修正したり、AI にさらに調整を依頼したりできます。

<figure><img src="/files/wYrJDTUs3bYpUiERG1OO" alt="MaiGPT Canvas キャンバス"><figcaption><p>左側が対話エリア、右側が Canvas 編集エリアです</p></figcaption></figure>

***

## Canvas を使うのはどんなときか <a href="#when-to-use-canvas" id="when-to-use-canvas"></a>

| シーン        | 指示の例                        |
| ---------- | --------------------------- |
| レポートを書く    | 「Q1 の業績サマリーを作成してください」       |
| メールを書く     | 「このお客様からの問い合わせメールに返信してください」 |
| 議事録をまとめる   | 「以下の内容を議事録の形式にまとめてください」     |
| フローチャートを描く | 「休暇申請のフローチャートを描いてください」      |
| 表を作成する     | 「A 案と B 案を比較する表にまとめてください」   |

***

## 使い方 <a href="#how-to-use" id="how-to-use"></a>

### Canvas を開く <a href="#open-canvas" id="open-canvas"></a>

AI が比較的長い文書の内容を生成する際には、自動的に Canvas が開きます。また、次のように自分から依頼することもできます。

> 「Canvas を使って…を作成してください」

### 内容を編集する <a href="#edit-content" id="edit-content"></a>

Canvas が開いた後は、次のことができます。

1. **Canvas 上で直接テキストを修正する** — 任意の位置をクリックすればそのまま編集できます
2. **AI に修正を依頼する** — 対話ボックスで「2 段落目をもっと簡潔にして」と伝えます
3. **一部の内容を選択して AI に調整を依頼する** — テキストを選択してから、どのように変更したいかを AI に伝えます

### エクスポート <a href="#export" id="export"></a>

完成したら、右上のエクスポートボタンをクリックします。

* **コピー** — すべての内容をクリップボードにコピーします
* **ダウンロード** — ファイルとしてダウンロードします

***

## Canvas で作れるもの <a href="#what-canvas-can-create" id="what-canvas-can-create"></a>

| 種類     | 適した用途              | 例                          |
| ------ | ------------------ | -------------------------- |
| **文書** | レポート、メール、提案、お知らせ   | 「新製品リリースのお知らせを書いてください」     |
| **表**  | 比較分析、データ整理         | 「サプライヤー 3 社の見積もりを比較してください」 |
| **図**  | フローチャート、組織図、シーケンス図 | 「顧客クレーム対応のフローを描いてください」     |

***

## ちょっとしたコツ <a href="#tips" id="tips"></a>

{% hint style="success" %}
**AI に繰り返し改善させる**

一度で完璧に仕上げる必要はありません。まず AI に初版を生成させてから、一歩ずつ修正していきましょう。

1. 「まず下書きを 1 版書いてください」
2. 「もっとフォーマルな口調にしてください」
3. 「データの裏付けを加えてください」
4. 「最後の段落を行動を促す内容に変えてください」
   {% endhint %}

{% hint style="info" %}
**複数回編集しても内容は失われません**

Canvas はあなたのすべての修正を保持します。安心して何度でも調整でき、以前のバージョンが消えてしまう心配はありません。
{% endhint %}

***

## 文書を作成する <a href="#write-documents" id="write-documents"></a>

Canvas で最もよく使われる機能が文書作成です。AI にレポート、メール、提案、お知らせ、議事録などの作成を依頼し、Canvas 上で直接編集・調整できます。

### クイックスタート <a href="#quick-start" id="quick-start"></a>

作成したい内容をそのまま AI に伝えます。

> 「お客様への見積もり返信メールを書いてください」
>
> 「Canvas を使って今日の議事録をまとめてください」
>
> 「新機能リリースの社内向けお知らせを書いてください」

AI が Canvas 内に完成した文書を生成するので、すぐに編集を始められます。

### 編集と修正 <a href="#edit-and-revise" id="edit-and-revise"></a>

#### 直接修正する <a href="#direct-edit" id="direct-edit"></a>

Canvas 上の任意の位置をクリックし、Word を編集するようにそのままテキストを修正できます。

#### AI に修正を依頼する <a href="#ai-assisted-edit" id="ai-assisted-edit"></a>

対話ボックスに修正の指示を入力すると、AI が Canvas 上の内容を直接更新します。

| あなたの指示                   | AI の対応      |
| ------------------------ | ----------- |
| 「口調をもう少しフォーマルにして」        | 文書全体の口調を調整  |
| 「2 段落目が長いので簡潔にして」        | 特定の段落を短くする  |
| 「スケジュールに関する説明を 1 段落追加して」 | 段落を追加する     |
| 「箇条書きにして」                | 書式を再レイアウトする |
| 「日本語に翻訳してください」           | 全文を翻訳する     |

<figure><img src="/files/gAUWfLvmOlswGEoBrrSc" alt="Canvas で文書を作成"><figcaption><p>AI にお知らせの作成を依頼すると、Canvas が自動的に開き、完成した文書の内容が表示されます</p></figcaption></figure>

### よく使う文書テンプレート <a href="#document-templates" id="document-templates"></a>

これらの指示を試して、よく使う文書をすばやく生成しましょう。

| 文書の種類    | 指示の例                                                 |
| -------- | ---------------------------------------------------- |
| **週報**   | 「今週の週報を書いてください。ポイントは、A プロジェクト完了、B 要件の着手、来週は C を実施です」 |
| **メール**  | 「サプライヤーの見積もりを丁重に断るメールを、礼儀正しくも明確な口調で書いてください」          |
| **議事録**  | 「以下の内容を議事録の形式にまとめてください：（メモを貼り付け）」                    |
| **提案**   | 「AI カスタマーサポート導入の提案アウトラインを、効果分析を含めて書いてください」           |
| **お知らせ** | 「システムメンテナンスのお知らせを書いてください。時間は土曜日の午前 2〜6 時です」          |

### 文書をエクスポートする <a href="#export-document" id="export-document"></a>

完成したら右上のエクスポートをクリックします。

* **コピー** — メール、Slack、Word など、どこにでも貼り付けられます
* **ダウンロード** — ファイルとして保存します

***

## 図表を作成する <a href="#create-charts" id="create-charts"></a>

自然言語で説明するだけで、AI が Canvas 内でフローチャート、組織図、シーケンス図などのさまざまな図表を描いてくれます。文法を覚える必要はなく、描きたいものをそのまま伝えるだけです。

### クイックスタート <a href="#chart-quick-start" id="chart-quick-start"></a>

描きたい図を AI にそのまま伝えます。

> 「休暇申請のフローチャートを描いてください」
>
> 「私たちの部門の組織図を描いてください」
>
> 「ユーザーの注文から出荷までのフローを描いてください」

<figure><img src="/files/wYrJDTUs3bYpUiERG1OO" alt="Canvas 図表の生成"><figcaption><p>AI が Canvas 内で生成した可視化された図表</p></figcaption></figure>

### 描ける図表の種類 <a href="#supported-chart-types" id="supported-chart-types"></a>

| 図表の種類       | 指示の例                           | 用途            |
| ----------- | ------------------------------ | ------------- |
| **フローチャート** | 「経費精算のフローを描いてください」             | 手順、判断の分岐      |
| **組織図**     | 「部門の構成を描いてください」                | 上下の所属関係       |
| **シーケンス図**  | 「API 呼び出しのシーケンス図を描いてください」      | システム間のやり取りの順序 |
| **ガントチャート** | 「プロジェクトスケジュールのガントチャートを描いてください」 | プロジェクトの工程管理   |
| **マインドマップ** | 「マインドマップでマーケティング戦略を整理してください」   | アイデア出しと分類     |

### 図表を修正する <a href="#edit-chart" id="edit-chart"></a>

生成後に調整したいときは、そのまま伝えるだけです。

| あなたの指示                    | AI の対応    |
| ------------------------- | --------- |
| 「2 番目のステップの後に承認ステップを追加して」 | ノードを追加する  |
| 「フローチャートを左から右の向きに変えて」     | 方向を調整する   |
| 「最後のステップを削除して」            | ノードを削除する  |
| 「色を青系に変えて」                | スタイルを調整する |

### 図表をエクスポートする <a href="#export-chart" id="export-chart"></a>

完成したら、次のことができます。

* **コピー** — プレゼン資料や文書に貼り付けます
* **スクリーンショット** — Canvas 内の図表の画面をそのまま撮影します

***

## 次のステップ <a href="#next-steps" id="next-steps"></a>

* [Deep Research 深層リサーチ](/maiagent-user-guide/maiagent-user-guide-ja/maigpt/deep-research.md)
* [MaiGPT 総覧に戻る](/maiagent-user-guide/maiagent-user-guide-ja/maigpt/maigpt.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.maiagent.ai/maiagent-user-guide/maiagent-user-guide-ja/maigpt/canvas.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
