01|制作物と学び
YouTube風サイトを作る過程で学ぶこと
見本の画面を見ながら、必要な部分を言葉で伝え、AIと一緒にWebサイトを作ります。
作る 01
見本を再現した動画サイト
学ぶ画面を部品に分け、AIへ具体的に指示する方法
作る 02
動画一覧と詳細がつながる画面
学ぶデータを受け渡し、内容を画面へ表示する仕組み
作る 03
スマホでも使える公開サイト
学ぶ表示崩れやエラーを見つけ、AIと修正する手順

02|この制作で身につくこと
YouTube風サイトを作りながら身につく実践スキル
POINT 01
CLAUDE.mdで画面設計をAIへ伝える
必要なページ、画面の部品、色や表示条件を設計書へ整理し、Claude Codeが迷わず制作できる指示の土台を作ります。
POINT 02
GitHubで制作物と変更履歴を管理
リポジトリを作り、制作物をpushして保存。clone・pullで取り出す方法と、変更履歴の確認方法を身につけます。
POINT 03
スマホ表示と例外画面まで仕上げる
PC・タブレット・375px幅で表示を確認し、データ0件・読込中・エラー発生時にも迷わない画面を作ります。










料金目安
期間・スケジュール
受講形式
受講人数
サポート体制