⛳
VIBE Cordingはアートや!
VIBE Cordingはアートや!
これは、VIBE Cordingで作った、ROO-CODEというVS Code上でVIBE-CORDINGしている様子を再現したアプリです。
私自身は1行もコードを書いていません。
UIはHTMLとCSSとJavaScriptだけ。なのに、まるでVS Codeを操作しているかのようなリアルな体験ができます。
- メニューをクリックすると、ちゃんとドロップダウンが開く
- タスクが入力されコードが自動生成される
- 保存するとCommand Paletteが開き、「live」メニューからアプリのプレビューが起動
- エディタにはコードが流れ込み、ミニマップまで表示される
この再現度と演出の細かさ、もはやUI模写を超えた表現です。
体験方法 | リンク |
---|---|
GitHub Pages デモ | 👉 Roo-Code Vibe Coding体験 |
最後まで再生された後は、画面に表示されたメモアプリも実際に操作可能。
表現手段としてのコーディング、それが「VIBE Cording」
まさにアート。
VIBE Cordingは、ただのコーディングじゃない。
コードで情景を描くこと。それがVIBE Cording。
そして、きっとこれから現れるでしょう。
「VIBE Cording職人」と名乗る人たちが。
Discussion