
内容アウトライン:
\このClaude Code講座は、ゼロから1つの完全なプロジェクト管理アプリを構築します。実際の開発者が実際に使うツール — Supabase、Stripe、Resend、Vercel — を使用し、コア開発作業はClaude Codeが担います。
\これは26講座・初心者向けの動画講座(3時間34分)で、Claude Codeでフルスタックアプリを構築する方法を教えます。構築するアプリはプロジェクト管理ツールで、Webとモバイルの両方で動作するカンバンダッシュボードを備えます。
\講座はアプリ開発の八大核心領域をカバーします:設計、認証、ユーザー体験、データベース、決済、メール、AI連携、デプロイ。Supabaseで認証とデータベースストレージを設定し、Resendでトランザクションメールを接続し、Stripeで決済処理を追加し、AI SDKでAI機能を統合し、最後に完成したアプリをVercelにデプロイして実際の顧客向けに公開します。
\学べる内容:
\– Supabaseで認証・imjmj.comデータベースストレージ・エッジ関数を設定する方法
\– Stripe決済処理とResendトランザクションメールを設定する方法
\– Webとモバイルで動作する協働型カンバンダッシュボードを構築する方法
\– AI SDKを使ってアプリにAI機能を統合する方法
\– Vercelで完成したアプリを実顧客向けにデプロイする方法
\講座言語:バイリンガル字幕 / 中・英
\ドキュメント言語:英語 / 各自でAI翻訳してください
\安全スキャン:ウイルス・プラグインなし / クラウドスキャン Virustotal Virscan
\教育機関:出海王 / IMJMJ.COM
\ファイルサイズ:2GB
\ファイル形式:動画 / ドキュメント / 図文
\圧縮ソフト:7ZIP
\動画再生:PerfectDecode / potplayer / QQ影音
\講座目録【注意:資料のタイトルは原文の英語ドキュメントで、まだ翻訳されていません。各自でAI翻訳してください】
\│└─Claude CodeでフルスタックNext.jsアプリを構築
\│├─第1節(1)
\││1. はじめに
\││2. ヘルプの取得方法
\││3. ツールとサービス
\││4. ローカル開発ツールのインストール
\││
\│├─第2節(1)
\││1. Next.jsアプリの作成
\││2. Cursor概要
\││3. Claude Code imjmj.com インストール
\││4. Claude Codeの設定とセットアップ
\││5. GitとGitHubによるバージョン管理
\││6. スキルのインストール
\││
\│├─第3節(1)
\││1. プロダクト開発者としての資質
\││2. PRDとplan.mdの作成
\││3. ローカルSupabaseとマイルストーン1
\││
\│├─第4節(1) imjmj.com
\││1. 認証とオンボーディング
\││2. ダッシュボード設計 プロジェクトデータ
\││3. カンバン機能
\││4. ユーザーテストと反復
\││5. ユーザーとチーム設定
\││6. メール用Resendの設定
\││
\│├─第5節(1)
\││1. Stripe設定 – パート1
\││2. Stripe設定 – パート2
\││3. 決済のテスト
\││4. Stripeカスタマーポータル
\││
\│├─第6節(1)
\││1. AI-SDK概要
\││2. ランディングページ設計
\││
\│└─第7節(1)
\│1. Supabaseリモートプロジェクトの作成
\│2. Vercelへのデプロイ
\│3. ライブStripe Webhook
\│4. ライブユーザーテスト
\│5. おめでとう
このコースには資料パックが付属します。会員は申請後、メールでアクセスリンクを受け取ります。