バイブコーディングの詳細

難しいプロンプトなどは必要ありません。
自分が作りたいもののイメージをAIに教えるだけです。
今回、私は「マウスに追従して猫の足跡が出現するウェブサイト」をバイブコーディングで作っていきます。

右図のような、返答が返ってきました。他にも２つのファイルについての返答がありました。このままでは、足跡の画像がないので、AIにまた質問もして作ってもらいましょう。足りないものや機能は随時質問をしていってください！！

これを繰り返して準備ができたら実行していこう！！

いいですね。マウスの動きに合わせて、足跡が生まれています。
しかし、足跡にしては少し違和感があります。AIに『もっと足跡っぽくして』お願いしてみましょう。

おおー！一気に足跡っぽさが生まれましたね。
ただ、背景が真っ白なのは寂しいので、AIに背景を作ってもらいましょう。

30分もかからずに完成しました✨

このようにアイデアさえあればすぐに作れてしまうのがバイブコーディングです。ぜひmomotechで体験してみよう！！