開発用語 完全攻略: カード26枚で終わらせるバイブコーディング辞典

料理を自分でする代わりに、最高のシェフに望む味を説明して受け取るやり方です。

コードを一行ずつタイピングする代わりに、AIに言葉で頼んでソフトウェアを作る方式です。作りたい絵が鮮明なほど結果が良くなり、VibeCampusのスタジオがまさにこの方式でウェブサイト・アプリ・ゲームを作り上げます。

シェフに渡す注文書です。「おまかせでおいしく」より「辛さは中間、麺は固め」のほうが望む料理が出てきます。

AIに送るリクエスト文です。誰のためのものか、何が必要か、どんな雰囲気かが書かれているほど結果が正確になります。スタジオの入力欄に書くすべての文章がプロンプトで、これを磨く技術は専用コースがあるほど重要です。

注文書を読んで実際に料理するシェフ本人です。

実際に考えて答えを作り出すAIの頭脳です。Claude、GPT、Geminiといった名前はすべてモデル名で、どのモデルが働くかによって結果の品質と速度が変わります。スタジオは作業の性格に合ったモデルを選んで使います。

料理に使う材料の量です。注文が長く複雑なほど材料が多く要ります。

AIが文章を読み書きするときに数える文字のまとまりの単位です。AIの作業量はトークン数で計算されるため、同じ内容なら短く明確に書くほうが効率的です。長い文章を入れればその分トークンが増える、という感覚だけあれば十分です。

厨房とホールの間の注文窓口です。お客が厨房に直接入らなくても料理が出てきます。

プログラム同士がデータと機能をやり取りする標準の窓口です。自分の作ったアプリが天気、地図、AIのような外部機能を借りて使うときは、すべてAPIを通ります。世の中のサービスたちが手を取り合う方法がこれです。

「終わったらご報告します」と言って自分で動く、有能な社員です。

一度の指示で計画を立て、道具を使い、結果を点検しながら複数の段階を自力でやり遂げるAIです。ビルドゲージが回る間、設計どおりにコードを書き、確認まで続けるのがエージェントの仕事です。単純な質疑応答AIとの決定的な違いは、この「自力でやり遂げる」にあります。

複数の演奏者をひとつの曲にまとめ上げる指揮者です。

複数のAIと道具に、それぞれ得意な仕事を割り振り、順序を調整することです。文章はこのモデル、画像はあのモデル、検証はまた別の道具というように役割を分けると、品質と安定性が一緒に上がります。スタジオの成果物ひとつにも複数の演奏者が参加しています。

どんな機器でも挿せばつながる、USBのような接続標準です。

AIに外部の道具とデータをつないでくれる標準規格(Model Context Protocol)です。規格が統一されていると、AIがカレンダー、DB、検索のような道具を安全に選んで使えます。決済手段ではなく接続方式だという点が、いちばんよくある誤解ポイントです。

「ドアが開くとベルが鳴る」のように、決まった瞬間に自動で実行される仕掛けです。

特定の出来事が起きた瞬間に、あらかじめ決めておいた動作を自動実行する連結の仕組みです。保存のたびに点検を回したり、デプロイが終わったら通知を送ったりする自動化がフックで作られます。人が忘れてもシステムは忘れないようにする装置です。

料理人の検証済みレシピカードです。取り出して使えば失敗がぐっと減ります。

3D演出、チャート、パララックススクロールのような検証済みの技法をまとめたパッケージです。スタジオのスキルライブラリで検索してビルドに入れられますし、自分で選ばなくてもプロンプトに合うスキルを自動で選んで組み合わせてくれます。

仕切りで整理された大きな冷蔵庫です。入れておいたものを次に開けてもそのまま取り出せます。

顧客、予約、投稿のような情報を構造的に保管する保存庫です。画面の内容は消して付け直せば消えますが、DBに入れたデータは残ります。予約を受けたり会員を管理したりするすべてのサービスの心臓がここです。

冷蔵庫に鍵と配達窓口まで付けて丸ごと貸してくれる、完成型の倉庫サービスです。

DBにログイン、ファイル保存のような付加機能まで束ねて提供するサービスです。VibeCampusでは自分のSupabaseアカウントをスタジオに直接つないで、自分のサービスのデータを最初から自分の所有で管理できます。

行きつけのレストランに自分のワインを持ち込むことです。自分のものを使うので、中身も会計もすべて自分の管理です。

