Atoms
References

主要用語と用語集

このクイックリファレンスガイドで、Vibe Coding の言葉をマスターしましょう。

このガイドでは、コードや AI ツールを扱うときによく出会う一般的な用語をわかりやすく解説します。すぐに理解を深められるよう、定義はシンプルにまとめています。

Atoms 固有の用語

  • チームモード: Product Manager、Engineer、Data Scientist、Deep Researcher、Architect を含む AI エージェントのチームを起動し、複雑な要件に対応します。

  • エンジニアモード: Engineer エージェントの Alex のみを割り当てて、あなたのプロジェクトに取り組ませます。

  • レースモード: 同じプロンプトを複数のモデルで同時に実行し、それぞれの出力を比較できます。

  • ディープリサーチ: 学術論文、ビジネス分析、市場レポートなどを含む専門的なレポートを 作成する ために、詳細な調査を 実施する 機能です。

  • App ビューアー: 結果をプレビューし、ページ上のあらゆる視覚要素を あなたが 直接変更できます。

  • リミックス: 任意のプロジェクトを自分のチャットに複製し、そこから構築や編集を続けられます。

  • Publish: 現在のアプリケーション用の安定したリンクを生成し、簡単に共有できるようにします。

  • 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): コードのための「タイムマシン」です。誰が行った変更もすべて追跡するので、何か壊れても、正常に動いていたバージョンに簡単に戻せます。

  • フロントエンド(クライアント側): 画面上で見たり触れたりできるものすべてを指します。ボタン、テキスト、画像、アニメーションなどです。ウェブサイトを閲覧している場合、「フロントエンド」はあなたのブラウザで動いている部分です。

  • バックエンド(サーバー側): リモートコンピューター(サーバー)上にあるアプリケーションの「頭脳」です。データを処理し、ファイルを保存し、ユーザーには見えないロジックを管理します。

  • UI(ユーザーインターフェース): アプリの具体的なデザインやレイアウトです。「見た目と使い心地」、つまり配色、ボタンの形、テキストの読みやすさなどを指します。

  • フルスタック: フロントエンドとバックエンドの 両方 を扱える開発者(またはツール)のことです。

ソフトウェア開発の概念

  • Product Manager: 何を作るか、そしてなぜ作るかを決める人です。特定の機能における「CEO」のような役割を果たし、ユーザーが求めるものとビジネス上の必要性のバランスを取ります。計画書(PRD)は作成しますが、通常はコードは書きません。

  • Engineer: 作り手です。Product Manager の計画を受け取り、実際に動くようにコードを書きます。効率的かつ安全にどう構築するかを考えます。

  • Architect: ソフトウェアの「都市計画者」です。通常、コードを一行ずつすべて書くわけではなく、代わりに、どの技術を使うか、システムの各部分をどう接続するかといった高レベルの判断を行い、成長しても全体が破綻しないようにします。

  • Data Scientist: 探偵役です。アプリが生み出す膨大なデータ(ユーザーのクリック数や売上など)を分析し、数学とコードを使ってパターンを見つけ出し、ビジネスがより賢い意思決定をできるよう支援します。

  • Deep Researcher: 複雑で未知のトピックを調査することに特化した役割(または場合によっては専門の AI エージェント)です。通常の検索とは異なり、Deep Researcher は学術論文、技術文書、長文レポートを深く掘り下げ、難しいテーマについて包括的な答えを統合します。

戦略と成長

  • SEO(Search Engine Optimization): 自分のウェブサイトが Google の検索結果の上位に表示されるように調整する技術です。適切なキーワードを使い、サイトを高速にし、他のサイトからリンクされるようにすることなどが含まれます。

  • Growth: より多くの ユーザーを獲得することだけに焦点を当てた、マーケティングとエンジニアリングの組み合わせです。「Growth Engineer」は、人々が友人を招待したり、より早く登録したりするよう促す機能を構築することがあります。

  • PRD(Product Requirements Document): 機能の「設計図」です。Product Manager が作成するこの文書には、新しい機能が正確に何をするべきか、どのように見えるべきか、成功をどう測定するかが説明されています。Engineer はこれを作業指示書として使います。

ページ構造とナビゲーション

  • 見出し(タイトル): ページコンテンツのアウトラインです。コード上では H1、H2、H3 などで示されます。H1 はメインタイトル(本のタイトルのようなもの)で、H2 は章のタイトルです。これにより、ユーザーにも Google にも、そのページが何についてのものかが伝わりやすくなります。

  • フッター: 各ページの一番下にあるセクションです。ウェブサイトの「何でも入れ」のような場所で、法的ポリシー、連絡先情報、ソーシャルメディアへのリンクなど、重要ではあるものの主役ではない情報を置きます。

  • Favicon: ウェブブラウザのタブ(ページタイトルの横)に表示される小さなアイコンです。タブを一度に 20 個開いているようなときでも、ユーザーが自分のサイトをすばやく見分けるのに役立ちます。

このページは役に立ちましたか?

関連記事