総まとめ（これまでの総復習）

ここまで本当にお疲れさまでした！最後に、学んだことの要点を1枚に凝縮して振り返ります。このページは“チートシート”として使えるので、保存（ブックマーク）しておいて、作りながら何度でも見返してください。忘れていたら、いつでも各セクションに戻ってOKです。

🤖 AIの基礎

• ・生成AIの正体はLLM＝“それっぽい続き”を作る達人。事実は裏取りを（ハルシネーションに注意）。
• ・エージェントは“作業するAI”。ゴールと完成条件を伝え、丸投げせず、危険な操作は人が承認。
• ・結果は頼み方（プロンプト）しだい。前提・ゴール・制約・出力形式を伝え、対話で直していく。
• ・頼み方の工夫は プロンプト→コンテキスト→ハーネス（環境づくり） へ進化中。“神プロンプト”より環境。
• ・エラーは普通のこと。まるごとコピーしてAIに相談（①何をしたら ②何が起きて ③どうしたいか）。
• ・AIを“アプリから”使うならAPI。料金はトークン量で決まり、上位モデルほど高い。

🎨 生成メディア

• ・画像・動画・音楽・音声もAIで作れる。ツール名はよく変わるので最新を確認。
• ・SNS用はサイズ（縦横比）が命。用途とセットで指示する（OGPは1200×630）。
• ・保存形式に迷ったら：動画はMP4・1080p／音はWAV（編集用）とMP3（配布用）。
• ・声の複製・著作権・商用利用の可否など、使ってよいかを必ず確認。

🧭 Claude

• ・Claudeは場面ごとに入り口がある：相談はChat、開発はCode、事務作業はCowork、ビジュアルはDesign。
• ・モデルはグレード制（Fable／Opus／Sonnet／Haiku）。「上位ほど賢いが高い・下位ほど速くて安い」で使い分け。
• ・Claude Codeは“書いて・動かして・直す”作業する相棒。大きな変更はプランモードで計画→OK→実行。
• ・ルールはCLAUDE.mdに書いておく。MCPで道具を足し、Skillsで手順を再利用——これが“ハーネス”。

🧱 開発の土台

• ・ターミナル＝文字で命令、エディタ（VS Code）＝コードを見る／直す場所。
• ・プログラムは表側（フロント）と裏側（バック）に分かれる。
• ・サーバー＝お願いに応える係、データベース＝情報の棚、URL／ドメイン＝住所、DNS＝電話帳。
• ・Git／GitHub＝セーブと履歴・ネット上の保管庫。公開リポジトリに秘密を置かない。
• ・Markdown＝記号でサッと整える書き方。CLAUDE.mdやREADMEで大活躍。

🌐 Web開発

• ・デザイン（UI/UX）は“見た目”より、迷わせない・そろえる・余白が大事。
• ・HTML（骨組み）＋CSS（見た目）＋JavaScript（動き）が土台。Node.jsで裏側もJSで書ける。
• ・Reactで部品化し、Next.jsで本格サイトに。
• ・ログイン（認証）は自分で作らず、Supabaseなどの認証サービスに任せる。データの門番RLSの確認も忘れずに。
• ・デプロイで世界に公開。Next.js＋Vercelなら、GitHubにつないでボタンを押すだけ。

💰 公開・マネタイズ

• ・リリースは企画→設計→開発→テスト→公開→改善の流れ。最初は審査のいらないWebアプリから。
• ・稼ぎ方はサブスク・フリーミアム・売り切り・広告など。まず1つに絞る。
• ・お金の受け取りは決済サービス（Stripe等）に任せる。カード情報は自分で持たない。
• ・価格はコスト・価値・相場で。お金まわりは正直に。
• ・公開後は集客：検索（SEO）・SNSシェア（OGP）・AI検索（GEO）の3つの入口を整える。

🛡️ これだけは守る「安全5か条」

1. 1鍵（APIキー・パスワード）を晒さない——.envに入れて、.gitignoreで公開から外す。
2. 2重要な事実は裏取りする——数字・固有名詞・法律・最新情報は鵜呑みにしない。
3. 3危険な操作（削除・公開・課金）は人が承認する——エージェントに丸投げしない。
4. 4個人情報・機密をAIや公開リポジトリに入れない。
5. 5データの門番（RLS・認可）を確認してから公開する——「全テーブルでRLSが有効か確認して」とAIに頼む。

🗺️ 卒業後の“最初の一歩”ロードマップ

学んだことは、作ってこそ身につきます。おすすめは、この順で少しずつ難易度を上げること。

1. 1自己紹介ページを公開——Next.jsで1ページ作り、Vercelで公開。まず「世界に出せた！」を体験。
2. 2好きなテーマのミニサイト——画像はAIで生成、OGPも設定してSNSでシェアしてみる。
3. 3“保存できる”アプリ——Supabaseでログイン＋メモ帳など。認証・データベース・RLSを実体験。
4. 4集客を整える——タイトル・説明文・サイトマップ・llms.txtで、検索とAIに見つけてもらう。
5. 5小さく売ってみる——投げ銭や買い切りを1つだけ。Stripeのテストモードから。

💬 そのまま使える“頼み方”テンプレ