ご注意ください。canvas は Web、Windows、macOS で利用できます。モバイル（iOS、Android、モバイル Web）にも近日対応予定です。
canvas は、編集や修正が必要な執筆・コーディングのプロジェクトで ChatGPT と作業するための新しいインターフェースです。
canvas を使うと、ChatGPT はあなたが達成したいことの文脈をよりよく理解できます。特定のセクションをハイライトして、ChatGPT にどこへ注目してほしいかを正確に示すこともできます。また、プロジェクト全体を踏まえたインラインのフィードバックや提案も行えます。
canvas ではプロジェクトをあなたがコントロールできます。テキストやコードを直接編集できます。ショートカットを使って、ChatGPT に文章の長さを調整させたり、コードをデバッグさせたり、ほかの便利な操作をすばやく実行させることができます。さらに、canvas の戻るボタンを使って、作業の以前のバージョンを復元することもできます。
ご注意ください。canvas は pro シリーズのモデルでは利用できません。
React/HTML のレンダリングはどのように動作しますか？
React/HTML コードはサンドボックス環境でレンダリングされるため、コードの出力を確認できます。すべての npm パッケージと、多くの JavaScript ライブラリが動作します。
canvas のコード実行とネットワークアクセスの切り替え
ご注意ください。コード実行と React/HTML のレンダリングにより、外部へのネットワークリクエストが発生する場合があります。エンタープライズのワークスペース管理者は、ワークスペース内のユーザーが canvas のコード実行を利用できるかどうか、および既定のネットワークアクセス動作を制御できます。デフォルトでは、エンタープライズ ワークスペースで canvas code execution は on、Allow canvas code to access the network は off になっていますが、これらの切り替えはワークスペースの Admin settings で設定できます。
ChatGPT で canvas にアクセスする
ChatGPT は、あなたが達成したいことを理解すると canvas を開く場合があります。たとえば、ChatGPT に文章の生成（例："let’s write a long essay about why a strawberry is a pseudocarp"）を依頼したり、コードの下書き（例： “write a web server in python”）を依頼したりすると、canvas で返答します。一般的に、ChatGPT が 10 行を超える内容を生成する場合や、文章／コード用のインターフェースが役立つ状況を検知した場合には、自動的に canvas が開くと考えてよいでしょう。さらに、プロンプトに「use canvas…」を含めて、ChatGPT に canvas を開くよう依頼することもできます。
canvas 付きの回答では、右側にウィンドウが自動的に開き、リクエストした内容が表示されます。
また、Web 版 ChatGPT では「open a canvas」や「open a coding canvas」などと言って、空の canvas から開始することもできます。空の canvas では、既存のプロジェクトを貼り付けて作業することも、canvas に直接入力して作業することもできます。
さらに、内容を ChatGPT に貼り付け、作成画面右上のショートカットから即座に canvas で開くこともできます。
加えて、プロンプト作成画面のツールボックスから、プロンプト内で ChatGPT に新しい canvas を作成するよう依頼することもできます。これは、バックスラッシュ（“/”）を入力してから「canvas」コマンドを使用しても実行できます。
canvas でプロジェクトを編集する
canvas での編集は、チャットで依頼するだけで行えます。さらに、テキストをハイライトして内容の一部を選択したり、ブロックコメントのアイコンを使って段落ブロック全体を選択したりできます。すると入力欄が開き、選択したセクションで説明してほしいことや編集してほしいことを指示できます。
canvas 内をクリックして入力することで、内容を直接編集することもできます。なお、対応しているのは基本的な Markdown の書式のみです（太字、斜体、見出し、箇条書き、番号付きリストなど）。現在、canvas ではより高度な書式設定オプションは提供していません。
Suggest edits または Review code のショートカットを選ぶだけで、ChatGPT から狙いを絞ったコメント提案を受け取れます。コメントの吹き出しをクリックすると、ChatGPT が提示した具体的な提案を確認できます。指摘された箇所を直接編集してコメントを閉じるか、Apply を選んで、コメントへの対応に必要な内容を ChatGPT に自動生成させることもできます。
文章作成の作業では、テキストやコードの特定の部分をハイライトして、そのセクションの編集を依頼したり、内容について質問したりすることもできます。書式設定オプションは、テキストをハイライトすることでアクセスできます。対応しているのは基本的な Markdown の書式のみです（太字、斜体、見出し、箇条書き、番号付きリストなど）。現在、canvas ではより高度な書式設定オプションは提供していません。
文章作成・コーディング用の canvas ショートカット
ChatGPT の canvas では、編集案の提案、出力の長さ調整、想定読者レベルの更新、絵文字の追加、最終的な仕上げなどに使える文章作成ショートカット一式にアクセスできます。これらのショートカットを見つけるには、ページ右下のショートカットメニューにカーソルを合わせてください。
文章ドキュメントでは、次のショートカットを使用できます。
Suggest edits: ChatGPT が文章を改善するためのインライン提案を追加します。
Adjust the length: ドキュメントの長さを短くしたり長くしたりします。
Change reading level: 読解レベルを Kindergarten から Graduate School まで調整します。
Add final polish: 文法、明瞭さ、一貫性をチェックします。
Add emojis: 単語を絵文字に置き換えたり、強調や彩りのために絵文字を追加したりします。
コーディングでは、次のショートカットを使用できます。
Add logs: デバッグや実行の追跡に役立つ print 文を挿入します。
Add comments: コードの説明や可読性向上のためにコメントを追加します。
Fix bugs: 問題のあるコードを検出して書き直し、エラーを解消します。
Port to a language: JavaScript、Python、Java、TypeScript、C++、PHP などの言語にコードを変換します。
Code review: コードを最適化・改善するためのインライン提案を提供します。
Add emojis、Add final polish、Fix bugs、Port to a language のように、ショートカットによってはプロジェクトの内容が即座に更新されます。
ほかのショートカットは、スライダーで調整できます。たとえば Adjust the length ショートカットでは、Shortest から Longest の間で選択できます。Reading level ショートカットでは、読解レベルを Kindergarten から Graduate School まで調整できます。
バージョン履歴と変更の表示
上部ツールバーの矢印からバージョン履歴を使うことで、canvas のドキュメントやコードのバージョンを移動できます。これにより、以前のバージョンを確認でき、必要に応じてそれらのバージョンを復元できます。コピー ボタンを選択して、プロジェクトの内容をコピーすることもできます。
さらに、上部ツールバーの Show changes ボタンを使うと、canvas のバージョン間の変更を確認できます。ドキュメントとコードの両方で、追加と削除が表示されます。
canvas で Python コードを実行する
canvas 使用中に、canvas 内の Execute ボタンを選択すると、Python のコード canvas ファイルをブラウザ上で直接実行できます。Python コードの実行時、出力は画面下部のコンソールに表示されます。コンソールにエラーが表示された場合、ChatGPT がエラーに関する提案を提示します。Fix bug ボタンをクリックすると、ChatGPT が修正を試みます。
この機能は現在 Python コードのみで利用できますが、将来的にはほかのプログラミング言語にも拡張する予定です。
GPT で canvas を有効にする
canvas は GPTs でも利用できるようになりました。GPT Builder で canvas 機能を有効にすると、GPT に canvas へのアクセスを付与できます。これにより、GPT のエンドユーザーは、あなたの GPT とチャットしながら canvas を開けるようになります。
なお、この機能は既存のすべての GPT ではオフになっており、新しく作成した GPT ではデフォルトでオンになっています。GPT Builder でいつでも変更できます。
canvas を他の人と共有する
canvas の共有は、Free、Plus、Pro、Team、Enterprise、Edu を含むすべてのプランで利用できます。
会話を共有するのと同様に、レンダリングされた React/HTML コード、ドキュメント、コードなどの canvas アセットを別のユーザーと共有できるようになりました。canvas を開いているときに、canvas ツールバーから行えます。
canvas ファイルのダウンロード
コンテンツの種類に応じて、canvas のドキュメントを複数の形式でエクスポートできるようになりました。試すには、canvas 右上にある Download ボタンを探してください。
一般的なドキュメント（エッセイやブログ投稿など）では、canvas は PDF、Markdown (.md)、Word (.docx) 形式へのエクスポートに対応しています。
コードベースの canvas では、canvas が言語を自動検出し、適切な拡張子（例：.py、.js、.sql など）でエクスポートします。書式と構文は保持されます。
この機能により、作業のアーカイブ、下書きの共有、外部ツールでの編集継続が簡単になります。
canvas と Web の安全性
canvas は Web サイトやその他の Web コンテンツをプレビューできます。Web コンテンツは本質的にオンラインであり、OpenAI ではない第三者と通信できる可能性があります。
Web プレビューが行う通信は、インターネット経由で画像にアクセスするような単純なものの場合もありますが、ChatGPT に入力した情報や共有した情報が第三者へ送信されるといった危険なものになり得る場合もあります。
ChatGPT は、会話の中であなたが提供した情報を受け取り、それを用いて状況に即した回答を行います。場合によっては、インターネット上の情報を貼り付けたときや、ニュース／検索結果が取得されたときなどに、canvas でのコード生成を含め、回答のためにほかの情報も使用します。
canvas の Web プレビューを操作すると、OpenAI が把握していない第三者との通信について、ChatGPT が確認を求めます。通信を確認すると、プレビューがその第三者と通信できるようになります。