中間課題|AIチャットボットを作ろう
期間の目安: 1〜2週間 前提: 基礎編(ポートフォリオサイト)を完了していること
課題
Gemini API を使ったチャットボットを Next.js で作り、Vercel で公開してください。
完成したら URL を提出してください。
成果物の要件
進捗チェック
進捗を記録するには ログイン してください。
ヒント
使うもの
- Gemini API キー(無料)
@google/generative-aiパッケージ- Next.js の API Route(サーバー側でAPIキーを使うため)
詰まったら エラーメッセージをそのままAIに貼って聞いてみてください。 「Next.jsでGemini APIを使ったチャットを作っています」と前提を伝えると精度が上がります。
中間レビュー
作り途中でも構いません。以下のタイミングで共有してください。
- AIから返答が返ってくるようになったとき
- デプロイが完了したとき
発展(余裕があれば)
- 返答をリアルタイムで表示する(ストリーミング)
- AIのキャラクターを設定する(システムプロンプト)
- 画像をアップロードしてAIに質問できるようにする