目指せクイズ王!Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT、FunctionCalling)
Next.jsとPrismaでAIクイズアプリを構築していきます。 NextAuthでGoogle認証を実装し、ChatGPTを使用して4択クイズを自動生成します。 クイズのテーマや難易度、言語、問題数も選べるようにしました。 FunctionCallingで確実にクイズを生成する方法も解説します。 データーベースはPostgreSQLを使用し、UIはshadcnを使用しています。 ChatGPTを使用したAIクイズアプリの構築に興味がある方は、ぜひ参考にしてください。
Chapters
はじめに
Next.js準備
shadcn/ui
App Router
専用画面
PostgreSQL
Prisma
NextAuth
ナビゲーション
ログイン
Google認証
新規クイズ作成
クイズ生成API
クイズ問題画面
答え合わせAPI
クイズ終了API
クイズ結果
クイズ一覧
おわりに
Author
フルスタックでの開発が得意で、YouTubeでゼロから開発するフルスタックのプログラミングチュートリアルを発信中です。 youtube.com/@fullstackchannel 最近は、オープンソースのLLM、RAG、Dify、SBV2、Fluxなど、生成AIの研究に取り組んでいます。
Topics
- 公開
- 本文更新
- 文章量
- 約73,881字
- 価格
- 1,500円