COMIXAI吉川 聡史
開発・活用ばいぶこーでぃんぐVibe Coding

バイブコーディングとは?

DEFINITION — ひとことで言うと

コードの細部を自分で書かず、AIとの対話で「こう動いてほしい」というイメージ(バイブ)を伝えながらソフトウェアを作る開発スタイル。

DIAGRAM — 図解
バイブコーディングの図解イメージを伝えるAIが実装動きを確認「もっとこうして」と繰り返すだけ。コードは書かなくていい
「伝える→AIが作る→確かめる」のループでソフトウェアができていく

「関数を書く」のではなく「やりたいことを日本語で伝えて、動いたら次へ進む」。バイブコーディングは、AIコーディングツールの進化で生まれた新しい作り方で、プログラミング未経験でもアプリやゲームを形にできるのが最大の特徴です。

手描きイラストから3Dゲームを作る、通勤時間だけでニュースアプリを作る——このサイトの作品は、いずれもバイブコーディングの実例です。「自分にも作れるかも」と思ったら、制作の一部始終を公開しているnote記事からどうぞ。

LEARN MORE — もっと深く

マンガ・実践記事で理解する

読むより速い、体感で学ぶ
手書きイラストを3Dゲームに!Claudeで作った一部始終
3Dゲーム 36

手書きイラストを3Dゲームに!Claudeで作った一部始終

手描きのイラストから、Claudeを使って3Dゲームを作り上げるまでの一部始終を公開。

noteで読む
マンガから作る!3Dゲーム
3D

マンガから作る!3Dゲーム

手描きのイラストが、そのまま3Dゲームになった。

くわしく見る
Prism
アプリ

Prism

AIニュースを、やさしく届けるニュースリーダー。

くわしく見る
関連用語
Claude Code 生成AI

用語を覚えるより、ストーリーで体感するほうが早い。