【AI駆動開発入門】Cursor × Bolt new × ClaudeでフルスタックWebアプリケーションを構築しよう
What you'll learn
- Xクローンを作りながらAI駆動開発に入門できる
- Cursorを使ったAI駆動開発が学べる(Next.jsベース)
- Claudeで要件定義・機能要件のやり方が分かる
- Webアプリ開発全体フローが理解できる
- Notionを使った要件定義書作成ができる
- Claudeを活用したディレクトリ設計ができる
- CursorのProject Rulesの設定方法が分かる
- Bolt newを使った高品質なUI構築ができる
- SupabaseとPrismaを合わせたデータベース構築ができる
- Clerkを使ったユーザー認証構築ができる
- Server Actionsを使った実装方法が分かる
- useActionStateの使い方等の最新のHooksが使える
- Githubの用意とブランチの分け方が分かる
- Supabase Storage Bucketを利用した画像アップロードができる
- Parallel RoutesとIntercepting Routesでモーダル実装ができる
- Vibe Condigのセキュリティリスクが分かる
- Vercelへデプロイする方法が分かる
Requirements
- HTML/CSS/JSの基礎が分かる
- React/Next.jsの基礎知識が分かる
- AIツールに課金ができる
Description
Vibe Cording(AI駆動開発)は昨今では、Web開発のスタンダードになりつつあります。そこで、本講座では最新のAIツール「Cursor」「Claude」「Bolt new」を駆使して上流～下流工程の全てをAIで開発していきます。現役エンジニアの方でも、非エンジニアの方でも、AIを使ったアプリ開発の全体フローが理解できる構成にしています。皆さんの頭の中のアイデアを形にしてみたいという方は、ぜひ本講座で学習してみてください。
■ 本コースの対象者
AIを使った開発(AI駆動開発)ができるようになりたい方
CursorやClaudeを使いこなせるようになりたい方
要件定義や詳細設計、DBまで含めたフルスタックアプリ開発がしたい方
Next.jsベースで爆速で開発してみたい方
これから個人開発でアイデアを形にしていこうと思っている方
モダンな技術スタックで開発してみたい方
■ 本コースを受講する際の注意点
Next.jsで開発経験があると、スッと頭に入ってくると思います。ただこれからNext.js AppRouterを学ぶ方でも理解できる内容です。
Reactの基礎知識(コンポーネント / JSX等)を前提に解説しています。
AIの波は止まりません。今の内に学んでおき、たくさんアプリ開発をすることで先行者利益を得ることができます。
これからはAIをベースにしたアプリ開発がスタンダードになります。本講座をきっかけに皆さんの個人サービスに活かされることを祈っております。
Who this course is for:
- AI駆動開発に興味がある方
- 非エンジニアからWebアプリ開発ができるようになりたい方
- 上流～下流工程でAIを使って開発したい方
- これから自社サービス/ツールを作っていきたい方
- Next.jsベースでアプリ開発していきたい方
- 頭の中にあるアイデアをWebアプリとして形にしたい方
Instructor
- 4.5 Instructor Rating
- 9,981 Reviews
- 37,668 Students
- 34 Courses
皆さんはじめまして。Shinと申します。
休みの日はプログラミングばかり触っているちょっと変わった人です。便利なアプリや好奇心をくすぐられるようなアプリを作るのが趣味です。
動画レクチャーは分かりやすいように作成するように心がけています。
どうぞよろしくお願いします。