← 横スワイプで他の実績を見る →
📚教育公開中
📷
読み込み中...
🎯主要機能
12ヶ月段階的カリキュラム
AI理解→環境構築→Webアプリ制作→SaaS構築→起業準備の5フェーズで、未経験者がAI開発者になるまでの明確なロードマップを提供。
統合決済・認証システム
Square決済で受講料の申込・管理を自動化。Supabase認証で受講者アカウントを管理し、決済完了と同時にコンテンツアクセスを開放。
メール通知自動化
Resend連携で申込確認・カリキュラム更新・課題リマインドを自動送信。受講者のエンゲージメントを維持。
🎨
Feature Image
⚙️技術的詳細
Next.js ISR
ISRでカリキュラム情報を定期更新。SEO最適化されたLPと動的な受講者ダッシュボードを両立。
Square Payments
一括払い・分割払いに対応した決済フロー。Square Checkout APIで安全かつスムーズな支払い体験を提供。
Supabase Auth/DB
受講者認証とカリキュラム進捗管理をSupabaseで実装。RLSで受講者ごとのデータアクセスを厳密に制御。
Resend Email
トランザクショナルメールをResend APIで配信。テンプレートベースで美しいメール通知を自動送信。
💼活用シーン
🌱
プログラミング未経験者
ゼロからAI開発を学びたい人向け。12ヶ月で実際に動くSaaSを作れるレベルまで成長。
🚀
エンジニアのスキルアップ
既存のプログラミングスキルにAI開発を上乗せ。最新のAI API活用法を実践的に習得。
💡
起業志望者
AI×SaaSで起業したい人向け。技術だけでなく、ビジネスモデル設計やマーケティングまでカバー。
📖ストーリーで見る
👥
お客様編
💻
開発編
👤担当領域
企画構成設計フルスタック開発
🛠️使用技術
Next.js 16TypeScriptTailwind CSS 4Gemini APISupabaseSquare APIResend
✨ハイライト
1
12ヶ月の段階的カリキュラムを視覚的に表示
2
Square決済連携による受講料決済
3
Supabase認証で受講者管理
4
Resend連携のメール通知機能
5
AI理解→環境構築→アプリ制作→SaaS→起業の段階的成長
😰課題・問題
- ✗AI開発の学習ロードマップが分かりにくい
- ✗スクール運営の申込・決済・管理が分散しやすい
- ✗プログラミング未経験者にとってAI開発のハードルが高い
💡解決策
- ✓12ヶ月のカリキュラムを段階的に可視化し学習パスを明確化
- ✓LP・決済・認証・通知を一つのシステムに統合
- ✓未経験からステップバイステップで成長できるカリキュラム設計
🎯成果・結果
🏆
スクール申込から受講開始までの導線を自動化
🏆
カリキュラムの魅力を直感的に伝えるLP構成を構築
🏆
決済→認証→通知の一気通貫システムで運営コストを最小化