Generative Art
powered by GPT-4o
v2
YouthK
自己紹介
中矢 雄介
お仕事
エンジニアリーダー
フロントエンドエンジニア
アニメーションデザイン
プライベート
趣味はクルマ、ドライブ
@s14garnet
YusukeNakaya
YouthK
Meguro.css
次回７〜８月ごろ開催予定
Generative Art
powered by GPT-4o
Generative Art
とは？
アルゴリズムや
数学的手法を用いた
デジタルアート
GPT-4o
とは？
OpenAI が開発した
マルチモーダル AI
2024.05.13 発表
本題 !!
GPT-4o と会話するだけの
完全ノーコードで
Generative Art を制作してみた!!
さっそく成果物
結論から見ていく
アウトプット ①
アウトプット ②
アウトプット ③
アウトプット ④
アウトプット ⑤
アウトプット ⑥
制作方法
GPT-4o プロンプト
GPT-4o であることを確認
やっぱり GPT-3 より賢い
明確な役割を与えると
回答精度（コードの複雑さ）が高まる
HTML, CSS, JavaScript をコーディングさせる
生成したコードを CodePen にコピペして確認
自分は命令してコピペするだけ
実現したいイメージをできるだけ具体的に伝えるとよい
DEMO
みんな大好きライブコーディング
活用事例
デザインモックとしてプレゼンに持っていく
実装するエンジニアとの
コミュニケーションツール
ビジュアルとして
そのまま使っちゃう
※ 生成 AI で生成されたコードはそのまま使用してはいけません!!
正しく動作するか？悪意あるコードが含まれていないか？何かの権利を侵害していないか？