基礎編
ゼロからWebアプリ公開まで
まずはここから。第1章→第6章の順に進めましょう
第1章・全6レッスン
第2章・全5レッスン
第3章・全6レッスン
第4章・全6レッスン
第5章・全5レッスン
第6章・全6レッスン
ITの基礎知識
コンピュータ、インターネット、Webの仕組み、ファイルとフォルダ、ターミナルの基本。開発の土台になる「ITの地図」を手に入れます。
AIの基礎知識
生成AIの仕組み、得意と不得意、プロンプトの基本。AIと上手に協働するための前提知識を身につけます。
Claude Codeをはじめる
インストールから初回起動、基本操作、CLAUDE.mdの設定まで。実際に手を動かしてClaude Codeデビューします。
Claude Codeを使いこなす
良い指示の出し方、計画→実装→確認のループ、Gitによるバージョン管理、エラー対応。開発を前に進める実践スキルを磨きます。
Webアプリ開発の基礎
Webアプリの構成、HTML/CSS/JavaScriptの役割、データ保存の仕組み。AIの書いたコードを「読める」ようになります。
実践：ひとりでWebアプリを作る
要件定義からToDoアプリ制作、デザイン調整、テスト、そして公開まで。基礎編の総仕上げハンズオンです。
応用編
「作れる」から「使われる」へ
基礎編修了者向け。興味のある章から自由に進めてOK
第7章・全7レッスン
第8章・全5レッスン
第9章・全4レッスン
第10章・全6レッスン
第11章・全5レッスン
第12章・全4レッスン
バックエンド入門
Supabaseを使って、ログイン機能とデータ共有のあるアプリへ進化させます。データベースとセキュリティの基本も学びます。
外部APIの活用
天気・AIなどの外部サービスをアプリに組み込みます。APIの仕組みからAPIキーの安全な管理まで。
デザイン基礎
デザイン4原則、配色、タイポグラフィ、UIパターン。AIへのデザイン指示の質を一段引き上げます。
実践プロジェクト集
タイマー、診断アプリ、家計簿、ミニゲーム、予約フォーム。難易度順の制作課題で経験値を積み上げます。
公開後の運用
独自ドメイン、アクセス解析、SEO、フィードバック収集。公開したアプリを「育てる」技術です。
収益化と発信
個人開発の収益モデル、ポートフォリオ作り、SNS発信。開発を続けるための「外とのつながり」を作ります。
📖 このサイトの使い方
基礎編は第1章から順に、応用編は基礎編修了後に興味のある章から進めてください。各レッスン末尾の「完了にする」ボタンで進捗が記録されます（このブラウザ内に保存）。各章末には理解度チェックのクイズ、コマンドやプロンプト例にはコピーボタンが付いています。