実践AI SaaS フルスタック開発:ビデオチャットアプリを作る
antonio
リアルタイムAIエージェント、会議内容の要約、そして通話後機能を備えたAIベースのビデオ会議アプリケーションを作ります。
Basic
React, Next.js, TailwindCSS
この24時間のチュートリアルでは、自分だけのYouTubeクローンを作る方法を学びます。Next 15とReact 19(tRPCを含む)、サーバーコンポーネントでのプリフェッチ、クライアントコンポーネントでのサスペンス活用、ビデオ処理、バックグラウンドジョブ、AI機能など、高度なトピックを扱います。
受講生 584名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
ㄱㅇ
「クローンコーディング」と言うには機能が本当に多様で、各技術をなぜ使うのかの説明もよくされているので、設計感覚まで身につくと思います。 YouTubeクローンコーディングの中でもAI活用、様々なスタックを多様に活用してみることができる講義なので、個人的には意味があると思います!
5.0
김용민
YouTubeでしか触れることのできなかった講義を、Inflearnを通して韓国語翻訳で聞くと、また違った感覚でとても新しく感じました。おかげで理解度もさらに高まった気がします! 今後は、Next.js一つでフロントとサーバーの両方を処理する方式だけでなく、NestJS、Express、Honoのようなサーバーフレームワークと共にモノレポ環境を構築して進める講義も制作計画があるか気になります!
5.0
미묘한채널
講義を楽しく聞いています
YouTubeのような動画プラットフォームを自分で設計・構築する経験
Next.js 15 (App Router) と TypeScript、tRPC を基盤とした最新のフルスタックフレームワークや React 19 を活用した現代的なフルスタックWeb開発技術の習得
PostgreSQL + Drizzle ORM を活用した型安全なデータベース管理技術習得
Bunランタイムを活用した、高速で効率的なサーバーサイド環境構築経験
Clerk認証システムに基づいたユーザー認証および安定性確保方法の学習
AI自動化機能と非同期処理設計により、実践レベルのサービス機能を実現
無限スクロールとデータフロー最適化による実践パフォーマンス改善
学習対象は
誰でしょう?
最新のウェブ開発トレンドを学んで、実際のプロジェクトに適用したいエンジニア
Next.js 15, React 19, tRPC に基づいたモダンアプリ設計を経験したいエンジニア
YouTubeクローンプロジェクトを自分で完成させてみたい開発者
ポートフォリオを強化したいジュニア開発者
前提知識、
必要でしょうか?
JavaScriptとReactに関する基本知識
641
受講生
17
受講レビュー
4
回答
4.0
講座評価
2
講座
こんにちは、ソフトウェアエンジニアのAntonioです。7年以上の開発経験があり、プログラミングの世界に魅了され、この分野で働けることを大きな幸運だと感じています。
これまで様々なプログラミング言語や技術を扱う経験を通じて、開発者として大きな成長を遂げることができました。これまでに培った知識や経験も大切ですが、私は今もなお学び、成長することに対して強い情熱を持っています。
このような経験と情熱を糧に、プログラミングへの愛を分かち合い、共に学び成長するために「Code With Antonio」というYouTubeチャンネルと学習プラットフォームを運営しています。私が制作したチュートリアルやインサイトが多くの方々の役に立ち、プログラミングコミュニティにポジティブな貢献ができることを願っています。
作成したチュートリアルやインサイトが多くの方々の役に立ち、プログラミングコミュニティにポジティブな貢献ができることを願っています。 📺 YouTube 📚 学習プラットフォーム
全体
40件 ∙ (23時間 41分)
講座資料(こうぎしりょう):
1. イントロ&デモ
04:11
3. プロジェクト初期設定
25:04
4. 基本レイアウト構成
59:37
5. ユーザー認証システム
24:45
6. データベース構築
21:12
7. ウェブフック同期
29:57
8. TRPC 設定
45:44
9. TRPC 環境構築
25:49
10. ビデオカテゴリ管理
51:25
全体
16件
3.9
16件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
修正済み
5
「クローンコーディング」と言うには機能が本当に多様で、各技術をなぜ使うのかの説明もよくされているので、設計感覚まで身につくと思います。 YouTubeクローンコーディングの中でもAI活用、様々なスタックを多様に活用してみることができる講義なので、個人的には意味があると思います!
丁寧なレビュー、本当にありがとうございます! 特にアーキテクチャやAI活用に関する説明が、お役に立ち、有意義だと感じていただけたようで、大変嬉しく思います。 今後も様々なスタックを探求される際に、このコースが引き続きインスピレーションとなれば幸いです🙏
受講レビュー 8
∙
平均評価 5.0
修正済み
5
YouTubeでしか触れることのできなかった講義を、Inflearnを通して韓国語翻訳で聞くと、また違った感覚でとても新しく感じました。おかげで理解度もさらに高まった気がします! 今後は、Next.js一つでフロントとサーバーの両方を処理する方式だけでなく、NestJS、Express、Honoのようなサーバーフレームワークと共にモノレポ環境を構築して進める講義も制作計画があるか気になります!
丁寧なフィードバック、本当にありがとうございます!韓国語に翻訳された講義が、より深い理解に繋がったと伺い、大変嬉しく思っております。 ご提案いただいた内容についても感謝いたします。monorepo環境や、NestJS、Express、Honoといったフレームワークを扱う講義は、大変興味深いアイデアだと感じました。今後のコンテンツ作成の際に、必ず参考にさせていただきます。
受講レビュー 4
∙
平均評価 5.0
受講レビュー 5
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 4.0
¥6,799
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!