見出し画像

DevDayのカエル、GPT-5.2にもアスキーアートで描かせてみた

下記のポストによれは、5.2はすごいアスキーアートを書くらしい。

ちょっとやってみたら、上記のアスキーアートほど複雑ではないがそこそこの物を書いた。(以下のスレッド参照の事)

その後、「アスキーアートアニメを作ってDevDayのカエルをだしてくれ。」と言ったら作ってくれたのがこちら。

DevDayカエルの形になるまでのcssで紆余曲折があり、結構初歩的にバカだってのも念頭に置いてどんな簡単なコードでも5.2に丸投げしないでちゃんと知識は忘れない心構えが大切。以下、5.2がバカだった例を2つ置いとく。
1)html側と違うclass名を指定。

2)指定漏れ

3)inline要素に行間ではなくmarginを指定してしまう
(フロント初心者でもやらないミス)

なお、DevDay2025のオープニングアスキーアートをもして作ったアスキーアニメはこちら。

上記のアスキーアートと、今回作ったアスキーアートは、アニメが表示されるコードはGithubにリポジトリをおいておくので下記よりご自由に fork/改変してOK。(メンバーシップ限定)↓

ここから先は

0字

メンバーシップ ¥ 1,000 /月

左脳が不自由なため、なかなかUI/UXの構造設計がままならないデザイナーに向けて論理構造を一緒に学ん…

AIにサイトを丸投げするための基礎知識

¥1,000 / 月
1ヶ月無料

このNoteの視点を面白いと思ったら、ぜひチップで応援を!知性とAIの共創を深めるために、あなたの力を貸してください!✨ チップは「もっと知りたい!」のメッセージとして受け取ります。🔥