作りながら、理解を育てる。
AIは道具として使い、自分の頭で読んで・確認して・修正する。
この繰り返しが、本物のスキルになります。
AI活用の3ステップ
01
AIで叩き台を作る
ChatGPTなどのAIにプロンプトを渡し、HTMLやCSSの骨格を生成する。まず「動くもの」を手に入れる。
02
人が読んで・確認する
AIが出力したコードを自分の目で読む。何をしているか、なぜこうなっているかを理解する。
03
修正して自分のものにする
意図通りでない部分を修正し、自分の成果物として完成させる。この繰り返しがスキルになる。
MVP 4週間カリキュラム
最初の4週間で「公開できる成果物」を目指します。
Week 1
環境構築・Web基礎
- •VS Code のインストールと設定
- •Git / GitHub の基本（バージョン管理の考え方）
- •HTML の基本構造を理解する
- •Zoom で環境確認・疑問解消
Week 2
AIと作る叩き台
- •ChatGPT にプロンプトを渡してHTML生成
- •生成されたコードを読んで理解する
- •セクションごとに意味を確認
- •Zoom でコードレビュー・疑問解消
Week 3
CSSでスタイリング
- •CSS の基本（色・サイズ・余白）
- •Flexbox / Grid でレイアウトを整える
- •レスポンシブデザインの考え方
- •Zoom でデザインレビュー
Week 4
Web公開・振り返り
- •GitHub Pages などで公開する
- •自分のURLを持つ（ポートフォリオ第一歩）
- •できたこと・次の目標を整理
- •Zoom で振り返りと次ステップ設計
毎週の過ごし方
🎥
Zoom 60分
毎週1回、個別で指導。録画を共有するので後から見直せます。
📝
自習（2〜3時間）
Zoom後の課題を自分で進める。詰まったらすぐ質問。
💬
テキスト質問
自習中に詰まったことを送れば、翌営業日に回答します。
使用ツール一覧
VS Codeコードエディタ（無料）
Git / GitHubバージョン管理（無料）
ChatGPTAI叩き台作成（無料プランあり）
Chrome動作確認用ブラウザ（無料）
Zoom指導・相談（無料プランあり）
※ すべて無料または無料プランあり。有料ツールへの誘導はしません。
よくある質問
全くの未経験でも大丈夫ですか？▼
はい。ゼロから始める方を前提にカリキュラムを設計しています。Week 1 で環境構築から一緒に行います。
AIを使うと本当の実力がつかないのでは？▼
AIが出力したコードを「読み・理解し・修正する」プロセスを重視しています。単にコピーするのではなく、理解してから使う力を育てます。
4週間で終わりですか？▼
MVPとして「4週間で公開できるものを作る」を目標にしています。その後も継続して学ぶことができます。
まず、話してみませんか。
決める必要はありません。合わなければそれで終わりです。
無料相談フォームへ