
Next.jsとyolov11で火災検知システム構築
ludgi
¥1,413
初級 / Next.js, yolo, Python, FastAPI, React
3.8
(6)
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 概念 (バックエンドとのデータ通信理解)
651
受講生
30
受講レビュー
8
回答
3.8
講座評価
9
講座
こんにちは、株式会社ラッジの代表です。
私はスタートアップ、金融業界、公共機関など、さまざまな分野でプロジェクトを進行し、
開発だけでなく、サービスを自ら運営する経験を積んできました。
この過程でチームメンバーやフリーランスの方々と協業し、問題を解決してプロジェクトを完成させる能力を養いました。
特に、単に開発者としての役割を超えて、自身のサービスを運営したいという夢をお持ちの方々に、より多くの力添えができると考えております。
完成の喜びと達成感を共に分かち合いながら、成長していけることを楽しみにしています。ありがとうございました。
全体
47件 ∙ (7時間 3分)
講座資料(こうぎしりょう):
全体
5件
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
¥5,299

