Vibe Codingの事故をルールファイルで未然に防ぐ方法
Vibe Codingの事故を防げるかどうかは、コードを読む段階ではなく、最初のルールファイルを書く段階で決まります。CLAUDE.mdや.cursorrulesに盛り込むセキュリティ、重複、アーキテクチャ、完了基準、スコープの5つのルールを、記述例とともに整理しました。
記事を読む特集トピック · 12 記事
バイブコーディング
バイブコーディングの基礎から実務の選択基準まで解説する記事をまとめました。
最新記事
バイブコーディング
[バイブコーダー #8] ユーザー受け入れ前のセキュリティチェック6項目
アプリのリンクを公開する前に確認すべき、6つのセキュリティチェックです。攻撃者は標的を選ばずボットで網を張るという前提で、RLS・権限チェック・入力検証など、バイブコーディングアプリで実際に突破される入口を整理しました。
記事を読む[バイブコーダー #7] 高額請求を防ぐ：AI API・DB・ホスティングの課金構造と5分の安全策
「寝て起きたら、クラウド料金が数百万円になっていました」。バイブコーディングのコミュニティで時々見かける、読む側まで背筋が凍る投稿です。趣味で作ったアプリが、1か月分の給料を請求書に変えてしまう状況です。怖いのは、特に不注意な人だけが遭う事故ではないことです。課金…
記事を読む[AI使い方ガイド #8] AIエージェント時代の総まとめ
これまで7回にわたって扱ってきたAIは、結局のところ「質問して答えを得る」ツールでした。質問を練り、資料を渡し、答えを検証するまで、会話を動かしていたのは人間です。しかし、AI業界がこの2年間追い続けてきた次の段階は、性質が異なります。会話ではなく、仕事そのものを任せるAI、エージェントです。…
記事を読む【Vibe Coder #6】昨日は動いたのに今日は動かない。コードを触っていないのになぜ？
「コードを1行も触っていないのに、昨日まで正常だったアプリが今日は動きません。」バイブコーディングのコミュニティで最もよく見かける嘆きであり、最もミステリアスに感じる状況です。幽霊の仕業のようですが、実際の容疑者は数人に絞れます。順番に調べれば、ほとんどは午前中に解決できます…
記事を読む[無料サービス #1] AgentationでAIのデザインを修正する
AIにWebサイトを作ってもらうのは、もう難しくありません。本当に大変なのはその後です。完成した画面を表示して「このボタン、少し変じゃないですか」と言った瞬間から始まります。
記事を読む[バイブコーダー #5] エラーメッセージの読み方と、AIがバグを直せず堂々巡りするときの脱出法
赤いエラーメッセージが画面を覆うと、心臓がドキッとします。英語がびっしり並び、見慣れない単語ばかりで、何を間違えたのかも教えてくれないように見えます。そこで多くのバイブコーダーはエラーメッセージを読まずに閉じて、AIに「動きません、直して」と伝えます。そしてAIは見当違いの場所を修正し始めます…
記事を読む【Vibe Coder #4】デプロイとは何か？自分のPCでは動くアプリが、なぜインターネットでは動かないのか
アプリが完成しました。自分のPCでは完璧に動きます。友人に自慢しようとアドレスバーのlocalhost:3000をコピーして送ったところ、「開けないんだけど？」と返ってきました。思い切ってデプロイしてみると、今度は自分のPCで問題なく動いていたアプリが、インターネット上ではエラーを吐きます。
記事を読む【バイブコーダー #3】AIがコードを全部書いてくれるのに、なぜGitが必要なのか（壊れたアプリを1分でロールバック）
バイブコーディングをしていると、必ずこんな日が来ます。昨日まで正常に動いていたアプリに機能を1つ追加してほしいと頼んだら、AIがあちこちを修正し、アプリ全体が動かなくなる日です。「さっきの状態に戻して」と頼んでも、AIは正確には戻せません。修正箇所は20か所もあり、そのうちどこが…
記事を読む[バイブコーダー #2] APIとは何で、なぜAPIキーを隠すのか
前回はアプリをレストランにたとえました。ホール（フロントエンド）、厨房（バックエンド）、倉庫（DB）です。今回は、その構造の上でバイブコーディング中に最も事故が起きやすいAPIとAPIキーを扱います。「キーを絶対に公開しないでください」という警告はよく見ますが、そのキーが何で、どこにあり、漏れると何が起きるのかを説明する記事は多くありません。この記事でまとめて整理します。
記事を読む[バイブコーダー #1] AI生成アプリを解剖する：フロントエンド・バックエンド・DBの役割
AIに言葉で指示してアプリを作る人が急増しています。CursorやClaude Code、v0などに「こんなサービスを作って」と頼めば、本当に動くアプリが出てきます。しかし完成後、多くの人が同じ壁にぶつかります。アプリは動くのに、AIが何を作ったのか分からないのです。
記事を読むバイブコーディング（Vibe Coding）を正しく行う方法、コードはどこまで読むべきか
AIが生成したコードを読まず、Accept Allだけを押して開発する方法が、いわゆる「バイブコーディング」です。初速が驚くほど速く、一度体験すると戻れないという声も多い一方、コードを読まない代償がいつ、どこで請求されるのかは、あらかじめ知っておくべきです。
記事を読む