バイブコーディングの始め方｜無料で1本作る手順と、やってはいけない4つのこと

無料で1本作る手順：メモ帳とブラウザだけでできる

最初は、インストールも登録もいらない「1ファイルで動く道具」を作ります。次の順番で進めます。

1. 作る物を1文で決める：例「今日の作業を追加・削除できる、1日分のToDoリスト」。
2. ブラウザ版AIに頼む：依頼文のひな形「最初の1本を頼む依頼文」をそのまま貼る。
3. メモ帳に貼って保存する：出てきたコードをすべて貼り、ファイル名を「todo.html」にして保存する。
4. ダブルクリックで開く：ブラウザで動けば完成。動かなければ、画面の様子をそのままAIに伝えて直してもらう。

Windows のメモ帳で保存するときは、「ファイルの種類」を「すべてのファイル」にしてください。そうしないと「todo.html.txt」になり、ブラウザで開けません。

• 作る物を1文で決めた
• ファイル名を「〇〇.html」にして保存した（.txt になっていない）
• ブラウザで開いて、追加・削除・再読み込みを試した
• 動かないときは、エラーや画面の様子をそのままAIに伝えた

続けるなら：有料ツールは月20ドル前後から

何本か作って続けたくなったら、ファイルを作る・直す・動かすまで任せられるツールに移ります。代表的な2つを表「続けるときの道具」にまとめました。

どちらも料金や無料の範囲がよく変わるため、申し込む前に公式の料金ページを確かめてください。

• 出典：Claude Code Docs：Advanced setup（インストール・必要なプラン）（新しいタブ）
• 出典：Cursor：Pricing（新しいタブ）

Windows で Claude Code を入れるときの注意

Claude Code は Windows 10（1809以降）と Windows 11 に対応しています。公式の手順では、PowerShell で「Windows で入れる1行」を実行します（管理者として開く必要はありません）。

入ったかどうかは、「claude --version」で番号が出るかで確かめます。調子が悪いときは「claude doctor」が設定の問題を一覧にしてくれます。

黒い画面が苦手なら、Claude のデスクトップアプリからも同じように使えます。Cursor の操作はCursorの使い方で説明しています。

• 出典：Claude Code Docs：Advanced setup（インストール・必要なプラン）（新しいタブ）

やってはいけない4つのこと：中身を読めなくても事故を防げる

バイブコーディングで作ったコードは、自分では中身を確かめられません。そのため、作る物の範囲で安全を守ります。次の4つは、慣れるまで避けてください。

1. 作った物を人に配る・公開する：まずは自分のPCの中だけで使う。
2. 本番のデータを渡す：試すときはコピーしたデータを使い、元のファイルは別の場所に置く。
3. パスワードやAPIキーをコードに書く：コードやAIへの依頼文に、そのまま貼らない。
4. お金や個人情報を扱う：集計・整形・変換など、壊れても作り直せる物から始める。

判断に迷ったら、「壊れても誰も困らないか」を基準にします。困る人がいる物は、分かる人にコードを見てもらってから使いましょう。

• 作った物を、自分のPCの中だけで使っている
• 元のデータは別の場所に保管してある
• パスワード・APIキー・個人情報をAIに渡していない

2本目からは「小さく足す」：一度に頼むのは1つの変更だけ

動いた道具に機能を足すときは、1回の依頼で1つだけ頼みます。「期限を付けて、並べ替えて、色も変えて」とまとめると、どこで壊れたか分からなくなります。

動いた状態のファイルは、名前に日付を付けて残しておきます。直しに失敗しても、1つ前に戻せば作り直す必要がありません。

作りたい物が決まらないときは、毎週くり返している作業（集計・名前の付け替え・形式の変換）から探すと見つかりやすくなります。