harusoft.netWeb開発supabase中級
Next.js13とSupabaseで音声認識AIチャットアプリ構築(ChatGPT、Whisper)
Next.js13とSupabaseで音声認識AIチャットアプリを構築していきます。
前回作成したAIチャットアプリに音声認識機能を追加します。
マイクから音声を録音してOpenAIのWhisperで音声認識をします。
Whisperは日本語でもかなり精度がよく認識してくれます。
音声変換したテキストをChatGPTに送信することでAIと会話することができるようになります。
最新技術のChatGPTとWhisperを利用して、AIチャットアプリを作ってみましょう。
ぜひ参考にしてください。
学習内容
- マイクから音声を録音する方法
- 録音した音声をWhisperで文字起こしする方法
- ChatGPTを使用する方法
機能
- AIチャット
- 投稿取得
- 投稿保存
- 投稿更新
- 音声認識
この講座のステップ
- 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で認証ブログを作ろう