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

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

はじめに

Next.js準備

shadcn/ui

App Router

チャット画面

入力フォーム

ChatGPT

Function Calling

天気取得

ボトムスクロール

おわりに

nextjs

tailwindcss

chatgpt

shadcn

はる@フルスタックチャンネル