Vibe Coding Guide
メニュー

短い指示でAIが動ける環境を作る

使うAIを1つ選び、AIが迷わない作業場所と頼み方を整える。

まとめて整理したいとき

作業フォルダを開けるコーディング支援AIにこのサイトのURLを貼り、「この内容を読んで、ここに書いてある進め方で私の作業環境を整えたいです」と頼むと、フォルダ構成、最初の依頼文、確認手順を整理できます。

AIがURLを読めないときは、まず「はじめの一歩」と「場面別の頼み方」の本文を貼ってください。全部を一度に渡すより、必要なページから順番に渡す方が安定します。

大きく近道する考え方を見る よく使うツールを開く

迷ったら、この順番

  1. まず理解する
  2. すぐ始める
  3. 困ったら見る
  4. 慣れてから広げる

最初の1回は考え方はじめの一歩小さな実践例チェックリストだけで十分です。用語に迷ったら 用語集、他の人に使ってもらうなら 人に使ってもらう前に、補助ツールが必要になったときだけ ツール を開きます。

使うAIを1つ選ぶCodexかClaude Codeのどちらかから、使うものを1つ決める。
戻れる地点を作る大きな変更の前に保存し、動かなくなったら止まって確認する。
実際に触って確かめる実画面、入力、リンク、エラー状態を見てから次へ進む。

ガイドサイトの内容プレビュー

場面別の頼み方(例)

困った場面から1行だけ選んで使う頼み方の例です。
場面指示効く理由
機能を作る読書メモを1ページで表示して作るものと範囲が明確になる。
バグを直すスマホで表がはみ出す原因を直して起きている問題と確認する画面が分かる。
整理する文章を見出しと本文に分けて対象と分け方が明確になる。
確認する初めて見る人に分かりにくい表現を見て確認観点が決まり、指摘が具体的になる。

AIが作ったフォルダ構成(例)

/workspace
├─ sources/
├─ notes/
├─ outputs/
└─ logs/
sources/元資料や参照元を置く。
notes/考え途中のメモを置く。
outputs/完成物や提出物を置く。
logs/作業記録や確認結果を残す。

短い指示が効く理由

使うコーディング支援AIを1つ決め、「どのフォルダで」「何を作りたいか」を伝えると、短い指示でも作業範囲を合わせやすくなります。最初の準備から確認したい人は、「はじめの一歩」から始めてください。

場所が1つ決まっている

作業フォルダが決まっていると、AIがどこで作業するか迷わない。

目的が絞られている

小さな要件メモがあると、やることと後回しにすることが分かる。

確認で無駄を減らす

方針確認、戻れる地点、実画面と作業記録でやり直しを減らす。

詳しく見る