「プログラミングができなくてもアプリが作れる」——そう聞いても、「どうせ自分には無理だろう」と思っていませんか？
毎日の見積書作成に2〜3時間かかっていたり、予約管理をいまだにExcelでやっていたり。「便利なシステムがほしい」と思いながらも、外注すると50万円〜100万円の見積もりが来て、そのまま諦めた経験がある方も多いはずです。
この記事では、バイブコーディング（＝AIに話しかけながらプログラムを作る新しい手法） を今日の夜から始めるための、ツールと費用をまとめています。
読み終わったあとには、「今夜パソコンを開けば30分後には動くものができる」というイメージが持てます。必要なのはスマホの操作ができる程度のスキルだけです。むずかしい言葉はすべて言い換えているので、安心して読み進めてください。
バイブコーディングとは何か——まず結論から
結論：AIに「こんなものを作って」と伝えるだけでコードが完成する
バイブコーディングとは、AIに日本語で指示を出すことで、プログラムのコード（＝コンピューターへの命令文）を自動生成してもらう手法です。
自分でコードを1行も書く必要はありません。たとえば「お客様の名前と注文内容を入力できるフォームを作って」と入力するだけで、AIが必要なコードをすべて書いてくれます。
なぜいま注目されているのか
2024年ごろからAIの性能が急速に上がり、専門家でなくても使えるツールが一気に増えました。以前は「AIはあくまで補助」でしたが、いまは「AIが主役で作り、人間が確認する」という流れに変わっています。
実際に、愛知県で整体院を経営する40代の院長Aさんは、「予約フォームを外注したら見積もりが30万円だった」と困っていました。バイブコーディングを試したところ、費用は月額約2,000円のツール代のみ。最初の週末2日間（合計約8時間）でフォームが完成し、現在も稼働しています。
プログラミングの知識はゼロでも、「何をしたいか」が言葉にできれば、それがそのまま武器になります。
ここまでのポイント バイブコーディングとは「AIに日本語で指示してプログラムを作る手法」のこと。コードを書く必要はなく、「何を作りたいか」を伝えるだけで動くものが完成します。
必要なツール全解説——無料から順に紹介します
まず「無料で試せるツール」から始めれば失敗がない
バイブコーディングに必要なツールは大きく3種類あります。AIの頭脳役、コードを書いてくれる作業台、そして慣れてきたら使う保存・公開の場所です。
今夜は最初の2つだけで十分です。保存・公開については慣れてきた段階で取り組めます。
ツール①：AIの頭脳役——ChatGPTまたはClaude
結論：無料プランで今夜から使えます
ChatGPT（OpenAI社が開発したAI）とClaude（Anthropic社が開発したAI）は、どちらも無料プランがあります。ブラウザでアクセスし、メールアドレスを登録するだけで使えます。
たとえば「お客様の名前・電話番号・希望日時を入力できるお問い合わせフォームのコードを書いて」と入力すると、30秒以内にコードが出力されます。
本格的に使い始めたら有料プランも検討できます。ChatGPTもClaudeも月額3,000円前後で、スタバのラテを月に5〜6杯飲む金額と同じです。ただし今夜は無料プランで十分です。
ツール②：コードを書いてくれる作業台——Cursor（今夜のメインツール）
結論：無料プランで今夜すべて完結します
Cursorは、AIと会話しながらプログラムを作れるエディタ（＝文章を書くメモ帳の高機能版）です。パソコンにインストールして使います。
バイブコーディングの「核」になるツールです。画面の右側でAIに話しかけると、左側のコードがリアルタイムで書き変わっていきます。「この色を青にして」「ボタンを大きくして」と日本語で伝えるたびに画面が変わる体験は、はじめて触ると驚くほどスムーズです。
Wordやメモ帳を使ったことがあれば、操作の感覚は大きく変わりません。大阪で税理士事務所を営む50代の所長Bさんは「Wordとあまり変わらない感覚で使えた」と話しており、ダウンロードからセットアップまで約15分で完了しました。
費用の目安 無料プランでは月200回のAI操作ができます。最初の2〜3週間は無料プランで十分に試せます。月額約2,500円の有料プランにすると制限がなくなります。コンビニのコーヒーを毎日1杯飲む金額より少し安い計算です。
ツール③：保存・公開の場所——GitHubとVercel（今日は触らなくてOK）
結論：今夜は不要です。「こういうものがある」と知っておくだけで十分です
GitHub（ギットハブ）は作ったプログラムを保存・管理するサービスで、「クラウド上のUSBメモリ」と考えるとわかりやすいです。Vercel（バーセル）は作ったものをインターネット上に公開するためのサービスです。
この2つはCursorで作ったものを「外の世界に出す」ために使います。ただし設定にやや手順が必要なため、今回は詳しく触れません。「Cursorで動くものが作れた」段階で取り組むとスムーズです。詳しいセットアップ手順は中級編の記事で丁寧に解説します。どちらも個人利用は基本無料で始められます。
ここまでのポイント 今夜必要なツールは「ChatGPTまたはClaude」と「Cursor」の2つだけです。どちらも無料プランで始められます。GitHubとVercelは「次のステップ」として後回しで大丈夫です。
初期費用のまとめ——「今夜だけ無料」から「本格運用まで月5,000円以内」
3つのフェーズで費用は変わります
バイブコーディングの費用は、使い方のフェーズによって変わります。
フェーズ1：お試し期間（費用：0円） ChatGPTまたはClaudeの無料プランとCursorの無料プランだけを使います。1日の使用回数に上限はありますが、「どんな感じか試したい」段階では十分です。今夜から始めて、2〜3週間は無料のままで使えます。
フェーズ2：週1〜2回使う程度（費用：月3,000円前後） ChatGPT有料プラン（月3,000円）またはClaude有料プラン（月3,000円）のどちらか1つを契約します。Cursorは無料プランを継続します。コンビニでランチを月3回減らす金額です。
フェーズ3：実務に組み込んで毎日使う（費用：月5,500円〜6,000円） AI有料プラン（月3,000円）とCursor有料プラン（月2,500円）を組み合わせます。月6,000円以下で本格的な開発環境が整います。外注費の100分の1以下のコストです。
ここまでのポイント 初日の費用は0円。本格的に使い始めても月6,000円以下です。外注の見積もりが50万円だった仕事を、月数千円で自分で作れる可能性があります。
今夜30分でここまでできる——3ステップセットアップ
「30分後のゴール」をイメージしてください
今夜の目標はシンプルです。「自分の名前・メールアドレス・メッセージを入力できるお問い合わせフォームをCursorで1つ作る」——これだけです。完成したフォームが画面上で動いているのを確認できたら、バイブコーディングの第1歩は成功です。
ステップ1：Cursorをパソコンにインストールする（約10分）
ブラウザで「Cursor」と検索し、公式サイト（cursor.com）を開きます。「Download」ボタンをクリックすると、お使いのパソコン（WindowsまたはMac）に合ったファイルが自動でダウンロードされます。
ダウンロードが終わったら、ファイルをダブルクリックするだけです。「インストールしますか？」という確認画面が出たら「はい」をクリックします。あとは画面の指示通りに進めるだけで、約5〜8分で完了します。
インストール後にCursorを開くと、「GitHubでログインしますか？」という画面が出ます。今夜はスキップして構いません。「Skip」をクリックして次に進みます。
ステップ2：新しいファイルを作ってAIに指示を出す（約10分）
Cursorを開いたら、画面上部のメニューから「File」→「New File」をクリックします。新しい空白のファイルが開きます。
次に、キーボードで「Ctrl＋K」（Macは「Command＋K」）を押します。すると画面上部に入力欄が現れます。ここがAIへの指示を入力する場所です。
以下の文章をそのままコピーして貼り付けて、Enterキーを押してください。
「HTMLとCSSだけを使ったシンプルなお問い合わせフォームを作ってください。入力項目は、名前・メールアドレス・お問い合わせ内容の3つです。送信ボタンを押したら『送信しました』というメッセージが表示されるようにしてください。1つのファイルで完結させてください」
10〜30秒後に、AIが自動でコードを書き始めます。コードが書き終わったら「Accept」（＝受け入れる）ボタンをクリックします。これでファイルにコードが反映されます。
ステップ3：ブラウザで開いて動作を確認し、気になる部分を修正する（約10分）
作成されたファイルを保存します。「Ctrl＋S」（Macは「Command＋S」）を押し、ファイル名を「form.html」として保存します。保存場所はデスクトップで構いません。
次に、保存した「form.html」ファイルをダブルクリックします。ブラウザが開き、フォームが表示されます。名前やメールアドレスを入力して送信ボタンを押すと「送信しました」のメッセージが出るはずです。
気になる部分があればCursorに戻り、同じ入力欄で日本語で伝えます。「ボタンの色を青にしてください」「フォント（＝文字の種類）を少し大きくしてください」と入力するだけで修正されます。「Accept」を押して保存し直せば、ブラウザをリロード（＝更新ボタンを押す）するたびに変化が確認できます。
この「指示→確認→修正」のループが、バイブコーディングの基本の流れです。
ここまでのポイント セットアップは3ステップで30分以内に完了します。「Cursorをインストール→AIに指示→ブラウザで確認」の流れを覚えてください。今夜のうちに動くフォームが手元にできます。
よくある不安と答え——「自分には無理かも」への回答
「英語がわからなくても大丈夫？」
大丈夫です。Cursorへの指示は日本語で入力できます。画面上のメニューに英語は出てきますが、「File（＝ファイル）」「Save（＝保存）」「Accept（＝受け入れる）」程度の単語ばかりです。わからない単語が出てきたら、そのままCursorのAIに「この英語はどういう意味ですか？」と聞けます。
「失敗したらどうなる？」
ファイルが消えたり、パソコンが壊れたりすることはありません。「Ctrl＋Z」（Macは「Command＋Z」）を押せば、直前の操作をいつでも取り消せます。失敗してもコストがかかるのは「少しの時間」だけです。
「作ったものが途中で動かなくなったら？」
AIに「エラーが出ています。直してください」と入力するだけです。AIはエラー（＝動作上の問題）を自分で読み取り、修正案を提示してくれます。専門知識なしに対処できます。
ここまでのポイント 英語力・プログラミング知識・失敗への不安——どれも今夜の第1歩の妨げにはなりません。わからないことはすべてAIに聞けばいいだけです。
まとめ
この記事でお伝えしたことを3点に整理します。
まず、バイブコーディングは「AIに日本語で指示を出してプログラムを作る手法」で、コードの知識はゼロで始められます。次に、今夜必要なツールは「ChatGPTまたはClaude」と「Cursor」の2つだけで、どちらも無料プランから始められます。そして、30分のセットアップで動くフォームを1つ作るところまで今夜中に到達できます。
今すぐできるアクションはひとつだけです。 ブラウザで「Cursor」と検索して、ダウンロードボタンをクリックしてみてください。所要時間は10分です。「難しかったらやめればいい」くらいの気持ちで開いてみると、思ったよりあっさり動くものができ上がります。
GitHubでの保存やVercelでの公開など、作ったものを外の世界に出す手順は中級編で丁寧に解説します。まずは今夜、自分のパソコン画面上で動くものを1つ作ることだけを目標にしてください。
ツールの準備ができたら、次は「AIへの指示の出し方（プロンプトの書き方）」が重要になってきます。同じ目的でも、指示の書き方ひとつで出てくる結果が大きく変わります。次の記事「バイブコーディングで成果が変わるプロンプトの書き方——ひとり社長が使える実例集」では、実際の指示文テンプレートを10個紹介しています。ぜひ続けて読んでみてください。
コメントを残す