会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
AIチャットボットを作る
目安学習時間 18分
学ぶ目的
全体構成 ― 学んだことが全部つながる
Next.js講座＋React講座の知識で、チャットボットの構成はこう描けます。
会話履歴はフロントのstateで持つ
LLMは過去の会話を覚えていません。毎回、履歴の配列を丸ごと送ることで「文脈のある会話」が成立します（だから前回学んだトークン管理が効いてくるのです）。
ストリーミングと体感速度
LLMの応答生成には数秒かかります。完成を待って一括表示すると「固まった」と感じさせるため、実務ではストリーミング（生成された端から1語ずつ表示）が標準です。
このレクチャーで学ぶこと
- チャットUIとAPI Routeの構成
- 会話履歴の管理
- ストリーミング表示とUX
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
AI開発
AI開発入門講座
AIチャットボットを作る
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
