ゼロ基礎でもフルスタック!Claude Codeが3時間でNext.jsプロジェクト管理アプリを完成(Supabase、Stripe、公開可能)【オリジナルバイリンガル字幕】



📚動画コース
🕒最終更新: 2026/10/11
🎯Featured
👥起業家 / SNSクリエイター / 越境EC事業者 / 副業に取り組む方

会員向け参考学習資料
会員登録でコースを解放
🔓
会員登録でこのコースを参考学習として利用できます
📦
会員登録で全 16741 コースとソフトウェアツールを参考学習
🔄
コースは随時更新 — 会員は新しい教材をすぐに参考学習できます
シェア:

ゼロ基礎でもフルスタック!Claude Codeが3時間でNext.jsプロジェクト管理アプリを完成(Supabase、Stripe、公開可能)【オリジナルバイリンガル字幕】

\

ゼロ基礎でもフルスタック!Claude Codeが3時間でNext.jsプロジェクト管理アプリを完成(Supabase、Stripe、公開可能)【オリジナルバイリンガル字幕】

\

内容アウトライン:

\

この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
ファイル形式:動画 / ドキュメント / 画像・テキスト
圧縮ソフト:7ZIP
動画再生:Perfect Decode / 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. おめでとう

教材・学習資料

このコースには資料パックが付属します。会員は申請後、メールでアクセスリンクを受け取ります。

会員登録してコースを解除すると、付属資料のアクセスリンクを表示できます。

関連コース