
Next.jsとyolov11で火災検知システム構築
ludgi
Next.js, YOLOv11, FastAPIを活用してリアルタイム火災検知システムを構築する方法を学びます。
초급
Next.js, yolo, Python
v0、cursor AIおよび各種LLMと共に、PRDからAI商品推薦まで!実戦プロジェクトでNext.jsショッピングモールを完成させましょう
Next.jsベース ショッピングモール開発
v0を活用したPRD作成及び開発自動化
PostgreSQL + PrismaでDB設計
AI商品推薦システム構築 (エンべディング活用)
トスぺイメンツ 決済システム連携
Next.jsを用いた管理者ページ実装
DockerとNginxを活用したプロジェクト展開
VPNとポートフォワーディングを活用したローカルデプロイ基礎
このレッスンでは、ChatGPTと各種LLMを活用してPRD(製品要件文書)を自動生成し、v0を使用してデザインとプロジェクトドラフトを構成し、 nextjsとPrisma、PostgreSQLを使用してショッピングモールを構築する実践開発プロセスを学びます。
さらに、 AI埋め込みを活用した商品推薦システムの実装、 Dockerベースの環境設定、 VPNを活用したローカル展開方法まで経験することができ、単純なウェブサイト制作を超え、AIと最新のWeb技術を適用した実務級プロジェクト開発を目指します。
セクション(2)PRDの作成 - AIと一緒に必要な要件を定義する
📌ChatGPTを活用して製品要件文書(PRD)を自動生成および修正する方法を学びます。
セクション (3) データベース設計 – PostgreSQL + Prisma
📌ChatGPTを活用して製品要件文書(PRD)を自動生成および修正する方法を学びます。
セクション(4)V0プロジェクト - 初期プロトタイプの作成
📌 v0を活用してプロジェクトデザインを構築し、Next.jsに基づいて初期プロトタイプをすばやく構築する方法を学びます。
セクション(5)ログインとログアウト
📌会員登録、ログイン、ログアウト機能を実装し、ユーザーエクスペリエンスを向上させるためにSonnerを活用した通知システムを適用します。
セクション(6) Presigned URL
📌 Presigned URLを活用してファイルを安全にアップロードし、S3などのストレージサービスと連携する方法を学びます。
セクション(7)商品データの一括アップロード
📌 Presigned URLとChatGPT埋め込みを活用して商品データを効果的にアップロードし、DBスキーマを拡張する方法を学びます。
セクション(8)MVPプロジェクト - ショッピングモール基本機能の開発
📌商品リスト、詳細ページ、人気商品、新商品、インフィニットスクロールなどショッピングモールの中核機能を実装します。
セクション(9) 管理者ページ機能の実装
📌 Next.js Middlewareを利用したアクセス制御、商品登録、AI埋め込み機能などの管理ページを構築します。
セクション(10)プロジェクトの展開
📌 VPNとNginxを利用したローカルサーバーの展開、ポート転送設定、SSLの適用など、実用的な展開戦略をカバーします
オペレーティングシステムとバージョン(OS): Windows、macOS、Linux(Ubuntuを含む)で実践可能
使用ツール:
Next.js開発のためのNode.js(最新のLTSバージョンを推奨)
データベース管理のためのPostgreSQLとPrisma
プロジェクトの展開と運用のためのDocker&Nginx
AI 埋め込みと自動化のためのChatGPT API
PC仕様:
最小8 GB RAM 、推奨16 GB以上
CPU:4コア以上(開発とDockerコンテナの実行を考慮)
ストレージ: SSD推奨(データベースとプロジェクトのビルド速度の最適化)
GPU(オプション): AIエンベディング機能をローカルで実行するにはNVIDIA GPUとCUDAのサポートが必要
提供方法:
✅講義プラットフォームの学習資料アップロード機能を通じて提供
✅必要に応じてGitHubリンクを追加する(コードと実践資料)
含まれる材料:
✅ GitHubソースコード– プロジェクトコードとサンプル例を提供する
✅ Docker設定ファイル- 開発および展開環境の構成例
✅追加参考資料へのリンク– 公式文書と関連ブログ
必要な選手の知識:
✅ JavaScriptと基本的なTypeScript文法(Next.js開発のため)
✅Next.js基本概念(ページルーティング、APIルートなど)
✅ SQLとデータベースの基礎(PostgreSQLとPrismaを使用)
✅ RESTful API コンセプト(データ通信について)
学習対象は
誰でしょう?
Next.jsとAIを活用したショッピングモール開発に興味がある人
ChatGPTを活用した実戦プロジェクトを経験したい開発者
AIを活用した商品推薦システムを構築したい人
PostgreSQLとPrismaを活用したDB設計を学びたい人
ローカル環境でVPNを活用したデプロイ方法を習得したい人
ChatGPTを活用してPRD(製品要件定義書)を作成したい開発者
v0を利用して素早くプロジェクトの草案を作ってみたい人
前提知識、
必要でしょうか?
JavaScript および 基本的な TypeScript 文法
基本的な Next.js 概念 (ページルーティング、API Routes など)
SQL および データベースの基礎 (PostgreSQLとPrismaを使用)
RESTful API または GraphQL 概念 (バックエンドとのデータ通信理解)
541
受講生
24
受講レビュー
8
回答
4.1
講座評価
8
講座
안녕하세요, 주식회사 럿지의 대표입니다.
저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,
개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.
이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.
특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.
완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.
全体
47件 ∙ (7時間 3分)
講座資料(こうぎしりょう):
全体
4件
期間限定セール、あと14:13:49日で終了
¥1,536
25%
¥2,048
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!