バイブコーダーの備忘録 / 2026.06
なぜ今さらこれを書くのか
AI Studioやv0で、右上の 「Build」ボタンを押したらアプリができた！バイブコーディング最高！ という人をマネタイズバイブコーダーのＸなどでみることがある。（というかうちのクライアントもそんなひとりだ）
気持ちはわかる。わたしも最初そうだった。
でも厳密に言うと、あの「Build」ボタンが押された瞬間にやっていることと、「デプロイ」は別の工程だ。プラットフォーム側がうまいこと両方まとめてやってくれているから気づきにくいだけで。
半年ぶりにコードをごそごそ触っていたら、VSCodeが「ビルドしました、デプロイします」って言い出して、あ、これ別々に喋ってる、と気づいた。そこで初心に返ったので、自分のための備忘録として残しておく。
🛠 ビルド（Build）とは
人間が書いたソースコードを、コンピューターが理解・実行できる形に変換・統合する工程。
主な処理
- コンパイル（翻訳） ― 人間語（ソースコード）をマシン語や中間コードに翻訳する
- バンドル・圧縮 ― 複数ファイルをまとめて、不要なものを削ぎ落とす
- 依存関係の解決 ― 使っているライブラリを正しく組み込む
たとえるなら
設計図（ソースコード）をもとに、実際に家（実行ファイル）を建てる作業。
設計図だけでは人は住めない。材料を集めて、組み立てて、初めて「家」になる。
🚀 デプロイ（Deploy）とは
ビルドで完成した実行ファイルやシステムを、本番環境に配置してユーザーが使える状態にする工程。
主な処理
- サーバーへのファイル転送
- データベースの接続設定
- サービスの起動・公開
たとえるなら
完成した家を、購入者が住めるように現地へ設置して鍵を渡す作業。
家ができても、土地に置いて電気・水道を通して鍵を渡すまでは「住める」状態じゃない。
整理するとこう
| 工程 | 目的 | 主な場所 |
|---|---|---|
| ビルド | プログラムを動く状態にする | 自分のPC or クラウド上のビルド環境 |
| デプロイ | 実際に利用できる環境へ配置する | Webサーバー、クラウド環境など |
バイブコーダー視点での補足
AI StudioやVercelの「Buildボタン」が便利すぎるのは、ビルド → デプロイを一発でやってくれるから。体験としては「ボタン1つでアプリが公開された」になる。
ただ、いざVSCodeやCIの設定を触り始めると「ビルドは通ったけどデプロイでこける」みたいな状況に出くわす。そのとき「あ、別の工程なんだ」とわかっていると、エラーのどこを見ればいいか絞り込みやすい。
バイブコーディングのまま突き進むとしても、用語の解像度だけはあったほうがいい。AIに「デプロイでこけてるのかビルドでこけてるのかどっちですか」と聞けるだけで、回答の精度がだいぶ変わる。
まとめ
- ビルド ＝ コードを「動くもの」に変換する
- デプロイ ＝ 動くものを「使える場所」に置く
- プラットフォームが両方まとめてやってくれているだけで、工程は別
初心に返る機会をくれたVSCodeに感謝しつつ、また半年後に同じことを調べないためにここに書いておく。