Web開発supabase初級
Next.js13とSupabaseでAI画像生成アプリ構築(OpenAI DALL・E)
Next.js13とSupabaseでAI画像生成アプリを構築していきます
OpenAIのDALL・Eモデルを使用して、画像を生成する方法を学びます。
OpenAIの画像生成 APIには、画像を操作する3つの機能があります。
・テキストプロンプトから画像を生成する
・画像を編集する
・画像のバリエーションを作成する
今回は、テキストプロンプトを入力すると画像が生成されるアプリを構築します。
これから画像生成の精度があがることを期待して、AI画像生成アプリを作ってみましょう。
学習内容
- Supabaseデータベース構築
- Supabaseストレージ構築
- Supabase SQL Editorでの構築
- OpenAIの画像生成APIの使い方
- Next.js13でデータ取得と作成
機能
- テキストから画像生成
- 画像保存
- 画像投稿
- 投稿画像一覧
この講座のステップ
- STEP 1Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
- STEP 2Next.js13とSupabaseでAI画像生成アプリ構築(OpenAI DALL・E)
- STEP 3Next.js13とSupabaseでAIチャットアプリ構築(GPT-3)
- STEP 4Next.js13とSupabaseで構築したブログにコメント機能追加
- STEP 5Next.js13とSupabaseのブログ完全版
- STEP 6Next.js13とSupabaseで音声認識AIチャットアプリ構築(ChatGPT、Whisper)
- STEP 7Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリ構築
- STEP 8Next.js13とSupabaseで知識データベースQ&Aアプリ構築(Embedding)
- STEP 9全てがここに!Next.jsとSupabaseで構築する認証システム
- STEP 10Next.jsとSupabase、Stripeで構築するサブスクメンバーシップ機能
- STEP 11【リメイク版】最新のNext.jsとSupabaseで認証ブログを作ろう