今回もＧＰＴとstable diffusionを組み合わせてちょっとしたものを作ってみました。
以下のサイトになります。(レスポンシブ・デザインではありません。ｐｃでみることを前提にしています。)
https://drive.google.com/file/d/1TX_KJlhHbR7GacQAUKQSZ8FJk5qQD7kH/view?usp=sharing
上記のサイトは、ＧＰＴにｈｔｍｌで組版させ、stable diffusionでイラストを作成させました。
ＧＰＴに組版させるときには、以下の点がポイントになります。
◆GPTにおしゃれなhtmlに組版させるときのポイント◆
- 基本的にhtmlで作成することを伝えれば、htmlにはしてくれる。
- ホバーエフェクトやアニメーションを多用することを伝える。
- 可能であれば、htmlの模範的な例があるとよい。(なくてもできる。)
- モノトーンであることやグラデーション、スタイリッシュ、おしゃれなどの要素をプロンプトに加える。
- 指定の箇所に囲み枠を使うことも伝えたりする。
英単語の例文は、前回の以下の記事で、作成したＶＢＡを利用して作っています。
kr311415.hatenadiary.com
イラスト作成には、プロンプトとして上記の英語の例文を丸々Stable Diffusionに与えて作成しただけです。
作ったのは、お試しなので１個だけですが、英単語数を増やしていくことも当然可能です。
発音については、Web Speech APIを使って実装しています。
１週間もあれば、NGSLの基本英単語すべてについて、例文や意味がのったような上記のサイトを作成することができることでしょう。
驚くべきですね！
