主要用語と用語集
このクイックリファレンスガイドで、Vibe Codingの言語をマスターしましょう。
このガイドでは、コードやAIツールを扱うときによく出会う一般的な用語をわかりやすく解説します。定義はシンプルにまとめているので、すぐに理解を深められます。
Atoms固有の用語
チームモード: Product Manager、Engineer、Data Scientist、Deep Researcher、Architectを含むAIエージェントのチームを有効化し、複雑な要件に対応します。
エンジニアモード: EngineerエージェントのAlexだけを割り当てて、あなたのプロジェクトに取り組ませます。
レースモード: 同じプロンプトを複数のモデルで同時に実行し、それぞれの出力を比較できます。
ディープリサーチ: 学術論文、ビジネス分析、市場レポートなどを含む専門的なレポートを 実施 し、 生成 するための機能です。
App ビューアー: あなた が結果をプレビューし、ページ上のあらゆる視覚要素を直接変更できるようにします。
リミックス: 任意のプロジェクトを自分のチャットに複製し、そこから構築や編集を続けられます。
公開: 現在のアプリケーション用の安定したリンクを生成し、簡単に共有できるようにします。
App ワールド: Atomsの創造性のためのプラットフォームで、作品を展示し、ホームページで自分のスキルを アピール できます。
LLMとVibe Coding
Vibe Coding: AIに平易な英語で欲しいもの（"vibe"、つまり意図）を伝え、実際のコードはAIに生成させることでソフトウェアを書く実践手法です。セミコロンや細かなロジックを気にするのではなく、アプリが正しく動作し、しっくりくる かどうかに集中します。
人工知能（AI）: 音声認識、意思決定、言語翻訳のように、通常は人間の知能を必要とする作業をこなせるコンピューターシステムの総称です。
LLM（大規模言語モデル）: 膨大な量のテキストで学習されたAIの一種です。ChatGPTやClaudeのようなツールの基盤となる技術です。文の次に来る単語を予測することに非常に優れており、その能力によってエッセイを書いたり、質問に答えたり、コードを書いたりできます。
ハルシネーション: AIが完全に間違った答えを自信満々に返すことです。AIモデルはもっともらしく聞こえる回答をするのが得意なので、生成されたコードや事実は必ず再確認するべきです。
プロンプト: AIから回答を得るために入力するテキストです。"Prompt Engineering"とは、要するに「最良の結果を得るために、正しい質問の仕方を学ぶこと」をしゃれた言い方で表したものです。
トークン: AIが数える単位です。AIは「単語」を見ているのではなく、「トークン」を見ています。1トークンはおおよそ4文字分のテキストです。たとえば、"apple"という単語は1トークンですが、長くて複雑な単語は3トークンになることもあります。AIのコストや制限は通常、トークン単位で測られます。
ヒューマン・イン・ザ・ループ: それはあなたのことです。AIがコードを書いていても、ループの中の「管理者」はあなたです。作業内容を確認し、点検し、AIが脱線したら方向修正します。あなたは 書き手 であることをやめ、 レビュアー になります。
反復改善: 会話を通じてコードを洗練させていくプロセスです。Vibe Codingでは、最初の一回で完璧になることはほとんどありません。「そのボタンをもっと大きくして」「10行目のエラーを直して」「いや、別の色を使って」のように伝えながら「反復」します。
コーディングの基本
API（Application Programming Interface）: 2つの異なるプログラムが互いにやり取りできるようにする橋渡しです。レストランのウェイターのようなものだと考えてください。あなた（ユーザー）がウェイター（API）に注文し、ウェイターがキッチン（システム）から料理を運んできます。どのように調理されたかをあなたが知る必要はありません。
バグ: ソフトウェアがクラッシュしたり、おかしな動作をしたりする原因となるコード上のミスや不具合です。
バージョン管理（Git）: コードのための「タイムマシン」です。誰が行った変更もすべて追跡するため、何か壊れても、動いていたバージョンに簡単に戻せます。
フロントエンド（クライアント側）: 画面上で見たり触れたりできるものすべてを指します。ボタン、テキスト、画像、アニメーションなどです。Webサイトを閲覧している場合、「フロントエンド」はブラウザ上で動いている部分です。
バックエンド（サーバー側）: リモートコンピューター（サーバー）上にあるアプリケーションの「頭脳」です。データを処理し、ファイルを保存し、ユーザーには見えないロジックを管理します。
UI（ユーザーインターフェース）: アプリの具体的なデザインやレイアウトのことです。「見た目と使い心地」を指し、配色、ボタンの形、テキストの読みやすさなどが含まれます。
フルスタック: フロントエンドとバックエンドの 両方 を扱える開発者（またはツール）です。
ソフトウェア開発の概念
Product Manager: 何を作るか、そしてなぜ作るかを決める人です。特定の機能における「CEO」のような役割を果たし、ユーザーが望むものとビジネス上の必要性のバランスを取ります。計画書（PRD）は書きますが、通常はコードは書きません。
Engineer: 作り手です。Product Managerの計画を受け取り、実際に動くようにコードを書きます。効率的かつ安全にどう構築するかを考えます。
Architect: ソフトウェアの「都市計画者」です。通常、コードを一行一行すべて書くわけではなく、代わりにどの技術を使うか、システムのさまざまな部分をどう接続するかといった高レベルの判断を行い、成長しても全体が破綻しないようにします。
Data Scientist: 探偵のような役割です。アプリが生み出す膨大なデータ（ユーザーのクリック数や売上データなど）を調べ、数学とコードを使ってパターンを見つけ出し、より賢い意思決定ができるようビジネスを支援します。
Deep Researcher: 複雑で未知のトピックを調査することに特化した役割（または場合によっては専門のAIエージェント）です。通常の検索とは異なり、Deep Researcherは学術論文、技術文書、長文レポートを掘り下げて調べ、難しいテーマについて包括的な答えを統合します。
戦略と成長
SEO（検索エンジン最適化）: 自分のWebサイトがGoogleの検索結果の上位に表示されるように調整する技術です。適切なキーワードを使い、サイトを高速にし、他のサイトからリンクされるようにすることなどが含まれます。
Growth: より多く のユーザーを獲得することだけに焦点を当てた、マーケティングとエンジニアリングの組み合わせです。「Growth Engineer」は、人々が友人を招待したり、より速く登録したりしたくなるような機能を構築することがあります。
PRD（Product Requirements Document）: 機能の「設計図」です。Product Managerによって作成されるこの文書には、新しい機能が何をすべきか、どのように見えるべきか、そして成功をどのように測定するかが正確に説明されています。Engineerはこれを指示書として使います。
ページ構造とナビゲーション
見出し（タイトル）: ページコンテンツのアウトラインです。コードではH1、H2、H3などで示されます。H1は主タイトル（本のタイトルのようなもの）で、H2は章タイトルです。これにより、ユーザーにもGoogleにも、そのページが何についてのものかが伝わりやすくなります。
フッター: 各ページの最下部にあるセクションです。Webサイトの「何でも入れ」の引き出しのようなもので、法的ポリシー、連絡先情報、ソーシャルメディアへのリンクなど、重要ではあるものの主役ではないものを置く場所です。
ファビコン: Webブラウザのタブ（ページタイトルの横）に表示される小さなアイコンです。タブを一度に20個開いているような場合でも、ユーザーが自分のサイトをすばやく見分けるのに役立ちます。