サイトの新しいデザインをAIに作らせる
3月のはじめらへんでちょいちょいやってたんだけど途中で飽きて放置してたのを今(4月も終わりぐらい)になって再開
この記事もほぼ今書いてるからほぼ4月の記事やな
最初はトップページを作らせる
AntigravityでGemini使ってサイトデザインを改修
まずはインデックスページだけやらせた、結構プロンプトしっかり書いてやったらいい感じになったので良いと思った
他のページのデザインも作らせる
トップページのデザインを参考にしてそこから記事ページも作るように指示した、まあまあうまくいったけど、スクロールバーが出ないとかなんか見づらい部分とかがあったので一旦後回しにする
修正
トップページとか色々調節してたら色々問題があって修正していった
修正もAIにお願いしたりした
現状
なんかデザイン変更していく過程で色々ファイルがごちゃごちゃになってよくわかんなくなってる
とりかえずトップページは良い感じになったのでこれで一旦出すか?
いや背景何も無い状態ではダメか、当初の目的サムネ一覧流してみるのを完成させるか
サムネ画像を並べて背景に流す
トップページにサムネ画像一覧を背景に並べて背景に流す仕組みを作った、これもAI生成でやってもらった
サムネ画像の取得のスクリプトは色々工夫してChatGPTに作らせたのをベースにそれをAntigravityでさらに修正したり機能追加したりで複数のスクリプトのワークフローを作った
サムネ画像ワークフローを作成した時の感想とした結果のサムネ一覧画像投稿
https://otomad.site/notes/akk0l531mqh39twk
https://otomad.site/notes/akk0ib1smqh39tvp
並べるだけだと何か気になるよねって思ったのでクリックして詳細表示や視聴ページに飛べるようにした
サムネ画像一覧取得のスクリプトらへんの方で動画情報をまとめた物を生成したりとか
背景をクリック出来るようにしたりうまい事意図通りにサムネを並べさせたりするのはまあまあ大変だった
AIをしばいてなんとかした、がんばれAI
これで公開するか
色々他のページデザインは出来てないけど、まあいいか、一旦これで公開してみるか
公開したらちゃんと動かない可能性もある
最終的に
手作業で修正した部分も多い、俺の指示が最初のトップページのデザイン作成依頼以外適当すぎた
ちゃんと指示しないとダメすねやっぱ、ちゃんとしよう
がんばってAIしばくと結構いける