「バイブコーディング」という言葉を最近よく見かけるけれど、何を指すのかよく分からない。AIでアプリが作れるなら試してみたいけれど、どこから始めればいいのか迷う。この記事は、そんな人に向けて書きました。
バイブコーディングの意味と由来、従来の開発やノーコードとの違い、代表的なツール、個人開発で始めるときの手順と注意点を順に紹介します。
バイブコーディングとは:AIに言葉で指示して作る開発のしかた
バイブコーディング(Vibe Coding)とは、コードを自分で1行ずつ書くのではなく、作りたいものを AI に言葉で伝えて、コードを書いてもらう開発のしかたです。 「ログイン画面を作って」「このボタンを押したら一覧を並べ替えて」のように日本語で指示し、AI が書いたコードを動かして確かめ、また指示を出す、という流れを繰り返します。
「バイブ(vibe)」は英語で「雰囲気・ノリ」という意味です。細かな書き方にこだわらず、雰囲気で AI に任せながら作っていく様子から、この名前がつきました。
言葉の由来
この言葉は、OpenAI の共同創業者の一人で、テスラで自動運転の AI 開発を率いた Andrej Karpathy(アンドレイ・カルパシー)さんが、2025年2月に X へ投稿したことから広まりました。投稿では、AI が書いたコードをほとんど読まずに受け入れ、エラーが出たらそのまま AI に貼り付けて直してもらう、という作り方を「vibe coding」と呼んでいます。
その後、言葉は開発者の外にも広がり、イギリスの Collins 英語辞典は「vibe coding」を2025年の「今年の言葉(Word of the Year)」に選びました(LBC の報道)。
従来の開発・ノーコードとの違い
バイブコーディングは「コードを書く人」が人から AI に変わる作り方で、出来上がるのは普通のコードです。 従来の開発、ノーコードと比べると、次のような違いがあります。
| 従来の開発 | ノーコード | バイブコーディング | |
|---|---|---|---|
| 作り方 | 自分でコードを書く | 画面の部品を並べて設定する | AI に言葉で指示する |
| 出来上がるもの | コード | ツールの中で動くアプリ | コード |
| できることの幅 | 広い | ツールの機能の範囲 | 広い(AI と自分が扱える範囲) |
| 必要な知識 | プログラミング全般 | ツールの使い方 | 指示の出し方と、動作を確かめる力 |
| 別の環境への移しやすさ | 移しやすい | ツールに依存しやすい | 移しやすい |
ノーコードは手軽な反面、ツールが用意した機能の外には出にくいという面があります。バイブコーディングで作ったものは普通のコードなので、あとから自分や AI で自由に手を加えられ、好きなサーバーに置くこともできます。
一方で、コードの中身を誰も理解していない状態になりやすい、という弱点もあります。これについては後半の「気をつけたいこと」で詳しく紹介します。
バイブコーディングで使われる主なツール
ツールは大きく、「パソコンの中で開発を手伝う AI」と「ブラウザだけでアプリを作れるサービス」の2種類に分かれます。 料金や無料で使える範囲はツールごとに変わりやすいので、使う前に公式サイトで確認してください。
| 種類 | 主なツール | 向いている人 |
|---|---|---|
| AI コーディングエージェント | Claude Code、OpenAI Codex | 自分のパソコンにあるプロジェクトを、AI に読ませて作業してほしい人 |
| AI 機能のあるエディター | Cursor、GitHub Copilot(VS Code など) | エディターでコードを見ながら、AI と一緒に書きたい人 |
| ブラウザで作るアプリ生成サービス | Replit、Bolt、Lovable、v0 | 環境づくりをせず、まず画面のあるものを作ってみたい人 |
AI コーディングエージェント(Claude Code など)
コードを読み、ファイルを書き換え、コマンドの実行まで任せられるのが AI コーディングエージェントです。 たとえば Claude Code は、Anthropic が提供するツールで、ターミナル、VS Code などのエディター、デスクトップアプリ、ブラウザで使えます。公式ドキュメントでは「コードベースを読み取り、ファイルを編集し、コマンドを実行し、開発ツールと統合」するツールと説明されています。使うには、基本的に Claude の有料プランか、Anthropic Console のアカウントが必要です。

