VIBE Cordingはアートや!

に公開

VIBE Cordingはアートや!

これは、VIBE Cordingで作った、ROO-CODEというVS Code上でVIBE-CORDINGしている様子を再現したアプリです。
私自身は1行もコードを書いていません。
https://youtu.be/x_NV5jE3LC0

UIはHTMLとCSSとJavaScriptだけ。なのに、まるでVS Codeを操作しているかのようなリアルな体験ができます。

  • メニューをクリックすると、ちゃんとドロップダウンが開く
  • タスクが入力されコードが自動生成される
  • 保存するとCommand Paletteが開き、「live」メニューからアプリのプレビューが起動
  • エディタにはコードが流れ込み、ミニマップまで表示される

この再現度と演出の細かさ、もはやUI模写を超えた表現です。

体験方法 リンク
GitHub Pages デモ 👉 Roo-Code Vibe Coding体験

最後まで再生された後は、画面に表示されたメモアプリも実際に操作可能。


表現手段としてのコーディング、それが「VIBE Cording

まさにアート


VIBE Cordingは、ただのコーディングじゃない。
コードで情景を描くこと。それがVIBE Cording。

そして、きっとこれから現れるでしょう。
「VIBE Cording職人」と名乗る人たちが。

Accenture Japan (有志)

Discussion