Bring Your Own、自分のアカウントとキーを持ち込んでつなぐ方式です。データと使用量がすべて自分の名義になるので、サービスが大きくなってもプラットフォームに縛られず、いつでも丸ごと引っ越しできます。

注文窓口で自分であることを証明する会員カードです。他人が使えば自分に請求されます。

APIを使うとき、このリクエストが自分のアカウントのものだと証明する秘密の文字列です。このキーを基準に使用量が計算されるのでパスワードのように扱うべきで、画面や公開コードに絶対に露出してはいけません。

舞台裏の金庫です。俳優は舞台で演技だけをし、貴重品は金庫に置きます。

APIキーのような秘密の値をコードの外に別途保管する設定スペースです。コードを共有したり公開したりしても秘密が漏れず、サービスの環境が変わるときもコードはそのままで値だけ差し替えれば済みます。

ゲームのセーブポイントです。いつでも以前のセーブ地点に戻れます。

コードの変更履歴を記録(バージョン管理)し、オンラインに保管するサービスです。失敗しても昨日のコードに戻せますし、複数人で一緒に作るときもお互いの作業が混ざって壊れないように守ってくれます。世界のほとんどのソフトウェアがここに住んでいます。

お店のオープンです。作っておいたものを、お客が入れるように開ける瞬間です。

完成した成果物をインターネットに上げて、誰でもアクセスできるようにすることです。VibeCampusではクリック一回で終わり、公開と同時に共有できるアドレスが生まれます。公開前のビルドは、まだ自分の作業場にだけある試作品です。

お店の看板であり、名刺に書く住所です。

人々があなたのサイトを訪ねてくるときに入力する名前です(例: mysite.com)。覚えやすい自分のドメインがあってこそブランドになり、VibeCampusのドメイン検索で望みの名前を探してすぐつなげられます。

看板の名前を実際の建物の場所に変換してくれる、インターネットの電話帳です。

ドメイン名をサーバーの実際のアドレス(IP)に変換してくれるシステムです。ドメインをつなぐというのは、結局DNSに「この名前で来るお客はこのサーバーへ案内」と記録することです。記録が行き渡るのに少し時間がかかることもあります。

手紙を密封封筒に入れて送ることです。配達中は誰も読めません。

サイトと訪問者の間の通信を暗号化するセキュリティ装置です。アドレスバーの鍵マークがSSLが有効という意味で、ないとブラウザが「安全ではありません」と警告し、訪問者は引き返してしまいます。今や選択ではなく基本です。

お店が入居している建物です。24時間明かりが消えません。

自分のサイトを昼夜問わず動かしてくれるサーバースペースを借りることです。VibeCampusが公開と一緒にホスティングまで処理するので、別途サーバーを買ったり管理したりする必要はありません。あなたは作り、建物の管理は任せればいいのです。

お店の内装とショーケースです。お客が見て触れるすべてです。

画面の配置、ボタン、色、文字のようにユーザーに見える部分です。「もっと高級に、ボタンは大きく」のようなリクエストが磨く領域がまさにここで、クリック編集で直接触れる領域でもあります。

厨房と倉庫です。お客の目に見えなくても、お店はここで回っています。

データ保存、ログイン、決済のように画面の裏で回る処理です。フォームの送信が実際に保存され、ログインが本当に動くのはバックエンドがあるからです。データが生きているアプリを作るなら必ず必要な、もう半分です。

浄水器を買わずにレンタルすることです。設置、管理、フィルター交換まで任せます。

インストールなしでインターネット経由で購読して使うソフトウェア(Software as a Service)です。NotionやNetflixが代表格で、あなたが作って売ることになるサブスク型サービスもSaaSです。一度売って終わりではなく、毎月関係が続くビジネスモデルです。

子どもたちがその中でだけ遊ぶ砂場です。外は散らかりません。

コードを実際のサービスから隔離された空間で実行してみる安全装置です。信頼性チェックがコードをE2Bサンドボックスで実際に動かしてみるのも、何が起きても本サービスには影響がないからです。

完成した額縁を、どの壁にも掛け替えられることです。

作った成果物を数行のコードで他のサイトやブログの中にはめ込む方式です。スタジオの埋め込み機能がコピーして貼るだけのコードを作ってくれるので、すでに運営中のホームページにも自分のビルドをすぐ載せられます。