ChatGPTと15分会話して毎朝のスピーチを乗り切る

「Googleのサービスを超えるくらい賢い!?」

そんな話題が尽きない大注目な会話型AIの[ChatGPT](https://openai.com/blog/chatgpt/)ですが、皆さまは触ってみましたか？

今回は[ChatGPT](https://openai.com/blog/chatgpt/)に加えて、[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)の拡張機能である[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)というMarkdown形式のテキストからスライドを生成してくれるツールに、日ごろのスピーチの原稿とスライドの作成を手伝ってもらおうという試みです。

# 作業の流れ
作業の流れはこのような感じです。
全ての手順を合わせて、最短15分程度で作業を終えられると思います。

:::note warn
ChatGPTの機嫌と投げかける指示内容によって作業時間は前後します
:::

```mermaid
graph TB
A["ChatGPTとスピーチ原稿を考える"] 
A --> B["ChatGPTとMarkdown形式のスライドを作成する"]
B --> C["ChatGPTと完成したスライドを元にスピーチ原稿を再考する"]
C --> D["Marp for VS CodeでスライドをPDF形式でエクスポートする"]
```
ご覧の通り、テキストベースで行う作業には全て[ChatGPT](https://openai.com/blog/chatgpt/)を使用しています。
この点からも[ChatGPT](https://openai.com/blog/chatgpt/)の高い言語処理能力がうかがえます。

そして、「[ChatGPT](https://openai.com/blog/chatgpt/)と･･･」と項目に書いているように、[ChatGPT](https://openai.com/blog/chatgpt/)に全てまかせず**一緒に資料を作っていく**という点がポイントです。

# ChatGPTとスピーチ原稿を考える
それでは早速[ChatGPT](https://openai.com/blog/chatgpt/)とスピーチ原稿を考えていきます。

この記事を執筆したのが、ちょうどバレンタインの日でしたので、はじめにこのような指示を[ChatGPT](https://openai.com/blog/chatgpt/)に出してみました。

> 指示：今の時期を踏まえた1分程度のスピーチ原稿を書いてください
![log1-ans.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1172300/8e339652-ba0c-5d82-eae8-a4abf9c3010e.png)

かなり手を抜いた指示ですが、もくろみ通りバレンタインに絡んだそれっぽいスピーチ原稿ができていますね。

この段階で生成された原稿の内容に気にならない点があれば、それを指摘した指示を出すと、[ChatGPT](https://openai.com/blog/chatgpt/)が頑張って改善した原稿を再提示してくれます。

# ChatGPTとMarkdown形式のスライドを作成する
次に、生成した原稿を元にMarkdown形式でスライドの元となるテキストを作成します。

このような指示を出してみると、[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)で処理しやすい形式でMarkdownテキストが生成されました。

> 指示：この原稿を元にMarpでスライド資料を生成して
![log2-ans.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1172300/0ca3e2a0-6e3d-4be9-69ea-5fa53ac0114e.png)

「Marp」というツールの存在をしっかりと認識して、Markdownテキストを生成してくれています。

しかし、このままの状態では原稿をそのままスライドにしたような感じで、資料としてあまり見栄えが良くありません。

そこで下記のような追加の指示を順番に行い、スライドの修正を行いました。

* 指示：スライド向けには文章が長すぎる気がします
* 指示：見出しをもう少し工夫してください
* 指示：それぞれのスライドのつながりが弱いように感じます
* 指示：スライドの内容に一貫性がみられません
* 指示：文章表現をもう少しシックにしてください

上記修正の結果、最終的にMarkdownテキストはこのようになりました。

> 5つの指示を行った後のMarkdownテキスト
> ![log3-ans.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1172300/cc509dcf-9a41-f09f-e87e-2a526b57bebf.png)

まだ「オンラインでの運動や健康管理の普及」という文言などが謎ですが、今回はテストケースなのでここまでの修正でよしとします。

# ChatGPTとスライドをもとに原稿を再考する
ここまでで、原稿とスライドの元となるMarkdownテキストがある程度完成しました。

しかし、先程の手順でスライド内容の修正を繰り返したために、原稿とスライドに内容のずれが生じてしまっています。

そこで最後の仕上げとして、このような指示を出すことで原稿とスライドの内容を同期させ、スピーチしやすい原稿に仕上げます。

> 指示：このスライド資料をもとにスピーチ原稿を再考してください
> ![log4-ans.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1172300/748f49f7-f381-19c2-bafc-e4dda0da87d3.png)

スライドの構成にあわせて、原稿の内容がきれいに整理されました。

すこし文章表現がおかしい部分もありますが、簡単なスピーチ用途ですので、ここまで用意してくれれば十分です。

ここまでのチャットログを振り返ってみると、[ChatGPT](https://openai.com/blog/chatgpt/)の健気な頑張りに感動を覚えます。

# Marp for VS CodeでスライドをPDF形式でエクスポートする
いよいよ作業も大詰めとなり、ここからは[ChatGPT](https://openai.com/blog/chatgpt/)から[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)にバトンタッチです。

ここでの作業内容を簡単に書くと、ChatGPTで生成したMarkdownテキストを、[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)をインストールした[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)にコピペして、そのままPDFでエクスポートするといった手順なのですが、

[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)について、すでに分かりやすい解説を書いてくれている方がいらっしゃいましたので、詳しくはこちらのQiita記事をご参照ください。

https://qiita.com/tomo_makes/items/aafae4021986553ae1d8

そんなこんなで[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)にて、PDF形式でのエクスポートを行うとこのようなスライドが完成します。

デフォルト設定のスタイルでも、気持ち程度のデザインはしてくれています。
これだけのスライドと原稿があれば、スピーチを容易に乗り切れるでしょう。

> スライド表紙
> ![rslt1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1172300/c719536e-1c42-ba2e-634f-de43db4b8b71.png)

> スライド内容抜粋
> ![rslt2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1172300/8e2ebc56-3c63-e084-a3a3-e74684d3ef4f.png)

# まとめ

今回の記事では、[ChatGPT](https://openai.com/blog/chatgpt/)と[Marp for VS Code](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)を活用したスピーチ原稿とスライドの生成を試してみました。

この記事を執筆していくなかで、ChatGPTの一番の良いところは**人と対話して回答を改善できるところ**ではないかなと思いました。

Google検索のように、一度きりの指示での回答結果を重視するのではなく、「最終的にこうしたいから先にこのやりとりをしておく」といった考え方が新鮮でとても面白い体験でした。

今回の事例はあくまで一例ですので、皆さん一人ひとりにあった[ChatGPT](https://openai.com/blog/chatgpt/)の使い方を見つけてみてはいかがでしょうか。

もしかすると、[ChatGPT](https://openai.com/blog/chatgpt/)に相談すれば、その使い方すら提案してくれるかもしれませんよ...