Canvas – OpenAIの12日間: 4日目

8,370 文字

Canvas—12 Days of OpenAI: Day 4
Kevin Weil, Lee Byron, and Alexi Christakis introduce and demo updates to canvas.

みなさん、こんにちは。4日目へようこそ。私はOpenAIでプロダクトを率いているKevinです。昨日、私たちはSoraをリリースしましたが、需要が予想を大きく上回っています。チームは昨夜遅くまで働き、今朝も早くから出社しています。できるだけ早くみなさんにSoraへのアクセスを提供できるよう全力を尽くしており、みなさんが何を生み出すのか楽しみにしています。
さて今日は、Canvasについてお話しします。これは過去数ヶ月間、Plusユーザー向けにベータ版として提供していた製品です。Canvasを使うと、単純なチャットを超えて、ChatGPTとライティングやコーディングで協力することができます。
今日は3つのことを発表します。まず、Canvasを全ユーザーに開放し、メインモデルに統合することで、すぐに使えるようになります。次に、Canvas内でPythonコードを実行できるようにし、テキストやグラフィックスの出力を確認することができます。そして3つ目は、CanvasをカスタムGPTsに導入することで、すべてのカスタムGPTsにCanvasの機能を付与できます。それでは詳しく見ていきましょう。
ありがとう、Kevin。みなさん、こんにちは。私はLeeで、ChatGPTとの協働をサポートするエンジニアです。
みなさん、こんにちは。私はAlexiで、同じくChatGPTのプロダクトエンジニアとして働いています。
Lee、お子さんたちはクリスマスが近づいて興奮していますか?
ああ、そうなんです。子供たちのためにクリスマスストーリーを作って、Canvasを試してみるのも面白いかなと思いました。
そうですね、チェックしてみましょう。ChatGPTを開くと、今日から新しくコンポーザーにボタンが追加され、利用可能なツールがすべて表示されるようになっています。その中の1つがCanvasです。
これをクリックすると、ここに入力する内容がCanvasを作成します。では、ストーリーを書いてみましょう。「子供のために、おバカなエルフたちのクリスマスストーリーを書くのを手伝って」とChatGPTに送信すると、すぐにCanvasの作成を開始します。
ここで説明すべき重要な点がいくつかあります。最も大きな違いは、左側に従来のチャット画面、右側にCanvasがある並列表示になっていることです。現在、ChatGPTはCanvasでストーリーを書いています。これは以前のようなプロンプトの書き方とは大きく異なります。
ChatGPTはこのような創作的な文章を書くのが得意ですが、以前は直接チャット内に書き込んでいたため、文書の本体と前置きや後書きを区別するのが難しく、特に途中で変更を加えたい場合、内容が分かりにくくなりがちでした。しかし今は並列表示になっています。
では、ChatGPTが作成したものを見てみましょう。「おバカなエルフたちとクリスマスの大惨事」…いや、大惨事は避けましょう。「北極の端にあるティンセルタウンという雪の村に、想像できる限り最もおバカなエルフたちの一団が住んでいました」
なかなかいい感じですね。タイトルが少し長いので、この部分を削除しようと思います。それ以外は良さそうです。
つまり、ChatGPTと一緒に編集できるということですね?
はい、ここに入力して、タイトルを編集しました。子供向けに作っているので…これは共同編集可能な文書で、他の文書エディタと同じように、テキストの追加や太字化など、様々な編集が可能です。ChatGPTも編集できますし、チャットに戻って、他のChatGPTワークフローと同じようにフィードバックを与えたり、変更を依頼したりすることもできます。ChatGPTはそれらの変更を直接Canvas上に反映します。
ただ、それを見せる代わりに、右下のこのボタンを見せたいと思います。ここにはChatGPTでよく使われる操作のショートカットがいくつかあります。「編集を提案」、「フィードバックを求める」、「長さを調整」して長くしたり短くしたり、「読みやすさレベルを調整」して、より洗練された言葉遣いにしたり、より簡単な言葉遣いにしたりできます。例えば、小さな子供にも読みやすくするために。「最終的な推敲」は、特に自分のコンテンツを持ち込んだ時に便利で、スペルミスや文法をチェックしたりします。そして「絵文字を追加」、これは楽しそうですね。
はい、絵文字が大好きです。試してみましょう。
「絵文字を追加」をクリックすると、どこに追加するかのオプションが表示されます。単語、セクション、リストなど。単語を試してみましょう。クリックすると、ChatGPTが文書に絵文字を追加し始めます。
見てください。今ChatGPTがCanvas内の文書を改訂しているところです。上から始めて新しいバージョンを書き、変更点が分かりやすいように以前のバージョンの上に表示しています。チャット側では編集中であることが表示され、指示のやり取りは見えていますが、異なるバージョンで画面が煩雑になることはありません。
8歳の子供が携帯電話を手に入れた時みたいですね。
Lee、お子さんたちはきっと気に入ると思います。絵文字をたくさん入れましたが、うまくできていますね。
さて、これがCanvasの基本的な使い方です。Canvasは2つのシナリオでトリガーされます。ChatGPTに文章やコードの作成で協力を依頼すると、自動的にCanvasが開きます。あるいは、先ほど私が示したように、インターフェースのコンポーザーにあるツールボタンをクリックしてCanvasを選択すると、毎回新しいCanvasが作成されます。
素晴らしいですね。ストーリーテリングに加えて、多くの人がChatGPTを使って自分の文章の改善を図っています。良い文章を書くことを学ぶのは難しいものですが、今日は、自分の作品についてフィードバックを得やすくするCanvasの新機能をご紹介できることを嬉しく思います。
私は趣味で物理学に興味を持っていて、「サンタのソリ:トナカイの推進力における暗黒エネルギーの役割の探求」というエッセイを書いています。テキストエディタからコピーして、ChatGPTのプロンプト領域に貼り付けてみましょう。かなりの量のテキストを入力したので、右上に「Canvasで開く」という新しいボタンが表示されます。これをクリックすると、プロンプトの内容がCanvasに配置され、Leeが説明したのと同じ編集可能な画面になります。
タイトルを太字にしてみますか?
はい、ChatGPTに送信する前に変更を加えることができます。
太字にしたとき、何が起こったのですか?
これはまだ下書きの段階なので、メッセージを送信するまでは好きなだけ編集できます。ChatGPTはまだ見ていませんし、すべてがコンポーザーに付属しています。
では、「物理学の教授の視点から私のエッセイにコメントを残してください」とお願いしてみましょう。
技術的なアドバイスをくれるかもしれませんね。どんな返答が返ってくるか見てみましょう。
以前は、ChatGPTのフィードバックがすべてチャット内に表示されていたため、フィードバックと自分の作品を関連付けるのが難しかったのですが、今ではCanvasを使うことで、ChatGPTが作品の特定の部分を選択し、インラインでコメントを残すことができるので、提案と作品の関連付けが非常に簡単になりました。
これらのフィードバックはなかなか良いですね。「この導入部分を科学的な暗黒エネルギーの探求により明確に結びつけ、物理学との関連性を最初から確立することを検討してください」
ただチャットで返信するのではなく、「サンタのソリと空飛ぶトナカイは長年人々を魅了し、神秘と魔法を融合させてきた」という部分を選択してフィードバックを書いているんですね。
そうです。フィードバックを与えたい文章を選んで、具体的なフィードバックを書いているんです。
それぞれのコメントには「適用」ボタンがあり、クリックするとChatGPTが適切だと考える編集を行います。もちろん、その編集を拒否することもできますが、これは私のエッセイなので、自分で変更を加えていきたいと思います。
この「暗黒エネルギーが神秘的である理由について簡単に説明し、文脈を提供してください」というコメントが気に入りました。「私たちは宇宙が膨張する理由も、サンタがそんなに速い理由も分かっていません」と書き加えましょう。「宇宙の神秘」…このコメントは、対応したので消します。
エッセイをChatGPTから取り出す準備ができたら、このコピーボタンをクリックして教授に送ることができます。
教授はきっとこの変更を気に入ってくれるでしょうね。これは最先端の研究ですね。
でも、ChatGPTでの作文に加えて、多くの人がプログラミングにも使用していることを知っています。Canvasでのプログラミングにも、エキサイティングな改良を加えました。見てみましょう。
私もサンタのおもちゃ製造のロジスティクスを手伝っていて、Pythonのデータサイエンスツールを学んでいます。
あなたはOpenAIのエンジニアで、暗黒エネルギーの研究者で、さらにサンタのロジスティクスも手伝っているんですか?
まあ、サンタが一度にあらゆる場所にいられるように、私たちもOpenAIでそれを目指しているんです。
ローカルのIDEで作業していたコード例があるのですが、うまく動いていません。デバッグの手助けが必要です。これをコピーしてChatGPTに貼り付けてみましょう。同じ「Canvasで開く」ボタンが表示されるので、クリックすると今度はコードエディタとしてCanvasが開きます。
ChatGPTがこれをPythonコードと認識し、Python用のシンタックスハイライトと基本的なオートコンプリート機能も提供されています。
コードが動作していないことは分かっているので、ChatGPTに「このコードのデバッグを手伝ってください。何が間違っているかもしれませんか?」と尋ねてみましょう。
ChatGPTがコードを見て、「matplotlib内にplot.laelは存在しない」と指摘しています。修正例も提供してくれていますが、これを信頼してローカルに持ち帰ることもできます。
しかし、今日ご紹介したい新機能の1つは、Canvas内で実際にPythonコードを実行できる機能です。右上に「実行」というボタンがあるので、ChatGPTが完了するのを待って、クリックして何が起こるか見てみましょう。
実行をクリックすると、すぐに「labelが定義されていない」というエラーが表示されます。ChatGPTの指摘が正しかったことが分かります。エラーが表示され、コンソールの内容はすべてChatGPTに表示されます。
ChatGPTはこのエラーを見て、コメントを残しています。「matplotlibでlabelは有効な関数ではないため、代わりにtitleを使用する必要があるようです」これは素晴らしいですね。私はいつも新しいライブラリを学ぼうとしていて、APIを忘れてしまうような、まさにこのようなエラーによく遭遇します。ChatGPTがすぐにそれを指摘してくれるのは素晴らしいですね。
文書のコメントと同様に、「バグを修正」ボタンがあり、ChatGPTにバグの修正を依頼できます。バグを修正をクリックすると、ChatGPTにエラーとコードを表示し、Canvasを編集して修正を行います。
それはとても速かったですね。ChatGPTが具体的に何を変更したのか見てみたいですね。
Canvasのヘッダーにある「変更を表示」ボタンをクリックすると、Gitを使用している人にはお馴染みのインラインの差分が表示され、具体的にどのような変更が行われたかが分かります。
それは面白いですね。変更の表示は、コードだけでなく文書でも機能するんですよね?
その通りです。両方のエディタで機能します。では、この修正を適用して、もう一度実行をクリックして動作するか確認してみましょう。
わあ、それは速かったですね。ラインチャートがコンソールに表示されました。
Pythonの実行がとても速かったようですが、具体的に何が起こったのか説明していただけますか?
Canvas内では、WebAssemblyのPythonエミュレータを読み込んでおり、ほぼすべてのPythonライブラリを読み込んでコードをほぼ瞬時に実行できます。そのため、即座にフィードバックを得られ、ChatGPTと簡単に協力しながら、グラフィックスの生成を含めて、すべてChatGPT内で緊密なフィードバックサイクルを実現できます。
グラフィックスの生成を含めてですね。サンタは特に、おもちゃの流れを追跡するためのサンキー・フローダイアグラムに興味を持っています。
あれは矢印が出たり入ったりするやつですよね。正直なところ、サンタに頼まれたかどうかも分からないんですが、私も学んでいるところです。
ChatGPTに「サンタのおもちゃ用のサンキーフローダイアグラムを追加してください。適切な色を使ってください」とお願いしてみましょう。サンタらしい何か面白いものが出てくるといいですね。
ChatGPTが再びコードを編集しています。今はサンキーダイアグラムの例を追加しています。いいですね。「子供たちに配達されたおもちゃの合計」「店舗への配送」「不良品」など…コードを何行か追加し、サンキーを作成してデータを追加し、完成させて表示しています。
実行してみましょう。
おっと、色に問題があるようですが、ChatGPTが修正方法を提案してくれています。「フローごとに単一の色を使用する」とのことです。試してみましょう。
これはすごく良いですね。新しいことを学ぼうとするときに、まさにこういうことが起こります。例示コードを探して実行してみると、必ずしもうまく動かず、もう一度試して、解読の難しいPythonのエラーを読んで、自分で理解しようとする…というループを繰り返すんです。
おお、できました。matplotlibのサンキーレイアウトにバグがあるかもしれませんが、グラフィックスは表示できました。
これでChatGPTと一緒にさらに改良を重ねることができます。このイメージをプロンプト領域にドラッグして、ChatGPTに正確な画像を見せて改善を手伝ってもらうこともできます。
これがCanvasの新しいプログラミング機能です。素晴らしいですね。
最後にもう1つ、カスタムGPTsへのCanvasの導入についてお見せしたいと思います。
GPTsをご存じない方のために説明すると、これはChatGPTにカスタム指示、カスタムコンテキスト、そして特定のタスクに必要な独特の動作を与える方法です。そして、他の人々もそれを利用できるように共有することができます。GPTストアには多くの興味深いものが用意されています。
私はサンタ用のGPTを作ることにしました。サンタは多くの手紙を受け取り、それらすべてに返信しなければなりません。それは大変な仕事だと思います。最初の下書きだけでも用意できれば役立つかもしれません。サンタはそれを気に入るかどうか判断し、編集して、そこから進めることができます。
北極の業務にも関わっているんですか?
それについては、肯定も否定もできません。
サンタがフロンティアモデルを出してきたら、とても疑わしく思いますね。
さて、Alexi、あなたがサンタへの手紙を机の上に置いていたのを見かけましたよ。
ああ、もう投函するつもりだったのに。見つかってしまったなんて信じられません。
その写真を撮っておいたので、例として使わせていただこうと思います。マウスの操作ができれば…よし、できました。
写真をChatGPTに入れましょう。まず開いて見てみましょう。バイク、GPUと暗黒物質ですか?
はい、それが私の手紙です。
サンタには、あなたが良い子だったか悪い子だったかという情報もあるはずです。それは彼が追跡している項目の1つですから。手紙の写真を撮るだけでなく、それも追加しておきたいと思います。サンタの下書き係に、Alexiが今年は良い子だったことを知らせておきましょう。
ありがとうございます、Lee。
「Alexiは今年は良い子でした」。では、これをカスタムGPTに送信してみましょう。Canvas が返ってくることを期待しています。
はい、カスタムGPTが手紙を書き始めました。
「親愛なるAlexiへ、ホーホーホー!あなたの手紙を読んで、私のバラ色の頬がにっこり笑みになりました。さて、何をお願いしているのかな。まず、新しい自転車ですね。素晴らしい選択です。」
いいですね、自転車はもらえそうです。
「H100 GPU、ミセス・クロースによると、AIモデルを実行するためのかなりのパワーハウスだそうです。技術工房のエルフたちが、あなたのためにそれを調整しているところです。」これは期待が持てますね。
「暗黒物質については…」彼はおもちゃ工場の能力をも超えていることを認めているようです。
そうですね、それは期待しない方が良さそうです。ストッキングに入れるのも難しそうですしね。
でも、これは素晴らしい第一稿ですね。サンタは好きなように編集を加えることができ、準備ができたら自分特有の手書き文字で書き写して、この手紙をあなたに送り返すことができます。これでサンタの時間を少し節約できるはずです。
実際に何が起こっているのか、説明する必要がありますね。Canvasボタンをクリックしていないし、Canvas作成についても言及していないのに、自動的にCanvasを作成したことにお気づきかもしれません。これはChatGPTがCanvasが適切だと判断した例ですが、どのようにしてそれを知ったのでしょうか?
このカスタムGPTを作成したとき、カスタム指示にそれを含めました。作り方をお見せしましょうか?
はい、ぜひお願いします。
上のGPTをクリックして編集すると、設定ページに移動します。GPTの設定は本当に簡単です。画像や名前、説明を設定できます。ストアで共有する場合は、人々がそれについて知ることができます。
重要なのは指示の部分です。ここには「あなたはサンタのためのツールで、Canvas を使用して受け取った手紙への最初の返信の下書きを作成するのを手伝います。すべての返信はサンタ特有のスタイルとユーモアで書かれ、あなたの仕事はCanvasツールを使用して手紙への返信を書くことです」と書きました。
指示の中でCanvasツールを使うように指示したので、入力されるものすべてにCanvasを使用することを期待しています。これはまさに私がこのGPTにやってほしいことです。
さらに、下部にはチェックボックスのリストがあり、これがGPTsで利用可能なChatGPTのツール群です。そして今日から始まる新しいものとして、デフォルトで新しいGPTsに対してオンになっているCanvasがあります。
既存のGPTsについては、これをオフのままにしておきます。そうすることで、人々が作成した既存のGPTsの動作を妨げないようにします。しかし、既存のGPTにCanvasを追加したい場合は非常に簡単です。この設定画面に移動してチェックボックスを見つけ、チェックを入れれば、GPTでCanvasが利用可能になります。
素晴らしいですね。これがCanvasです。今日お見せしたかったことは以下の通りです:
Canvasは、プランに関係なく、すべてのWebユーザーに対してデフォルトの体験として提供されます。無料プランでも有料プランでも、Canvasを利用できます。自分のコンテンツをChatGPTで、あるいはCanvas内で使用することができ、コード実行も可能で、そしてカスタムGPTsでCanvasを使用することができます。素晴らしいですね。
Leeが言ったように、これを今日からロールアウトしていきます。みなさんがこれで何を作り出すのか、とても楽しみです。
終わる前に、クリスマスジョークで締めくくりましょう。準備はいいですか?
はい、準備オーケーです。
サンタは写真をどうやって撮るのでしょう?
さあ、教えてください。
ノース・ポラロイドで!
では、また明日お会いしましょう。

コメント

タイトルとURLをコピーしました