バイブコーディングの始め方！ツールの選び方と最初の手順・コツを解説

バイブコーディングを試してみたいものの、ツールが多すぎて、どれを入れて何から始めればよいのか分からない方も多いのではないでしょうか。プログラミングの経験がなく、最初の一歩でつまずきそうだと感じている方もいるはずです。

この記事では、バイブコーディングを始める前の準備・ツールの選び方・最初の手順・指示のコツ・つまずいたときの対処・注意点を、各ツールの公式情報に沿って解説します(料金は2026年10月4日時点)。

記事を読めば、ツールを1つ選び、最初の小さなものを作って動かすところまで進められる状態です。結論は、失敗しても困らない小さな題材を1つ決め、作りたいものを具体的に伝えることが最初の一歩です。動かして確かめ、直す指示を重ねながら進めましょう。

バイブコーディングを始める前に知っておくこと

始める前に知っておくことは、以下の3つです。

• AIに言葉で頼んで動くものを作る進め方を指す
• 必要なものはPCとAIのツールの2つ
• 最初は失敗しても困らない題材を選ぶ

AIに言葉で頼んで動くものを作る進め方を指す

バイブコーディングは、作りたいものをAIに言葉で伝え、プログラムを作らせる進め方です。人はコードを1行ずつ書く代わりに、できあがったものを動かして確かめ、直してほしい点を伝えます。

バイブコーディングとは？仕組み・始め方と非エンジニアが知るべき注意点を解説

必要なものはPCとAIのツールの2つ

始めるために必要なものは、PCとAIのツールです。ブラウザだけで使えるツールなら、ソフトのインストールも要りません。

無料で試せるツールもありますが、続けて使う場合は月20ドル前後の有料のプランが目安になります。

最初は失敗しても困らない題材を選ぶ

最初の題材は、失敗しても誰も困らないものを選びます。自分だけが使う計算の道具や、練習用のWebページが向いています。

顧客の情報を扱う仕組みや、社外に公開する仕組みは、慣れてから取り組んでください。

バイブコーディングのツールの選び方

主なツールは、以下の表のとおりです。

選び方は、以下の4つです。

• ブラウザだけで試すならLovableを選ぶ
• 画面で変更を見ながら進めるならCursorを選ぶ
• 自分のPCのファイルで作業するならClaude Codeを選ぶ
• ChatGPTを契約しているならCodexを選ぶ

ブラウザだけで試すならLovableを選ぶ

Lovableは、ブラウザの中でAIに頼んでWebアプリを作るサービスです。ソフトのインストールが要らず、作ったものをすぐに画面で確かめられます。

無料のプランには、1日あたり5クレジットが付きます。月の上限は30クレジットです。まず雰囲気をつかみたい人に向いています。

画面で変更を見ながら進めるならCursorを選ぶ

Cursorは、AIが組み込まれたコードエディタです。AIが書き換えた部分を、変更の前後を比べる画面で確かめながら進められます。

無料のHobbyプランがあり、クレジットカードの登録なしで始められます。

Cursorの使い方を解説！インストールから基本の操作・便利な機能まで

自分のPCのファイルで作業するならClaude Codeを選ぶ

Claude Codeは、Anthropicが提供するAIのコーディングの道具です。デスクトップアプリのCodeタブを使うと、ターミナルを使わずに、PCのフォルダの中のファイルを対象に作業を頼めます。

利用には、Proプラン以上の契約が必要です。Proプランは、月払いで月20ドルです。

Claude Codeは非エンジニアでも使える？初心者の始め方と活用例も紹介

ChatGPTを契約しているならCodexを選ぶ

Codexは、OpenAIが提供するAIのコーディングの道具です。ChatGPTのPlusプランでは、Web・ターミナル・エディタの拡張機能などから使えます。

すでにChatGPTを契約している人は、追加の契約なしで試せます。

Codexの使い方を解説！CLIの導入から日本語での依頼・変更確認まで

バイブコーディングの始め方の手順

始め方の手順は、以下の5つです。

• 作るものを1つ決める
• ツールを入れて練習用のフォルダを開く
• 作りたいものを具体的に伝える
• 動かして確かめる
• 直す指示を重ねる

作るものを1つ決める

最初に、作るものを1つ決めます。日々の業務で手間に感じている小さな作業が、よい題材です。

以下のような題材から選ぶと、短い時間で形になります。

• 表のデータを読み込んで集計する道具
• 入力した数字から見積もりを計算する画面
• 自己紹介や商品の紹介のWebページ

ツールを入れて練習用のフォルダを開く

選んだツールをインストールし、練習用の新しいフォルダを作って開きます。Claude Codeの公式ドキュメントは、最初はよく知っている小さなプロジェクトで始めることをすすめています。

大事なファイルが入ったフォルダは、最初の練習には使わないでください。

作りたいものを具体的に伝える

AIに、作りたいものを具体的に伝えます。誰が・何を入力して・どんな結果がほしいのかを書くことが、意図に近いものを作らせる近道です。

見積もりの計算の画面なら、単価と数量を入力すると合計と消費税が表示される画面がほしいと伝えます。

動かして確かめる

AIが作ったものは、必ず自分で動かして確かめます。数字を入力して、期待した結果が出るかを試してください。

動かし方が分からない場合は、動かす手順をAIに聞けば教えてくれます。

直す指示を重ねる

意図と違う部分は、直してほしい内容を伝えます。1回で完成を目指さず、確かめては直す流れを繰り返すのが、バイブコーディングの進め方です。

バイブコーディングをうまく進める指示のコツ

