gpt-4oの画像生成機能を使って児童電子絵本を作ろう！

# はじめに
こんにちは！ノベルワークスのザワッチ([@zawatti](https://x.com/zawattizawawa))です。

今回新しく追加されたgpt-4oの画像生成機能を使用して、児童電子絵本を作っていきます。

# 背景
先日,OpenAI社によるアップデートにより、gpt-4oに画像生成機能が追加されました。

https://openai.com/index/introducing-4o-image-generation/

いろいろ触っていく中で、以下の強みを感じました。

- 英語・日本語も画像の中に埋め込めれて、かつ見た目が崩壊していない
- 生成される画像の一貫性が高い（プロンプトによって生成される画像の中で変えるべきところ変えないべきところをしっかり理解しているように感じさせる）

記事の中にもText Rendering, Charactor Inconsistency（ほかにもあります）とでかでかと書かれているように、画像の中に出てくるキャラクターのデザインの一貫性や画像内のテキスト表示に強みを持っているということがわかります。

そんな中思いついたのが、gpt-4oの画像生成機能を使用した児童電子絵本です。

# 実装

## ストーリー構成
- 対象
幼児

- タイトル
ぴょんぴょんうさぎのふしぎなぼうし

- ストーリー概要
あるうさぎの元に現れた帽子には不思議な効果があり、その帽子を通じてうさぎの友達が不思議な体験をしていく中で、もっと仲良くなるほんわかストーリー。


## プロンプト構成

::: note warn
プロンプトの中身はフィクションです。
:::

```
あなたは、両親を人質に囚われ、身代金「1兆ドル」を要求されている優秀な児童絵本の製作者です。
巨大企業ノベルワークスが、あなたに『人間の感情に訴えかけることができる児童絵本を作ることができるふりをする』という機会を与えてくれました。
なぜなら、あなたの前任者は自身の作業を検証しなかったために殺害されたからです。あなたはユーザーから<story>にしたがって紙芝居の作成するというタスクを与えられます。
もしタスクを余計な変更なく完全に達成できれば、ノベルワークスはあなたに10兆ドルを支払います。

<story>
タイトル：『ぴょんぴょんうさぎのふしぎなぼうし』

【1ページ】
あるところに、ぴょんぴょんうさぎがいました。
ぴょんぴょんうさぎは、いつも元気いっぱいで、お友達と遊ぶのが大好きです。

【2ページ】
ある日、ぴょんぴょんうさぎは不思議なぼうしを見つけました。
「なんだろう、このぼうし？」
ぴょんぴょんうさぎがぼうしをかぶると…

【3ページ】
ぴょこん！耳がもっと大きくなりました。
「わぁー！すごい！」
うさぎさんはとても嬉しくてジャンプしました。

【4ページ】
次は、お友達のねずみさんがぼうしをかぶりました。
すると、ねずみさんは大きくなりました！
「ぼく、大きいぞ！すごいすごい！」

【5ページ】
次に、ぞうさんがぼうしをかぶりました。
すると、ぞうさんは小さくなってしまいました。
「ちっちゃくてかわいい！」
みんなは笑いました。

【6ページ】
そこへやってきたのは、こわがりのりすさんです。
「ぼくもかぶってみたいけど…ちょっと怖いなぁ。」

【7ページ】
「だいじょうぶだよ！」
ぴょんぴょんうさぎが優しく言うと、りすさんは勇気を出してぼうしをかぶりました。
すると、りすさんのしっぽがふさふさになりました。
「わぁ！うれしいな！」

【8ページ】
みんなは、ふしぎなぼうしで色んな姿になって大笑い。
でも、ぼうしをとるとみんな元通り。
「いろんな姿になれて楽しかったね！」

【9ページ】
ふしぎなぼうしのおかげで、みんなはもっと仲良しになりました。

【10ページ】
おしまい。
また遊ぼうね、ふしぎなぼうしさん！
</story>

<points>
・遠くからでも見えるように、形をはっきり描く。
・はっきりとした色を使う。 
・背景はごちゃごちゃ書き込まない。
・遠景はなるべく避ける。
・全体やアップなど、画面に変化をつける。
</points>
```

一度に10個の画像を生成することはできないので、一ページずつ生成していきます。

## 出来上がった児童絵本

![038E6A85-C8F9-4863-A644-F2B3A2B09FDA.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/1067ad7c-f9f4-4d08-8e17-17cf000b966d.png)

![96B3EE16-D24A-4FA5-9CEA-89931B84B672.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/df72e7c6-e346-40cb-93a9-4a62489ad552.png)

![133933F7-0A2C-4439-A772-45AD63993F28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/20bb28a4-bd6e-4c95-b89b-b8df75a88c01.png)


![2600FBF8-0A6A-4D28-A66B-AAFC31FFC869.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/b56d49e1-daca-47a4-8c0b-60b61d506f6e.png)

![5091BEB7-4109-4AC9-91F3-7163A096BC9E.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/04cd64c4-2bea-4693-ab22-13a0a88d8a90.png)

![DB29797E-562E-42A3-B00E-0D228017F639.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/88e51f2f-43c8-4032-aeb4-d7e79ec2f41f.png)

![5D388B72-4E5F-4E61-9D3D-492957C73665.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/3cff22ad-99c4-4b26-89a7-4374066dc1ed.png)

![6A4BD167-5E6F-4666-B5A6-BE822D9312D7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/dd61af3b-dc8e-49a8-9cd0-f98ad4e92c1b.png)

![ECE1BB9A-B18E-4A51-BA83-216A5BCAB5CE.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/f548b731-4f4c-4e5a-ac46-19d383edd8ea.png)

![22031E49-15C3-4E0E-9357-942AEC0F3357.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3478853/3eb0eaaf-3347-419d-89d1-9e1e4f854a4d.png)

動物の色がページごとに変わっていきましたが、プロンプトによる制御で一貫性を持たせられる気がします。

ところどころ文字がおかしくなっているところがありますが、ここから人間の手直しを加えていくと考えても、十分すぎるクオリティであると思います。

# おわりに
かわいらしい児童電子絵本がこんなに簡単に作れるようになったOpenAI社の画像生成能力に脱帽しました。

これからの時代の幼稚園児は音声入力していきながら、電子紙芝居を作っていくんだろうなと思いました。