フルスタックチャンネル
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel

Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリ構築

Web開発supabase中級
Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリを構築します。 音声、動画ファイルを読み込むと、自動的に要約が作成されます。 文字起こしにはOpenAIのWhisper、要約にはChatGPTを使用しています。 ChatGPTのpromptを少し変更すると、会議の議事録にも対応できます。 最新技術のChatGPTとWhisperを利用して、自動要約アプリを作ってみましょう。

学習内容

・ファイルのアップロード方法 ・FFmpegを使用してファイルの変換方法

機能

・動画、音声ファイルのアップロード ・FFmpegでファイルをMP3ファイルに変換 ・Whisperで音声を文字起こし ・ChatGPTでテキストを要約

解説動画

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

解説記事

Zennで解説をしてます。
https://zenn.dev/hathle/articles/nextjs-supabase-summary
Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリ構築

ステップ

ステップ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で認証ブログを作ろう