Atoms
References

主要な用語と用語集

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

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

Atoms 固有の用語

  • チームモード: Product Manager、Engineer、Data Scientist、Deep Researcher、Architect を含む AI エージェントのチームを起動し、複雑な要件に対応します。
  • エンジニアモード: Engineer エージェントの Alex のみを割り当てて、あなたのプロジェクトに取り組ませます。
  • レースモード: 同じプロンプトを複数のモデルで同時に実行し、その出力を比較できます。
  • Deep Research: 学術論文、ビジネス分析、市場レポートなどを含む専門的なレポートを conducting ディープリサーチして generate するための機能です。
  • App ビューアー: you が結果をプレビューし、ページ上のあらゆる視覚要素を直接変更できるようにします。
  • リミックス: 任意のプロジェクトを自分のチャットに複製し、そこから構築や編集を続けられます。
  • Publish: 現在のアプリケーション用の安定したリンクを生成し、簡単に共有できるようにします。
  • App ワールド: Atoms の創造性のためのプラットフォームで、作品を表示し、ホームページであなたのスキルを highlight できます。

LLM と Vibe Coding

  • Vibe Coding: AI に平易な英語で何を作りたいか(「vibe」や意図)を伝え、実際のコード生成は AI に任せることでソフトウェアを書く実践です。セミコロンや具体的なロジックを気にするよりも、アプリが正しく動作し、しっくりくる かどうかに集中します。
  • Artificial Intelligence (AI): 音声認識、意思決定、言語翻訳など、通常は人間の知能を必要とする作業を行えるコンピューターシステムの総称です。
  • LLM (Large Language Model): 膨大な量のテキストで訓練された AI の一種です。ChatGPT や Claude のようなツールの基盤技術でもあります。文の次に来る単語を予測するのが非常に得意で、その能力によってエッセイを書いたり、質問に答えたり、コードを書いたりできます。
  • ハルシネーション: AI が完全に間違った答えを自信満々に返してくることです。AI モデルはもっともらしく聞こえる回答をするのが得意なので、生成されたコードや事実は必ず再確認するべきです。
  • Prompt: AI から答えを得るために入力するテキストです。「Prompt Engineering」とは、要するに「最良の結果を得るために適切な質問の仕方を学ぶこと」を少し格好よく言った表現です。
  • Token: AI における数え方です。AI は「単語」ではなく「トークン」を見ています。1 トークンはおおよそ 4 文字分のテキストです。たとえば "apple" は 1 トークンですが、長く複雑な単語は 3 トークンになることもあります。AI のコストや制限は通常、トークン単位で測られます。
  • ヒューマン・イン・ザ・ループ: それはあなたのことです。AI がコードを書いていても、ループの中の「マネージャー」はあなたです。あなたが作業内容を確認し、点検し、AI が脱線したら方向修正します。あなたは 書き手 であることをやめ、レビュアー になります。
  • Iterating: 会話を通じてコードを洗練させていくプロセスです。Vibe coding では、最初の一回で完璧になることはほとんどありません。「そのボタンをもっと大きくして」「10 行目のエラーを直して」「いや、別の色を使って」のように伝えながら「反復」していきます。

コーディングの基礎

  • API (Application Programming Interface): 2 つの異なるプログラム同士がやり取りできるようにする橋渡しです。レストランのウェイターのようなものだと考えてください。あなた(ユーザー)がウェイター(API)に注文を伝えると、調理方法を知らなくても、厨房(システム)から料理を運んできてくれます。
  • Bug: ソフトウェアがクラッシュしたり、おかしな動作をしたりする原因となる、コード内のミスや不具合です。
  • Version Control (Git): コードのための「タイムマシン」です。誰がどんな変更をしたかをすべて追跡するので、何か壊れても、正常に動いていたバージョンに簡単に戻せます。
  • Frontend (Client-side): 画面上で見たり触れたりできるものすべてです。ボタン、テキスト、画像、アニメーションなどが含まれます。Web サイトを閲覧している場合、「frontend」はブラウザ上で動いている部分です。
  • Backend (Server-side): リモートコンピューター(サーバー)上にあるアプリケーションの「頭脳」です。データを処理し、ファイルを保存し、ユーザーには見えないロジックを管理します。
  • UI (User Interface): アプリの具体的なデザインとレイアウトです。「見た目と使い心地」を指し、配色、ボタンの形、テキストの読みやすさなどが含まれます。
  • Full Stack: Frontend と Backend の 両方 を扱える開発者(またはツール)のことです。

ソフトウェア開発の概念

  • Product Manager: 何を 作るか、そして なぜ 作るかを決める人です。特定の機能における「CEO」のような役割を果たし、ユーザーの要望とビジネス上の必要性のバランスを取ります。計画(PRD)は作成しますが、通常はコードを書きません。
  • Engineer: 作り手です。Product Manager から受け取った計画をもとに、実際に動くようにコードを書きます。効率的かつ安全に どうやって 作るかを考えます。
  • Architect: ソフトウェアの「都市計画者」です。通常はコードを一行ずつすべて書くわけではなく、代わりに、どの技術を使うか、システムの各部分をどう接続するかといった高レベルの判断を行い、成長しても全体が破綻しないようにします。
  • Data Scientist: 探偵役です。アプリが生み出す膨大なデータ(ユーザーのクリックや売上数値など)を見て、数学とコードを使ってパターンを見つけ出し、ビジネスがより賢い意思決定をできるよう支援します。
  • Deep Researcher: 複雑で未知のトピックを調査することに特化した役割(または場合によっては専門の AI エージェント)です。通常の検索とは異なり、deep researcher は学術論文、技術文書、長文レポートを掘り下げ、難しいテーマについて包括的な答えを統合します。

戦略と成長

  • SEO (Search Engine Optimization): 自分の Web サイトが Google の検索結果の上位に表示されるように調整する技術です。適切なキーワードの使用、サイトの高速化、他サイトからリンクされることの確保などが含まれます。
  • Growth: より多くの ユーザーを獲得することだけに焦点を当てた、マーケティングとエンジニアリングの組み合わせです。「Growth Engineer」は、人々が友人を招待したり、より速く登録したりするよう促す機能を構築することがあります。
  • PRD (Product Requirements Document): 機能の「設計図」です。Product Manager が作成し、新機能が正確に何をするべきか、どのように見えるべきか、成功をどう測定するかを説明します。Engineer はこれを作業指示書として使います。

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

  • Headings (Titles): ページコンテンツのアウトラインです。コードでは H1、H2、H3 などで示されます。H1 はメインタイトル(本のタイトルのようなもの)で、H2 は章タイトルです。これにより、ユーザーにも Google にも、そのページが何についてのものかが伝わりやすくなります。
  • Footer: 各ページの一番下にあるセクションです。Web サイトの「ごちゃごちゃ入った引き出し」のような場所で、法的ポリシー、連絡先情報、ソーシャルメディアへのリンクなど、重要ではあるものの主役ではない情報を置きます。
  • Favicon: Web ブラウザのタブ上(ページタイトルの横)に表示される小さなアイコンです。タブを一度に 20 個開いているときでも、ユーザーがあなたのサイトをすばやく見分けるのに役立ちます.
このページは役に立ちましたか?

関連記事