バイブコーディング: プログラミングなしでWebサイト・アプリを作るAI（2026年10月）

作りたいものを言葉で説明すると、AIがコードを書いて動かしてくれるのがバイブコーディングです。ブラウザだけで完結するBolt・Lovable・v0、開発環境ごと使えるReplit、コードを見ながら指示するCursorやClaude Codeに分かれます。無料枠だけで実用アプリを仕上げるのは難しく、月$20程度は見込んでおくのが現実的です。

確認日 2026-10-21 · 各サービスの情報は、その下の記事・公式資料に基づきます。

主なサービス

使う順番

1. 仕様を箇条書き誰が使うか、どんな画面があるか、ボタンを押すと何が起きるかを書き出します。
2. まず骨組み箇条書きをそのまま入力し、最初は見た目の枠だけを作らせます。
3. プレビューで1つずつ直す実際にクリックし、違和感を短い文で伝えます。1回の指示で直すのは1か所だけ。エラーはF12のConsoleの赤字をコピーして貼ります。
4. データベースをつなぐ保存機能を頼みます（LovableならSupabase）。
5. 公開PublishかDeployで専用URLが出ます。独自ドメインも設定できます。

相性のよい組み合わせ

守るべき線

• APIキーやパスワードをチャットに直接入れないでください。生成コードに平文で書かれ、流出につながるおそれがあります。.envなどの環境変数に分けます。
• AIが勝手に追加した外部ライブラリ（package.json）を定期的に確認してください。
• 毎回全体を読ませると費用が膨らみます。変更するファイルだけを指定してください。
• 料金は米ドル表記が中心で、為替と仕様は変わります。導入前に公式サイトを確認してください。

関連ページ

• AIサブスク・API料金比較（日本）
• 法務・契約書レビューに使うAI(2026年10月)
• 労務・人事に使うAI(2026年10月)
• 確定申告・税務・会計に使うAI(2026年10月)
• プレゼン資料(スライド)を作るAIの組み合わせ(2026年10月)
• イベント・店舗ポスターを作るAI(2026年10月)
• パンフレット・チラシ・メニュー表を作るAI(2026年10月)
• 広告画像・商品写真・バナーを作るAI(2026年10月)
• 広告動画・ショート動画を作るAI(2026年10月)
• 議事録・文字起こしに使うAI（2026年10月）
• Excel・スプレッドシートに使うAI（2026年10月）
• 翻訳に使うAI: DeepL・みらい翻訳・Google翻訳・ChatGPT（2026年10月）
• 論文・リサーチに使うAIとDeep Research（2026年10月）
• 事業計画書・補助金申請書をAIで作る手順（2026年10月）
• LINE公式アカウントのAIチャットボットで問い合わせ対応（2026年10月）
• AI時代のブログ・SEO: AIによる概要で引用される記事（2026年10月）
• AIが読み取ったPDF表を検算する4つのポイント
• 用途別AI活用ガイド一覧

出典

• AI PICKS · バイブコーディング入門 2026（2026-10-02更新）