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

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














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