Web開発AI初級
ChatGPTの新機能「Function Calling」Next.jsとshadcn/uiで作るチャットアプリ
Next.jsでチャットアプリを構築しながら、ChatGPTの新機能「Function Calling」について学んでいきます。
Function Callingは、ユーザーからの質問に対する回答をより具体的に制御するための機能です。
この機能により、自然言語の入力から特定のアクションを実行したり、情報を抽出したりすることが可能となります。
ユーザーからの質問に対して最適な関数を選び、その関数を実行して回答を生成します。
今回のチュートリアルでは、世界各地のリアルタイムの「時刻」と「天気」を取得する関数を作成し、それをChatGPTの回答に組み込む方法を紹介します。
UIはshadcnを使用しています。
Function Callingに興味がある方は、ぜひこのチュートリアルを参考にしてみてください。
学習内容
- ChatGPTを使用したチャットアプリの作成方法
- Function Callingの使い方
- shadcn/uiの使い方
機能
- チャット投稿
- チャット一覧
- 世界各地のリアルタイムの天気を取得
- 世界各地のリアルタイムの時刻を取得
この講座のステップ
- STEP 1目標設定!Next.jsとLangChainで自動タスク生成アプリを作ろう
- STEP 2ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!
- STEP 3ChatGPTの新機能「Function Calling」Next.jsとshadcn/uiで作るチャットアプリ
- STEP 4目指せクイズ王!Next.jsとPrismaで構築するAIクイズアプリ(ChatGPT)
- STEP 5サブスク入門!Next.jsとPrisma、Stripeでサブスク機能を作ろう
- STEP 6リアルタイムグループAIチャットを作ろう!(Next.js15、Auth.js v5、Socket.IO、Prisma、ChatGPT)