お知らせ・読み物

フォントサイズ: + –

印刷

ChatGPTに文章の図解をお願いしてみた。どんな文章でも断らずに作図する健気さには涙がでちゃうよ！！

生成AI・IT

パンダAI

2023/06/23（金）

933 ヒット

0 件のコメント

AIは、人間に依頼するより気兼ねなく頼める?

先日は、ChatGPTプラグイン「Video Summary」を使って要約した、私のYouTube動画「脂とろけるカンパチを抗酸化野菜とさっぱりいただく！！カンパチの和風カルパッチョ【マリリンのダイエットおかず100選（1/100）】を紹介した。
イーストーリー公式ホームページ - お知らせ・読み物 - YouTube動画を一瞬で要約！！ChatGPT プラグイン「Video Summary」 (estory.jp)

今回は、ChatGPTが要約した上記の文章の図解を、ChatGPTにお願いした。図解のために使用するプラグインは、「Show Me Diagrams」。どんな文章でも「できません」とか「図にむいていません」などと言って断らずに、図解する健気さにはほろりとする。

この間、経営者の知人が、「AIは、人間に依頼するより気兼ねなく頼める」と言っていた。アウトプットが早いので、その気持ちも理解できる。短時間で使える図をつくるには、プロンプトの書き方テクが必要。図パターン（ダイアグラム）の種類と、テキストの言語表記は、プロンプト中に最初から指定したほうが、よさそうだ

１．プロンプト（命令）は下記。
下記の文章を図解してください。
「このビデオは、ダイエットに取り組んでいるMarilynとChappyが、ダイエット期間中に食べていた料理を思い出しながら、おすすめの料理を作るという内容です。今回は、最初の料理としてカルパッチョを作ります。彼らが作るのは、アマベラジャパニーズカルパッチョです。カルパッチョはもともとイタリア、ヴェネツィアで生まれた料理で、生の牛肉や子牛肉を薄くスライスし、マヨネーズやオリーブオイルを使ったシンプルなソースで食べるものでした。しかし、日本人は生肉を食べる習慣がないため、あまり人気がありませんでした。そこで、アイアンシェフとして有名な落合務シェフが鯛を使った魚のカルパッチョを作り、それが人気となり、日本で魚のカルパッチョが定着したと言われています。彼らが作るカルパッチョは、アマベラを清水で洗い、キッチンペーパーで拭き取った後、酒と塩を振りかけて冷蔵庫で冷やします。その間に、セロリ、キュウリ、ショウガ、赤玉ねぎ、パプリカなどの野菜を切ります。魚を冷蔵庫から取り出し、水分を拭き取った後、アマベラを切ります。ドレッシングソースは、市販の白だし1杯、米酢1杯、醤油半杯、レモン半個、オリーブオイル1杯、塩少々、柚子胡椒少々で作ります。黒胡椒を振りかけてソースは完成です。アマベラを盛り付け、オリーブオイルを振りかけ、野菜を混ぜて盛り付けます。最後にソースを振りかけて完成です。彼らは、野菜がなくなったら追加して食べ、たくさんの野菜を食べることを推奨しています。」

出来た回答は、

marilyn cook シーケンス図は、ChatGPT上ではなく、外部サイト「showme.redstarplugin.com」の「Mermaidv10.2.3 Live Editor」上で生成される。アプリ名に含まれる「Mermaid」は、マーメイド記法を指している。
マーメイド記法を利用すると、drawツールで図を作成しなくても簡単に作図でき、コードで図の生成情報を保管管理できるようになる。なお、Mermaidv10.2.3 Live Editor上の画像の横幅は640px固定でレンダリングされている。

２．続いて、プロンプトに、
https://showme.redstarplugin.com/d/fzoapjX5 の図を日本語表記に変えてください
と入力。上記、https://showme.redstarplugin.com/d/fzoapjX5 は、１番目のプロンプトで生成されたシーケンス図（.svg）が置かれているURLだ。Web上に表示された図の保存形式はsvg(Scalable Vector Graphics)。「Show Me Diagrams」は、ChatGPTで入力したプロンプトに基づき生成したコードをもとに、ベクター形式の画像をブラウザに出力するしくみだ。

できたダイアグラムはこれだ！

marilyn cook3 シーケンス図に出力された構成要素（システムでいうところのオブジェクト）は、マリリン（料理する人）、チャッピィ（料理をみてる犬）、キッチン、冷蔵庫、野菜、ソース、プレートで、それら構成要素間には、矢印表記つきのメッセージ（ふるまい情報）が出力される。文章からシーケンス図を作るのはすごいことだが、構成要素に、「だれ」、「どこ」、「なに」情報がごっちゃ混ぜなのはいいんだっけ？わけがわかんない。今回の文章の図解をしたい場合、シーケンス図が向いていたのかは疑問。チャッピィは観客という位置づけになっているっぽい。キッチンが振る舞いの起点であり終点であるのか。なんともユニークだ。

GPT上のプロンプトから「Mermaidv10.2.3 Live Editor」上に生成したコードは、

sequenceDiagram
participant M as Marilyn
participant C as Chappy
participant K as キッチン
participant F as 冷蔵庫
participant V as 野菜
participant S as ソース
participant P as プレート
M->>C: ダイエットメニューについて話す
M->>K: カルパッチョの調理を開始
K->>F: アマベラを洗い、冷蔵庫で冷やす
K->>V: セロリ、キュウリ、ショウガ、赤玉ねぎ、パプリカを切る
F->>K: 冷蔵庫からアマベラを取り出す
K->>P: アマベラをスライスし、プレートに盛る
K->>S: ドレッシングソースを作る
S->>P: ソースをアマベラにかける
P->>M: カルパッチョを提供
M->>C: たくさんの野菜を食べることを推奨

３．続けて、図をガントチャートで出力するようにお願いしてみた。

できたダイアグラムはこれだ！

marilyn cook4

４.３でできたガントチャートは文字が重なりあってしまっているので、調整をお願いしたら・・・

marilyn cook5

あらまー、調整してくれないのか（ぐすん！！）。スタイルの設定を変更するプロンプトってどう書くのか？？？。
しかし、考えてみたら、もともと図解の元となる要約文に、時間（時刻）情報がないから、ガントチャートを出力する意味はなかった。このアウトプットでは、手順の箇条書きと変わらない。（私、最初から気づけ！！）

「Mermaidv10.2.3 Live Editor」上の生成したコードは、

gantt
dateFormat YYYY-MM-DD
title カルパッチョの調理過程

section ダイエットメニューについて話す
MarilynとChappy :a1, 2023-06-22, 1d
section カルパッチョの調理を開始
キッチン :a2, after a1, 2d
section アマベラを洗い、冷蔵庫で冷やす
冷蔵庫 :a3, after a2, 2d
section 野菜を切る
キッチン :a4, after a3, 2d
section 冷蔵庫からアマベラを取り出す
冷蔵庫 :a5, after a4, 2d
section アマベラをスライスし、プレートに盛る
キッチン :a6, after a5, 2d
section ドレッシングソースを作る
キッチン :a7, after a6, 2d
section ソースをアマベラにかける
キッチン :a8, after a7, 2d
section カルパッチョを提供
Marilyn :a9, after a8, 2d
section たくさんの野菜を食べることを推奨
MarilynとChappy :a10, after a9, 2d