バイブコーディングの始め方【2026年版】Claude Code・Codexでアプリを作る手順と危険性

バイブコーディング 始め方5ステップ 危険性と対策も解説

※本記事にはアフィリエイトリンク(広告)が含まれます。紹介する製品・サービスの評価は、報酬の有無に影響されません。

この記事で分かること

  • バイブコーディングとは何か(日本語で頼んでAIにコードを書かせる作り方)
  • Claude Code・Codexの料金と、無料で試せる範囲
  • 小さなアプリを作る5ステップと、APIキーの流出など危険性への対策

⏱ 30秒で選ぶなら:ChatGPTの無料プランならCodexで軽く試せる。本格的に作るならClaude Code(Claude Pro 月20ドル〜)かCodex(ChatGPT Plus 月20ドル〜)

🔍 他ツールとの違い:作業の自動化まで含めて選ぶならAIエージェントのおすすめ6選、PC作業を任せる使い方はClaude Codeとはへ

「バイブコーディング(vibe coding)」は、作りたいものを日本語で伝え、コードはAIに書かせる作り方です。AI研究者のアンドレイ・カルパシー氏が言い出した言葉で、英国のCollins辞書は2025年の「今年の言葉」に選んでいます。

プログラミングを学んでいなくても、小さなWebアプリや作業の自動化ツールなら作れるようになりました。一方で、APIキー(サービスを使うための鍵)の流出など、知らないと困る危険性もあります。

この記事では、Claude Code・Codexを使った始め方を5ステップで解説し、危険性と対策、副業での使い方までまとめます。

目次

バイブコーディングの概要

項目 内容
どんな作り方か 日本語で指示→AIがファイルを作り、コードを書き、動かして直す
主なツール Claude Code(Anthropic)、Codex(OpenAI)
初期費用 0円〜(CodexはChatGPTの無料プランで軽く試せる)。本格的に使うなら月20ドル〜
作れるものの例 集計・変換の小さなツール、個人用のWebアプリ、作業の自動化
向いている人 手作業の繰り返しを減らしたい人、アイデアを形にしてみたい人

ノーコードとの違い

ノーコードツールは、用意された部品を画面で組み合わせて作ります。バイブコーディングはAIが本物のコードを書くので、部品にない機能も作れます。そのぶん、できあがったコードの安全性は自分で確かめる必要があります。

使うツールと料金・無料で試せる範囲

ツール 無料で試せる範囲 有料プラン 特徴
Claude Code 使えない(Freeプランに含まれない) Claude Pro 月20ドル(年払いは月17ドル)/Max 月100ドル〜 PC上のファイル作業が得意。日本語の指示に強い
Codex ChatGPTの無料プランで、軽いコーディング作業を試せる(デスクトップアプリ・順次提供) ChatGPT Go 月8ドル/Plus 月20ドル/Pro 月100ドル〜 Plus以上でWeb・CLI・エディタ拡張・iOSから使える

料金の出典:Claude 料金/Codex 料金(2026年10月25日確認)。ChatGPT・Claudeのチャット画面でもコードは書けますが、ファイルを作って動かすところまで任せられるのがClaude Code・Codexの違いです。 → Claudeのプランの詳細:Claudeの料金・無料枠まとめ

どちらから始める?

  • まずお金をかけずに試したい → Codex(ChatGPTの無料プラン)
  • Claude Proをすでに契約している → Claude Codeをそのまま使う
  • 毎日何時間も作業する → どちらも上限があるので、有料プランの上位を検討

ステップ1:作るものを「1つ・小さく」決める

最初の題材は、自分が毎週やっている手作業が向いています。

  • フォルダの中のCSVを1つにまとめて集計する
  • 画像のサイズをまとめて変える
  • 自分専用のメモ・家計簿のWebページ

「SNS全体を作る」のような大きな題材は、途中で止まりやすくなります。1回の会話で終わる大きさから始めましょう。

ステップ2:ツールを入れて、練習用フォルダを用意する

  1. Claude Code(Claude Pro以上)か、Codex(ChatGPTのアカウント)を用意する
  2. PCに練習用のフォルダを作る(大事なファイルが入ったフォルダでは始めない)
  3. そのフォルダを開いた状態でツールを起動する

Claude Codeの導入手順は、Claude Codeとは?非エンジニア向けの始め方で画面に沿って説明しています。

ステップ3:日本語で指示する(プロンプトのコツ)

伝える内容は「目的・入力・出力・制約」の4つです。

目的:毎月の売上CSVを1つの表にまとめたい
入力:このフォルダの sales_*.csv(列は 日付,商品,金額)
出力:商品ごとの合計を summary.csv に保存
制約:元のファイルは変更しない。使い方を最後に日本語で説明して

コツは次のとおりです。

  • 1回に1つの機能だけ頼む(ログイン機能と決済を同時に頼まない)
  • 「まず計画を見せて、私がOKしたら作って」と頼むと、方向違いを防げる
  • 分からない言葉が出たら「中学生にも分かるように説明して」と聞き返す

ステップ4:動かして確かめ、エラーはそのまま渡す

AIが「完成しました」と言っても、実際に動かして確かめるまでは完成ではありません。

  1. 作られたものを動かす(AIに「動かし方を教えて」と聞けばよい)
  2. エラーが出たら、エラー文をそのままコピーして貼る
  3. 期待と違う動きは「○○を押すと△△になるが、□□にしたい」と具体的に伝える

ステップ5:保存・公開する前に「鍵」を確認する

