ChatGPTの新機能「Function Calling」Next.jsとshadcn/uiで作るチャットアプリ

Web開発
AI
初級
Next.jsでチャットアプリを構築しながら、ChatGPTの新機能「Function Calling」について学んでいきます。 Function Callingは、ユーザーからの質問に対する回答をより具体的に制御するための機能です。 この機能により、自然言語の入力から特定のアクションを実行したり、情報を抽出したりすることが可能となります。 ユーザーからの質問に対して最適な関数を選び、その関数を実行して回答を生成します。 今回のチュートリアルでは、世界各地のリアルタイムの「時刻」と「天気」を取得する関数を作成し、それをChatGPTの回答に組み込む方法を紹介します。 UIはshadcnを使用しています。 Function Callingに興味がある方は、ぜひこのチュートリアルを参考にしてみてください。

学習内容

・ChatGPTを使用したチャットアプリの作成方法 ・Function Callingの使い方 ・shadcn/uiの使い方

機能

・チャット投稿 ・チャット一覧 ・世界各地のリアルタイムの天気を取得 ・世界各地のリアルタイムの時刻を取得

解説動画

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

解説記事

ステップ

ステップ1
Web開発
AI
初級
目標設定!Next.jsとLangChainで自動タスク生成アプリを作ろう
ステップ2
Web開発
AI
初級
ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!
ステップ3
Web開発
AI
初級
ChatGPTの新機能「Function Calling」Next.jsとshadcn/uiで作るチャットアプリ
ステップ4
Web開発
AI
中級
目指せクイズ王!Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT)
ステップ5
Web開発
AI
中級
サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう
ステップ6
Web開発
AI
中級
リアルタイムグループAIチャットを作ろう!(Next.js15、Auth.js v5、Socket.IO、Prisma、ChatGPT)