すでにあるプロジェクトに機能を足す、エラーの原因を探してもらう、といった使い方に向いています。Claude Code でアプリを作る具体的な流れは、Claude Code でアプリを作る手順で紹介しています。
AI 機能のあるエディター(Cursor・GitHub Copilot)
普段のエディターで、AI に相談しながらコードを書けるのがこの種類です。 Cursor は VS Code をもとにした AI エディターで、チャットで指示を出してコードを書き換えてもらえます。GitHub Copilot は VS Code などの拡張機能として使え、入力中のコードの続きを提案したり、チャットで質問に答えたりします。
コードを自分の目で見ながら進めたい人、少しずつプログラミングを覚えたい人に合っています。
ブラウザで作るアプリ生成サービス(Replit・Bolt など)
パソコンに何もインストールせず、ブラウザで指示するだけで画面のあるアプリができるのがこの種類です。 作ったものをそのまま公開できるサービスも多く、最初の1本を作る体験としては一番手軽です。
ただし、サービスの中で作業が完結するぶん、本格的に作り込むとサービスの料金や仕組みに左右されやすくなります。試作はここで行い、続けて育てたいものは手元にコードを持ってくる、という使い分けもできます。
個人開発でバイブコーディングを始める手順
最初は「小さく作って、動かして、直す」をできるだけ短い間隔で回すのがコツです。 次の5つの手順で進めてみてください。
1. 作るものを小さく決める
最初の1本は、1〜2画面で終わる小さなものにします。 「タスクを追加して、完了したら消せるだけの ToDo アプリ」「数字を入れると割り勘を計算するページ」くらいの大きさが目安です。
最初から機能をたくさん盛り込むと、AI が書くコードも大きくなり、どこで何が起きているのか分からなくなります。作りたいものが決まらないときは、個人開発のアイデアの見つけ方も参考にしてください。
2. ツールを1つ選んで準備する
迷ったら、手元で作るなら AI コーディングエージェントか AI エディター、何もインストールしたくないならブラウザのサービスを選びます。 1つに決めて使い慣れるほうが、あれこれ試すより早く完成に近づきます。
手元で作る場合は、作ったコードを保存しておくために Git も使えるようにしておきましょう。AI に大きな変更を頼む前に保存しておけば、うまくいかなかったときに元に戻せます。
3. 「誰が・何をするためのものか」を最初に伝える
AI への最初の指示には、作りたいものの目的と、画面や動きのイメージをまとめて書きます。 たとえば次のように伝えると、AI が全体像をつかみやすくなります。
家計簿をつけたい一人暮らしの人のための、シンプルな支出メモの Web アプリを作ってください。日付・金額・メモを入力して保存でき、一覧で月ごとの合計が見られるようにしてください。データはブラウザに保存し、スマホでも見やすいデザインにしてください。
最初から完璧な指示を書く必要はありません。足りないところは、動かしてみてから付け足せば大丈夫です。
4. 動かして確かめ、1つずつ直してもらう
AI がコードを書いたら、必ず自分で動かして、期待どおりに動くかを確かめます。 おかしなところがあれば、「保存ボタンを押しても一覧に出てこない」のように、起きていることを具体的に伝えて直してもらいます。エラーメッセージが出たら、そのまま貼り付けるのが近道です。
一度にたくさんの修正を頼むより、1つ直して確かめ、次を頼むほうが、何が原因だったのかを見失いにくくなります。
5. 公開して、使ってもらう
動くものができたら、まずは誰かに使ってもらえる場所に出してみましょう。 Web アプリなら無料で使えるホスティングサービスがあり、スマホアプリならストアに申請して公開します。公開までの詳しい流れは、Web アプリの作り方とスマホアプリの作り方で紹介しています。
公開したら、どう知ってもらうかも考えておきましょう。お金をかけずにできる方法は、個人開発アプリ・ゲームの宣伝方法にまとめています。
気をつけたいこと
AI が書いたコードでも、公開して人に使ってもらう以上、責任を持つのは作った本人です。 特に次の4つには気をつけてください。
セキュリティの確認を AI 任せにしない
ログイン、決済、個人情報を扱う部分は、特に慎重に確認します。 AI は動くコードを書くのが得意ですが、パスワードの扱いや、他人のデータが見えてしまわないかといった点まで、いつも正しく作ってくれるとは限りません。
API キーやパスワードをコードに直接書いたまま公開してしまう、という失敗もよく起こります。秘密の情報は環境変数などに分けて管理し、公開する前に「このコードにセキュリティ上の問題がないか確認して」と AI にレビューを頼むのも一つの方法です。不安な部分は、信頼できる公式のドキュメントで確かめましょう。
大きくなるほど直しにくくなる
コードの中身を誰も理解していないまま機能を足し続けると、ある日どこを直しても別の場所が壊れる、という状態になりがちです。 機能を足すたびに動作を確かめる、ときどき AI に「この構成を説明して」と頼んで全体像を把握しておく、といった習慣が役に立ちます。
料金と利用上限を把握しておく
多くの AI ツールは、プランごとに使える量に上限があります。 夢中で使っていると、上限に達して作業が止まったり、従量課金で思ったより料金がかかったりすることがあります。使い始める前に、プランの内容と上限を公式サイトで確認しておきましょう。
他人の権利と利用規約を守る
ほかのアプリのデザインや名前、画像をそのまま使うと、権利の問題になることがあります。 AI に「〇〇そっくりに作って」と頼むのではなく、自分のアイデアとして作りましょう。公開するときは、使った AI ツールや素材の利用規約も確認しておくと安心です。
まとめ
バイブコーディングは、AI に言葉で指示してコードを書いてもらう開発のしかたです。
- 言葉は2025年に Andrej Karpathy さんの投稿から広まり、Collins 英語辞典の2025年の「今年の言葉」にも選ばれた
- ノーコードと違い、出来上がるのは普通のコードなので、あとから自由に手を加えられる
- 始めるときは、小さなものを決めて、1つのツールで「作る・動かす・直す」を短く繰り返す
- セキュリティ、コードの把握、料金、権利の確認は、作った本人の責任として行う
プログラミングの経験がなくても、作りたいものがあれば始められるのがバイブコーディングの良いところです。まずは週末に、1画面だけの小さなアプリを作ってみてください。
完成したアプリやゲームは、Devoch に掲載して、使ってくれる人に届けることができます。