📊 Geminiチャットシステムのフロー

1. ユーザー入力
テキストを入力し、送信ボタンをクリック
2. トークン数チェック
入力トークン数を計算し、上限を超えていないか確認
3. リクエスト構築
contents配列にparts配列を含める形式で構築
4. Gemini API呼び出し
fetch()でPOSTリクエストを送信
5. レスポンス取得
Geminiの回答をJSON形式で受信
6. テキスト抽出
candidates[0].content.parts[0].textを取得
7. チャット履歴更新
ユーザーとAIの会話をチャット履歴に追加
ボタンを押してフローを開始