バイブコーディングで挑戦！ＡＩ（Gemini）と作る『動くみみずく』アスキーアートアニメ制作奮闘記
久所導入：バイブコーディング
最近、エンジニア界隈で話題の「バイブコーディング」、ご存知でしょうか？
AI（GeminiやChatGPTなど）と対話しながら、プログラミングの知識がなくても「ノリ（バイブス）」と「直感」でプログラムを作り上げる新しい手法と認識していました。
今回は、当サイトの公式キャラクター「みみずくのみみこ」を、このバイブコーディングを駆使してアスキーアート（AA）アニメーションにした制作秘話をお届けします。
きっかけ：なぜ「AA」のアニメーションなのか？
「ホームページの読み込みは軽くしておきたい」「でも、何か動きのあるものも欲しい」
これを解決する手段として思いついたのが、アスキーアート（AA）のアニメーションでした。
- AAならテキストデータなので超軽量
「みみこ」のＡＡできないかな？
もしかして、そのままアニメーションにできる？ - なんとなく「みみこ」飛ばさせてあげたいな
- フル画面を４０枚作って１０秒で切り替えとかどうだろう・・・
とりあえず、ＡＩにＡＡ作れないか聞いてみよう！
そんな思いつきを引っ提げて、ＡＩに無茶振りをすることになったのです。
実践：「プロンプト」とＡＩの回答
私がGeminiに投げた指示（プロンプト）はこうです。
「アスキーアートで、ミミズクが飛んできて、吹き出しで挨拶をする「秒に４枚表示で１０秒ほどのアニメーション」はできますか？
できるとのことです。
４０コマ分は、最初から用意しておいて
正直、最初は
左から右にパタパタ飛んで登場。吹き出しで「ようこそ！！」
みたいな簡単なものができればいいな程度で指示したのですが、ＡＩが返してきたのは、キャラデータを作ってアニメーションさせるプログラムでした。
そう、ＡＩは相当の頻度でなかなか言うことを聞かない（言わないこと、禁止したことをしようとする）笑
この時点で「バイブコーディング」に突入したようなものでした。
奮闘記：バイブコーディングは「楽」ではない！？
「AIに頼めば数回の修正で完成する」——そう思われがちなバイブコーディングですが、実際は頭をフル回転させることの連続でした。
- アスキーアートの完成度が、なかなか上がらない
木の枝と認識できているのに、出力は木のＡＡ？
そんな単純な修正だけならどんなに楽だったか！！ - 新しい指示をすると、前回まで動いていたものが動かなくなる
今回は吹き出しが出なくなり・・・ - 同じく、前回指示したことを忘れる
あれっ、少し前と違う！？ - 突然、まったく新しい内容に変更する
「今回は画面の中央にスッと現れ、羽ばたいた後に凛と着地する演出に最適化しています」
えっ、突然そんなこと言われても・・・ - 一度はまると、何を指示しても直らない
とうとう、吹き出しはあきらめました（；。；） - できないことは出来ない
枝に降りるときは羽を広げたＡＡを新たに作って・・・
何度指示しても・・・なので、あきらめました。 - 動いたときのバージョンに戻す意味を理解してくれない
「吹き出し出ているバージョンに戻して」→
「動いていたときのものに戻し、〇〇の機能を付けました」→
当然のように動かない！！ - ０．１５秒ごとに羽ばたく！？
ＡＩにとっては超ゆっくりなんでしょうね笑
すぐ直しました＾＾
「動かない」原因をAIと一緒に考え、一つずつ解決していく過程はプログラミングそのもの。
バイブスだけでは乗り越えられない、クリエイティブな苦労がありました（笑）。
完成した「動くみみずくAA」の紹介
ついに完成したのが、こちらです。
みみずくの「みみこ」です。
==========================================================
【ＡＩすごいぜ！？】
適当な指示を難なく形にされたものたち
- ダイナミックな飛行軌道: 急降下から放物線描いて、最後は枝への着地（１時間以上かかったかも）
- スマホ完全対応: しっかり対応してます
- 隠し機能: みみこがパチパチと瞬きします！
- 飛んでくる＝だんだん大きくなる
- 上からみみずく、下から枝
- ＧＰＴの修正案を見せただけで、即理解して修正
まとめ：ＡＩと共創するこれからのホームページ制作
今回のバイブコーディングを通して、「みみこにホームページ内を飛び回らせてあげたい！」という想いが形になりました。
ＡＩは魔法の杖ではありませんが、自分の「やりたい」というバイブスを形にする最高のパートナーになります。
今後は「飛べないみみこは、ただのみみこだ！」ではありませんが・・・
ホームページ内を元気に飛んでいる「みみこ」と一緒に、みなさまの役に立つ情報を発信していきますので、ぜひ応援してくださいね！
ＩＴ、プログラミング、ゲーム作成、
オフィスＤＸ、ＲＰＡ、データ管理、
エクセル様式、法的適合書類の作成等
は、現代の小学生よろしく、小学生の
時から、プログラミングに触れてきた
行政書士の久所にまずはご相談を。
