自己紹介

中矢 雄介

お仕事

　エンジニアリーダー

　フロントエンドエンジニア

　アニメーションデザイン

プライベート

　趣味はクルマ、ドライブ

　　　@s14garnet

　　　YusukeNakaya

YouthK

Meguro.css

次回７〜８月ごろ開催予定

Generative Art

とは？

アルゴリズムや

数学的手法を用いた

デジタルアート

GPT-4o

とは？

OpenAI が開発した

マルチモーダル AI
2024.05.13 発表

本題 !!

GPT-4o と会話するだけの
完全ノーコードで
Generative Art を制作してみた!!

さっそく成果物

結論から見ていく

アウトプット ①

アウトプット ②

アウトプット ③

アウトプット ④

アウトプット ⑤

アウトプット ⑥

制作方法

GPT-4o プロンプト

GPT-4o であることを確認

やっぱり GPT-3 より賢い

明確な役割を与えると

回答精度（コードの複雑さ）が高まる

HTML, CSS, JavaScript をコーディングさせる

生成したコードを CodePen にコピペして確認

自分は命令してコピペするだけ

実現したいイメージをできるだけ具体的に伝えるとよい

活用事例

デザインモックとしてプレゼンに持っていく

実装するエンジニアとの

コミュニケーションツール

ビジュアルとして

そのまま使っちゃう

※ 生成 AI で生成されたコードはそのまま使用してはいけません!!

正しく動作するか？悪意あるコードが含まれていないか？何かの権利を侵害していないか？

まとめ

Generative Art
powered by GPT-4o

誰でも簡単に作れる

見ていて楽しい

生成 AI のコツがわかる