![Next.js 13とSupabaseでAI画像生成アプリ構築](https://res.cloudinary.com/zenn/image/fetch/s--F_GzymsW--/c_fill%2Cf_jpg%2Cfl_progressive%2Ch_700%2Cq_90%2Cw_500/https://storage.googleapis.com/zenn-user-upload/book_cover/361583ecb9.png)
Next.js 13とSupabaseでAI画像生成アプリ構築
Next.js 13とSupabaseでAI画像生成アプリを構築していきます。 OpenAIのDALL・Eモデルを使用して、画像を生成する方法を学びます。 テキストプロンプトから画像を生成していきます。 AIを利用したアプリを作ってみましょう。
Chapters
はじめに
Supabaseアカウント
SQL Editor
Next.js準備
App Directory
App Directory専用画面
Supabase連携
サーバー側クライアント作成
Supabaseクライアント作成
レイアウト修正
OpenAI APIキー取得
API作成
画像生成画面
投稿画像リスト画面
おわりに
Author
フルスタックでの開発が得意で、YouTubeでゼロから開発するフルスタックのプログラミングチュートリアルを発信中です。 youtube.com/@fullstackchannel 最近は、Blender、Three.jsでインタラクティブなWebサイト、ゲームを作っています。
Topics
- 公開
- 本文更新
- 文章量
- 約26,966字
- 価格
- 900円