作ったものを人に見せたり公開したりする前に、次の点を確認します。

  • APIキーやパスワードがコードに直接書かれていないか(AIに「秘密情報がコードに含まれていないか確認して」と頼む)
  • GitHubに置くなら、まず**非公開(private)**にする
  • データベースを使う場合、ログインしていない人が読み書きできない設定かを確認する

自分のPCを付けっぱなしにせず、サーバーでClaude CodeやCodexを動かしたい場合は、VPS(借りられる自分専用のサーバー)という選択肢もあります。XServer VPSには、Claude Code・Codex CLIを最初から入れた状態でサーバーを作れるアプリイメージがあります(メモリ4GB以上のプラン。4GBは月2,035円〜で、契約期間によって変わります)。 → VPSでいろいろ試すなら『XServer VPS』

評判・使用感

noteなどに書かれた利用者の報告では、完成までの時間は**小さなWebアプリで1時間未満〜1時間ほど、ログイン機能や予約管理まで入れたアプリで3日(作業時間は約24時間)**と幅があります。

  • 良い点:「コードを1行も書かずに公開まで進んだ」「画像の作成が1枚15分から10秒になった」など、手作業が減ったという声が多い。作りながら仕組みを覚えられる、という感想もある
  • 気になる点:利用上限。「Proでは1日の作業の途中で上限に当たり、Max(月100ドル)に変えた」という報告がある。また、外部サービスの設定(環境変数など)で数時間止まった、AIの「完了しました」をそのまま信じて失敗した、という声も目立つ

危険性と対策(デメリット)

危険性 内容 対策
APIキー・パスワードの流出 鍵をコードに直接書いたまま公開してしまう 鍵は別ファイル(.env)に分け、公開する場所に置かない
データベースの設定漏れ 誰でも中身を読み書きできる状態で公開してしまう 公開前にアクセス制限をAIと一緒に点検する
大事なファイルの削除・上書き AIがPC上のファイルを書き換える 練習用フォルダで作業し、バックアップを取る
ライセンス・著作権 既存のコードや素材に似たものが混ざる可能性 販売・公開するものは、使ったライブラリや素材のライセンスを確認する

実際の事例として、2026年2月にはAIで作られたSNS「Moltbook」で、データベースの鍵がWebページから見える状態になっており、約150万件のAPIトークンと数万件のメールアドレスが外部から読める状態だったと、セキュリティ企業Wizの調査として報じられました(Infosecurity Magazine)。個人の練習でも、公開する前の点検は省かないようにしましょう。

副業での使い方

  • 自分の副業の作業を減らす:記事の整形、画像の書き出し、売上の集計などを自動化する
  • 小さなツール作りを請け負う:「CSVをまとめる」「Excelの作業を自動化する」といった依頼。経験を積んでから受けるのが安全
  • 業務の自動化と組み合わせる:Difyやn8nと合わせた使い方はAIエージェントとは?おすすめ6選で紹介しています

他人のデータを扱う仕事では、そのデータをAIに入力してよいかを契約前に確認してください。収益は案件・スキル・継続期間によって大きく異なり、保証されるものではありません。

基礎から学びたい人へ

学び方の比較は Python×AIの学び方 にまとめています。

副業で稼いだら、確定申告が必要かも確認しておきましょう。 会社員の場合、副業の所得(売上−経費)が年20万円を超えると所得税の確定申告が必要になり、20万円以下でも住民税の申告は必要です。売上と経費を入れるだけで判定できる無料ツールを用意しました → 副業の確定申告が必要か30秒で判定する

よくある質問

Q. プログラミングの知識がなくても、本当にできますか? A. 小さなツールやWebページなら、日本語の指示だけで作れたという報告が多くあります。ただし、エラーへの対処や外部サービスの設定で止まることはあります。「分からないことをAIに聞き返す」姿勢があれば進められます。

Q. バイブコーディングは無料で始められますか? A. CodexはChatGPTの無料プランで、軽いコーディング作業を試せます(デスクトップアプリ・順次提供)。Claude Codeは無料プランでは使えず、Claude Pro(月20ドル)以上が必要です。

Q. バイブコーディングは危険ですか? A. 作り方そのものが危険なのではなく、中身を確かめずに公開することが危険です。実際にデータベースの設定漏れで鍵が読める状態になった事例も報じられています。鍵を分ける・公開前に点検する・練習用フォルダで作業する、の3つを守れば、個人の練習で困ることは減らせます。

Q. Claude CodeとCodex、どっちがいい? A. お金をかけずに試すならCodex、Claude Proを契約済みならClaude Codeが手軽です。どちらも有料プランは月20ドルからで、使う量が多いと上限に当たります。

Q. スマホだけでできますか? A. CodexはChatGPT Plus以上でiOSアプリから使えると公式に書かれています。ただし、作ったものを動かして確かめる作業はPCのほうが進めやすいです。

まとめ

  • バイブコーディングは、日本語で頼んでAIにコードを書かせる作り方
  • 無料で試すならCodex、本格的に作るならClaude Code/Codexの有料プラン(月20ドル〜)
  • 小さく作る→動かして確かめる→公開前に鍵を点検するの順番を守る

→ PC作業をAIに任せる基本:Claude Codeとは? → 他のAIツールとの料金比較は AIツール料金早見表(毎月更新)へ。


情報確認日:2026年10月25日/料金・提供範囲は変更される場合があります。最新情報は各公式サイトをご確認ください。

参考:Claude 料金、Codex 料金、XServer VPS、XServer VPS OS・アプリイメージ一覧、テックジム、RUNTEQ Python × AIコース、Collins辞書 Word of the Year 2025、Infosecurity Magazine(Moltbook)

AIの最新ニュースを、Google検索の「トップニュース」で優先して表示できます

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次