Next.js13とSupabaseでAI画像生成アプリ構築(OpenAI DALL・E)

Web開発
supabase
初級
Next.js13とSupabaseでAI画像生成アプリを構築していきます OpenAIのDALL・Eモデルを使用して、画像を生成する方法を学びます。 OpenAIの画像生成 APIには、画像を操作する3つの機能があります。 ・テキストプロンプトから画像を生成する ・画像を編集する ・画像のバリエーションを作成する 今回は、テキストプロンプトを入力すると画像が生成されるアプリを構築します。 これから画像生成の精度があがることを期待して、AI画像生成アプリを作ってみましょう。

学習内容

・Supabaseデータベース構築 ・Supabaseストレージ構築 ・Supabase SQL Editorでの構築 ・OpenAIの画像生成APIの使い方 ・Next.js13でデータ取得と作成

機能

・テキストから画像生成 ・画像保存 ・画像投稿 ・投稿画像一覧

解説動画

YouTubeで解説をしています。
https://youtu.be/G6zKGx5s8gI

解説記事

ステップ

ステップ1
Web開発
supabase
初級
Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
ステップ2
Web開発
supabase
初級
Next.js13とSupabaseでAI画像生成アプリ構築(OpenAI DALL・E)
ステップ3
Web開発
supabase
初級
Next.js13とSupabaseでAIチャットアプリ構築(GPT-3)
ステップ4
Web開発
supabase
初級
Next.js13とSupabaseで構築したブログにコメント機能追加
ステップ5
Web開発
supabase
初級
Next.js13とSupabaseのブログ完全版
ステップ6
Web開発
supabase
中級
Next.js13とSupabaseで音声認識AIチャットアプリ構築(ChatGPT、Whisper)
ステップ7
Web開発
supabase
中級
Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリ構築
ステップ8
Web開発
supabase
上級
Next.js13とSupabaseで知識データベースQ&Aアプリ構築(Embedding)
ステップ9
Web開発
supabase
初級
全てがここに!Next.jsとSupabaseで構築する認証システム
ステップ10
Web開発
supabase
中級
Next.jsとSupabase、Stripeで構築するサブスクメンバーシップ機能
ステップ11
Web開発
supabase
初級
【リメイク版】最新のNext.jsとSupabaseで認証ブログを作ろう