Next.jsとAI技術を使用したアプリ構築の講座紹介(ChatGPT、DALLE、Whisper、Embedding、LangChain)
YouTube でゼロから開発できるプログラミングチュートリアルを発信中の「はる」と申します。
最近は、Next.js と Supabase、OpenAI の ChatGPT、DALLE、Whisper、Embedding を使用したアプリの講座を作成しています。
講座が揃ってきましたので、ご紹介していきます。
基礎
Next.js と Supabase を使用してブログを構築する講座です。
Next.js13 新機能の App Directory と Supabase でブログ構築
サインアップ、ログイン、ログアウトの認証機能とブログを取得、追加、編集、削除のアプリの基本を学習することができます。
講座
解説記事
完成イメージ
Next.js13 と Supabase で構築したブログにコメント機能追加
ブログにコメント機能を追加していきます。
ブログにコメントとコメントに「いいね」をすることができるようになります。
講座
解説記事
完成イメージ
Next.js13 と Supabase のブログ完全版
ブログに、ページネーション、コメント編集、削除機能を追加した、ブラッシュアップしています。
講座
解説記事
完成イメージ
画像生成
Next.js13 と Supabase で AI 画像生成アプリ構築
Next.js と Supabase、DALL・E を使用して、AI 画像生成アプリを構築する講座です。
DALL・E の使い方が気になっている方は、ぜひ参考にしてください。
講座
解説記事
完成イメージ
最強 AI 画像生成アプリ！Next.js と Stable Diffusion で画像生成アプリを作ろう
Next.js と FastAPI で「Stable Diffusion」を使用した画像生成アプリを構築する講座です。
Stable Diffusion が気になっている方は、ぜひ参考にしてください。
講座
解説記事
完成イメージ
3D で絵画を楽しむ！Next.js と Three.js で作る AI アートギャラリー
Next.js と Three.js、DALL・E で AI アートギャラリーを構築する講座です。
Three.js が気になっている方は、ぜひ参考にしてください。
講座
解説記事
完成イメージ
ChatGPT
Next.js13 と Supabase で AI チャットアプリ(GPT-3)構築
Next.js と Supabase、GPT-3 を使用して、AI チャットアプリを構築する講座です。
講座では GPT-3 を使用していますが、ChatGPT、GPT-4 に簡単に変更できます。
ChatGPT の使い方が気になっている方は、ぜひ参考にしてください。
講座
解説記事
完成イメージ
目標設定！Next.js と LangChain で自動タスク生成アプリを作ろう
Next.js と LangChain で自動タスク生成アプリを構築する講座です。
ユーザーが目的を入力すると、全自動で目的を達成するためのタスクリストを作成して、順番に回答をしていきます。
LangChain が気になっている方はぜひ参考にしてください。
講座
解説記事
完成イメージ
ChatGPT と VOICEVOX を組み合わせて音声チャットアプリを構築！あなたの選んだキャラが読み上げます！
Next.js と ChatGPT、VOICEVOX を使用した音声チャットアプリを構築する講座です。
ChatGPT に質問した回答を、選択したキャラクターが読み上げます。
VOICEVOX を使用したアプリを作成したい方はぜひ参考にしてください。
講座
解説記事
完成イメージ
音声認識
Next.js13 と Supabase で音声認識 AI チャットアプリ(ChatGPT、Whisper)構築
Next.js と Supabase、Whisper を使用して、音声認識 AI チャットアプリを構築する講座です。
Whisper の使い方が気になっている方は、ぜひ参考にしてください。
講座
解説記事
完成イメージ
Next.js13 と Supabase、ChatGPT、Whisper で自動要約アプリ構築
Next.js13 と Supabase、ChatGPT、Whisper で自動要約アプリを構築する講座です。
音声変換に FFmpeg を使用しています。
講座
解説記事
完成イメージ
文章検索
Next.js13 と Supabase で知識データベース Q&A アプリ構築(Embedding)
Next.js と Supabase、Embedding を使用して、知識データベース Q&A アプリを構築する講座です。
Embedding の使い方が気になっている方は、ぜひ参考にしてください。
講座
解説記事
完成イメージ
ソースコード
LINE 登録すると全ての講座のソースコードがダウンロードできます。
新着の講座がいち早く届きますので、ぜひ登録をお願いします。
LINE お友達登録
フルスタックチャンネル
講座の不明点や個人開発の疑問点など何でもご質問ください。
どんどん Next.js、Supabase、AI の講座を作成していきますので、楽しみにしていてください。
よろしくお願いします。
Discussion