ゼロ基礎でもフルスタック!Claude Codeが3時間でNext.jsを完成させる — ゼロから1つの完全なプロジェクト管理アプリを構築【オリジナル二言語字幕】



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

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

ゼロ基礎でもフルスタック!Claude Codeが3時間でNext.jsを完成させる — ゼロから1つの完全なプロジェクト管理アプリを構築【オリジナル二言語字幕】

\

内容アウトライン:

\

この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. おめでとう

教材・学習資料

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

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

関連コース