作りながら、理解を育てる。
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 バージョン管理（無料）
ChatGPT AI叩き台作成（無料プランあり）
Chrome 動作確認用ブラウザ（無料）
Zoom 指導・相談（無料プランあり）
※ すべて無料または無料プランあり。有料ツールへの誘導はしません。
よくある質問
全くの未経験でも大丈夫ですか？ ▼
はい。ゼロから始める方を前提にカリキュラムを設計しています。Week 1 で環境構築から一緒に行います。
AIを使うと本当の実力がつかないのでは？ ▼
AIが出力したコードを「読み・理解し・修正する」プロセスを重視しています。単にコピーするのではなく、理解してから使う力を育てます。
4週間で終わりですか？ ▼
MVPとして「4週間で公開できるものを作る」を目標にしています。その後も継続して学ぶことができます。
まず、話してみませんか。
決める必要はありません。合わなければそれで終わりです。
無料相談フォームへ