canvas は Web、Windows、MacOS で利用できる点にご注意ください。モバイルプラットフォーム（iOS、Android、モバイル Web）にも近日対応予定です。
canvas は、編集や改訂が必要な執筆およびコーディングプロジェクトで ChatGPT と作業するための新しいインターフェイスです。
canvas を使うと、ChatGPT はユーザーが達成しようとしていることの文脈をよりよく理解できます。特定のセクションをハイライトして、ChatGPT に正確にどこへ注目してほしいかを示すことができます。プロジェクト全体を踏まえて、インラインのフィードバックや提案を行うこともできます。
canvas では、ユーザーがプロジェクトを管理します。テキストやコードを直接編集できます。ショートカットを使って、ChatGPT に文章の長さ調整、コードのデバッグ、その他の便利な操作をすばやく実行させることができます。canvas の戻るボタンを使って、作業の以前のバージョンを復元することもできます。
canvas は pro シリーズのモデルでは利用できない点にご注意ください。
React/HTML レンダリングの仕組み
React/HTML コードはサンドボックス環境でレンダリングされ、コードの出力を確認できます。多くの npm パッケージや JavaScript ライブラリは動作しますが、外部パッケージや Web リソースの読み込みが必要なプレビューは、ワークスペースの canvas ネットワークアクセス設定に依存する場合があります。
canvas のコード実行とネットワークアクセストグル
コード実行と React/HTML レンダリングにより、外部ネットワークリクエストが発生する場合がある点にご注意ください。Enterprise ワークスペースの管理者は、ワークスペース内のユーザーが canvas のコード実行を利用できるかどうか、およびデフォルトのネットワークアクセス動作を制御できます。デフォルトでは、Enterprise ワークスペースでcanvas コード実行はオン、canvas コードによるネットワークアクセスを許可はオフになっていますが、これらのトグルはワークスペースの管理者設定で設定できます。
ChatGPT での canvas へのアクセス
ChatGPT は、ユーザーが達成しようとしていることを把握すると、canvas を開く場合があります。たとえば、ChatGPT に文章の生成（例：「イチゴが偽果である理由について長いエッセイを書こう」）やコードの作成（例：「Python で Web サーバーを書いて」）を依頼すると、canvas で応答します。通常、ChatGPT が 10 行を超えるコンテンツを生成する場合や、文章またはコード用のインターフェイスがあると便利な状況を検出した場合、ChatGPT が自動的に canvas を開くと考えてよいでしょう。さらに、プロンプトに「canvas を使用して…」を含めることで、ChatGPT に canvas を開くよう依頼できます。
canvas を含む応答では、依頼したコンテンツを含むウィンドウが右側に自動的に開きます。
Web 版の ChatGPT では、「canvas を開いて」や「コーディング用 canvas を開いて」のように言って、空白の canvas から始めることもできます。空白の canvas では、既存のプロジェクトを貼り付けたり、canvas にそのまま入力したりして作業できます。
コンテンツを ChatGPT に貼り付け、作成欄の右上にあるショートカットから即座に canvas で開くこともできます。
さらに、プロンプト作成欄のツールボックスから、プロンプト内で ChatGPT に新しい canvas の作成を依頼することもできます。バックスラッシュ（「/」）を入力してから「canvas」コマンドを使用することでも起動できます。
canvas でのプロジェクト編集
チャットで依頼するだけで、canvas で編集できます。さらに、テキストをハイライトしてコンテンツの一部を選択したり、ブロックコメントアイコンを使って段落ブロック全体を選択したりできます。これにより入力欄が開き、選択したセクションで何を説明または編集するかについて指示を入力できます。
canvas をクリックして入力することで、canvas の内容を直接編集することもできます。太字、斜体、見出し、箇条書き、番号付きリストなど、基本的な Markdown 書式設定オプションのみがサポートされている点にご注意ください。現在、canvas ではより高度な書式設定オプションは提供していません。
編集を提案またはコードをレビューショートカットを選択するだけで、ChatGPT から対象を絞ったコメント提案を受け取れます。コメント吹き出しをクリックすると、ChatGPT が提供した具体的な提案を確認できます。指摘された項目を直接編集してコメントを閉じるか、適用を選択して ChatGPT にコメントへ対応するコンテンツを自動生成させることができます。
執筆タスクに取り組む際は、テキストやコードの特定部分をハイライトし、ChatGPT にそのセクションの編集を依頼したり、それについて質問したりすることもできます。テキストの一部をハイライトすることでも、書式設定オプションにアクセスできます。太字、斜体、見出し、箇条書き、番号付きリストなど、基本的な Markdown 書式設定がサポートされています。現在、canvas ではより高度な書式設定オプションは提供していません。
執筆とコーディング向けの canvas ショートカット
ChatGPT の canvas では、編集案の依頼、出力の長さ調整、想定読解レベルの更新、絵文字の追加、仕上げを行える一連の執筆ショートカットを利用できます。これらのショートカットを見つけるには、ページ右下のショートカットメニューにカーソルを合わせます。
文書の執筆では、次のショートカットを使用できます。
編集を提案：ChatGPT が文章を改善するためのインライン提案を追加します。
長さを調整：ドキュメントの長さを短く、または長くします。
読解レベルを変更：幼稚園から大学院までの範囲で読解レベルを調整します。
最終仕上げを追加：文法、明確さ、一貫性を確認します。
絵文字を追加：単語を絵文字に置き換えたり、強調や彩りを加えるために絵文字を追加したりします。
コーディングでは、次のショートカットを使用できます。
ログを追加：デバッグと実行の追跡を支援する print 文を挿入します。
コメントを追加：コードを説明し、読みやすさを向上させるコメントを追加します。
バグを修正：エラーを解消するため、問題のあるコードを検出して書き換えます。
別の言語に移植：コードを JavaScript、Python、Java、TypeScript、C++、PHP などの言語に変換します。
コードレビュー：コードを最適化し改善するためのインライン提案を提供します。
絵文字を追加、最終仕上げを追加、バグを修正、別の言語に移植のように、一部のショートカットはプロジェクトの内容をすぐに更新します。
その他のショートカットはスライダーで調整できます。たとえば、長さを調整ショートカットでは、最短から最長までの長さのオプションを柔軟に選択できます。読解レベルショートカットでは、幼稚園から大学院までの範囲で読解レベルを調整できます。
バージョン履歴と変更の表示
上部ツールバーの矢印からバージョン履歴を使って、canvas ドキュメントやコードの各バージョンに移動できます。これにより、以前のバージョンを確認でき、必要に応じてそれらのバージョンを復元できます。コピーボタンを選択して、プロジェクトの内容をコピーすることもできます。
さらに、上部ツールバーの変更を表示ボタンを使って、canvas のバージョン間の変更を確認できます。これにより、ドキュメントとコードの両方について追加と削除が表示されます。
canvas での Python コード実行
canvas を使用している場合、canvas 内の実行ボタンを選択することで、Python 用のコード canvas ファイルをブラウザ上で直接実行できます。Python コードを実行すると、出力は画面下部のコンソールに表示されます。コンソールにエラーが表示されると、ChatGPT がそのエラーに関する提案を示します。バグを修正ボタンをクリックすると、ChatGPT が修正を試みます。
この機能は現在 Python コードでのみ利用できますが、今後ほかのプログラミング言語にも対応を拡大する予定です。
GPT での canvas の有効化
canvas が GPT で利用できるようになりました。GPT Builder で canvas 機能を有効にすると、GPT で canvas へのアクセスを有効にできます。これにより、ご自身の GPT のエンドユーザーは、その GPT とチャットしながら canvas を開けるようになります。
モデルの互換性：GPT-5.5 以降のモデルでは canvas はサポートされていません。Custom GPT で canvas を有効にする場合は、canvas をサポートする推奨モデルを選択してください。canvas をサポートしていないモデルは、この機能が有効になっている間は利用できません。
この機能は、既存のすべての GPT ではオフ、新しく作成される GPT ではデフォルトでオンになっている点にご注意ください。これは GPT Builder でいつでも変更できます。
GPT Builder の詳細をご覧ください。
canvas の他のユーザーとの共有
canvas の共有は、Free、Plus、Pro、Team、Enterprise、Edu を含むすべてのプランで利用できます。
ユーザーは会話を共有する場合と同じように、レンダリングされた React/HTML コード、ドキュメント、コードなどの canvas アセットを別のユーザーと共有できるようになりました。canvas を開いているときに、canvas ツールバーから実行できます。
canvas ファイルのダウンロード
コンテンツの種類に応じて、canvas ドキュメントを複数の形式でエクスポートできるようになりました。試すには、canvas の右上にあるダウンロードボタンを探してください。
一般的なドキュメント（エッセイやブログ投稿など）では、canvas は PDF、Markdown（.md）および Word（.docx）形式へのエクスポートをサポートしています。
コードベースの canvas では、canvas が言語をインテリジェントに検出し、書式と構文を保持したまま、適切なファイル拡張子（例：.py、.js、.sql など）でエクスポートします。
この機能により、作業のアーカイブ、下書きの共有、外部ツールでの編集継続が簡単になります。
「パッケージをインストール中」に canvas プレビューの読み込みが完了しない場合
一部の JS/HTML canvas プレビューは、レンダリング前にユーザーのブラウザで外部パッケージやその他の Web リソースを読み込む必要があります。canvas コードによるネットワークアクセスを許可がオフになっている場合、またはブラウザや組織のネットワーク制御によって必要な外部ドメインがブロックされている場合、プレビューの読み込みが完了しないことがあります。
Failed to fetch、Refused to connect、Content Security Policy エラーなどのエラーがないか、ブラウザのコンソールを確認してください。canvas コードのネットワークアクセスがすでに有効になっている場合は、ブラウザ、プロキシ、ファイアウォール、またはエンドポイントの制御が必要なドメインをブロックしていないか確認してください。
canvas と Web の安全性
canvas では Web サイトやその他の Web コンテンツをプレビューできます。Web コンテンツは必然的にオンラインであり、OpenAI ではない第三者と通信する機能を持っています。
Web プレビューが行う通信は、インターネットを使って画像にアクセスする程度の単純なものの場合もありますが、ChatGPT に入力または共有した情報を第三者に送信するほど危険なものになる場合もあります。
ChatGPT は会話中にユーザーが提供した情報を受け取り、それを使って情報に基づいた回答を作成します。インターネットから情報を貼り付けた場合や、ニュースや検索結果が取得された場合など、一部のケースでは、ChatGPT は canvas でのコード生成を含む回答にその他の情報を使用します。
canvas の Web プレビューを操作すると、ChatGPT は OpenAI が把握していない第三者との通信を確認するよう求めます。この通信を確認すると、当社はプレビューがその第三者と通信することを許可します。