指示のコツは、以下の4つです。

• 何をどうしたいのかを具体的に書く
• 大きな作業は手順に分けて頼む
• AIに質問させて仕様を固める
• 確かめ方も一緒に伝える

何をどうしたいのかを具体的に書く

Claude Codeの公式ドキュメントは、指示が具体的であるほど、直しの回数が減ると説明しています。AIは意図を推測できますが、考えを読み取ることはできません。

不具合を直してほしいときは、どの画面で何をしたら何が起きるのかまで書きます。公式ドキュメントも、バグを直してとだけ書く代わりに、誤った情報を入力すると画面が真っ白になるログインの不具合を直してと書く例を挙げています。

大きな作業は手順に分けて頼む

複雑なものを一度に頼むと、意図と違うものができやすくなります。公式ドキュメントは、複雑な作業を手順に分けることを初心者向けのコツに挙げています。

データを保存する仕組み・データを出し入れする仕組み・画面の3つに分けて、順に頼む形が例です。

AIに質問させて仕様を固める

作りたいものがあいまいなときは、AIに質問してもらう方法があります。作りたいものを短く伝え、細かい点を質問してほしいと頼む形です。

公式ドキュメントは、大きな機能を作る前にAIに質問させ、決まった内容を仕様の文書にまとめる進め方を紹介しています。自分では気づかなかった点を先に決められることが、質問させる利点です。

確かめ方も一緒に伝える

作ったものが正しいかを確かめる方法も、指示に含めるのがコツです。入力の例と期待する結果を書いておくと、AIが自分で試して直せます。

公式ドキュメントは、確かめる手段がないと、人がすべての誤りを見つける役になると説明しています。

バイブコーディングでつまずいたときの対処

つまずいたときの対処は、以下の3つです。

• エラーが出たらエラーの文を貼り付ける
• 同じ修正が2回うまくいかないときは最初からやり直す
• 意図と違う方向に進んだらすぐに止める

エラーが出たらエラーの文を貼り付ける

エラーが出たら、表示された文をAIに貼り付けて伝えます。動かないとだけ伝えるより、原因を早く特定できます。

エラーを隠すのではなく、原因から直してほしいと頼むことも、公式ドキュメントが挙げる書き方です。

同じ修正が2回うまくいかないときは最初からやり直す

同じ点を2回直させてもうまくいかないときは、会話を新しく始めます。Claude Codeの公式ドキュメントは、失敗した試みが会話に積み重なると、結果が悪くなると説明しています。

分かったことを最初の指示に盛り込んで、新しい会話でやり直すほうが、長い会話で直し続けるよりうまくいくとの説明です。

意図と違う方向に進んだらすぐに止める

AIが意図と違う方向に進み始めたら、作業を止めて伝え直します。早い段階で直すことが、よい結果への近道です。

Claude CodeではEscキーで作業を止められ、変更の前の状態に戻す機能もあります。

バイブコーディングを始めるときの注意点

始めるときの注意点は、以下の4つです。

• 本物の顧客の情報を入れない
• パスワードなどの秘密の情報を書かない
• 公開の前に詳しい人に見てもらう
• 会社で使うときはルールを確かめる

本物の顧客の情報を入れない

練習では、本物の顧客の情報や社外に出せないデータを使いません。試すためのデータは、架空のものを用意してください。

パスワードなどの秘密の情報を書かない

パスワードや、外部のサービスにつなぐための鍵などの秘密の情報は、AIへの指示やプログラムの中に書かないようにします。

外部に漏れると、不正に使われるおそれがあります。

公開の前に詳しい人に見てもらう

動いているものが、安全とは限りません。社外に公開する場合や、ほかの人が使う場合は、公開の前にエンジニアに確かめてもらってください。

バイブコーディングのセキュリティを徹底解説！事故例と安全に使う条件も紹介

会社で使うときはルールを確かめる

会社のPCやデータで試す場合は、AIの利用に関する社内のルールを先に確かめます。使ってよいツールと、入力してよい情報が決められている場合があります。

生成AIの社内ルールの作り方を徹底解説！盛り込む項目とひな形も紹介

バイブコーディングの始め方のよくある質問

始め方についてよく出る疑問は、以下の4つです。

• 無料で始められますか？
• プログラミングの知識は必要ですか？
• どのツールがおすすめですか？
• 最初に何を作るのがおすすめですか？

無料で始められますか？

始められます。LovableとCursorには、無料のプランがあります。

無料のプランは使える量に上限があるため、続けて使う場合は有料のプランが候補です。

プログラミングの知識は必要ですか？

なくても始められます。作りたいものを言葉で伝え、動かして確かめる作業が中心です。

ただし、公開するものや会社の業務で使うものは、内容を判断できる人の確認が必要です。

どのツールがおすすめですか？

インストールせずに試したい人はLovable、画面で変更を見ながら進めたい人はCursorが候補です。自分のPCのファイルで作業したい人には、Claude CodeかCodexが向いています。

最初に何を作るのがおすすめですか？

自分だけが使う小さな道具がおすすめです。表のデータの集計や、見積もりの計算の画面は、結果が正しいかを自分で確かめやすい題材です。

バイブコーディングは小さな題材を1つ決めて始めましょう

バイブコーディングは、ツールを1つ選び、小さな題材を決めれば今日から始められます。作りたいものを具体的に伝え、動かして確かめ、直す指示を重ねる流れが基本です。

まずは、失敗しても困らない題材を1つ決めましょう。本物の顧客の情報は使わず、公開する前には詳しい人に確かめてもらってください。