STEP 02-3

チャットボットの作り方

STEP 2-2で作った美容院HPに埋め込む、予約受付・FAQ自動応答チャットボットを実演で完成させます。HP × チャットボットの組み合わせで、1案件として完結します。

📺 Video / 約 45 min 🎯 STEP 2 実践編 / 3 of 3

// このレッスンで作るもの

美容院HPに埋め込む予約受付・FAQチャットボット

STEP 2-2で作った美容院HPに埋め込む「予約受付＋FAQ自動応答」チャットボットを、Claude Codeとの対話で完成させます。施術メニュー・営業時間・予約方法・スタッフ紹介などを自動で答える設計。このデモでは、HPに埋め込んでローカルで会話できる状態まで作ります。APIキー設定・本番デプロイは、Claude Codeに「次にやることは？」と聞いて1つずつこなしていくだけです。HP × チャットボットの組み合わせで、1つの美容院案件が完成します。みなさんぜひここまでやってみてください。

この講義で学ぶこと

チャットボットの基本構造（プロンプト＋応答ルール）
Claude API を使った簡易BOTの作り方
業種別の応用例（美容院・飲食店・整骨院・通販）
HPへの埋め込み方
運用コスト（API費用）の見積もり方

進め方

動画を視聴（約45分）
架空のクライアントを想定して1つBOTを作る（実戦課題）
HPに埋め込んで動作確認
URLをメールで提出（フィードバックします）

チャットボットの作り方

この講義で学ぶこと

進め方

関連リソース

業種別 BOT プロンプト集

作ったBOTを提出する