Authenticating...
← STEP 2 実践編に戻る
STEP 02-2

HPの作り方

STEP 2-1のリサーチで集めた美容院の情報を元に、Claude Codeでゼロから1ページのHPを完成させるまで。実演しながら、案件にすぐ使える型を身につけます。

📺 Video / 約 60 min 🎯 STEP 2 実践編 / 2 of 3
// このレッスンで作るもの
美容院向け集客のためのホームページ
予約導線・施術メニュー・お客様の声・店舗情報を含む1ページ完結のLP型ホームページを、Claude Codeとの対話で完成させます。このデモでは、HPがローカル環境で動作確認できる状態まで作ります。次のSTEP 2-3では、このHPに埋め込む予約受付＋FAQチャットボットも作るので、HP × ボットで1案件として完結します。ドメイン取得・公開作業は、Claude Codeに「次にやることは？」と聞いて1つずつこなしていくだけです。みなさんぜひここまでやってみてください。

この講義で学ぶこと

進め方

  1. 動画を視聴（約60分）
  2. 動画と同じ手順で自分のHPを1つ作る（実戦課題）
  3. NetlifyにデプロイしてURLを発行
  4. 作ったURLをメールで提出（フィードバックします）

関連リソース

// テンプレ

Claude Code 指示文テンプレ

動画で使ったHP制作用の指示文をコピー可能な形でまとめました。

準備中
// 実戦課題提出

作ったHPを提出する

あなたが作ったHPのURLをメールで提出してください。ボブからフィードバックを返します。

提出メールを送る →