TS初めてのTypeScript
DAY 60/4 完了

AIをフロントから呼ぶ(この教材の看板)

🎯 このDayを終えるとできること

AIプロダクトの構成(UI→APIルート→LLM)を理解し、APIルートからLLMを呼ぶ最小実装ができる。ストリーミングの考え方と、型・検算で安全にする方法を持つ。

  1. 1

    AIプロダクトの構成(UI→APIルート→LLM)

    画面・サーバー・LLMの3つの登場人物と、APIキーをサーバー側に置く理由を理解する。

    設問 3 問

  2. 2

    APIルート(route.ts)でLLMを叩く最小実装

    route.tsでリクエストを受け、LLMに問い合わせて結果を返す最小構成を型付きで書く。

    設問 3 問

  3. 3

    ストリーミングの考え方(応答を逐次表示する)

    全部そろうまで待たず、届いた分から少しずつ表示するストリーミングの考え方をつかむ。

    設問 3 問

  4. 4

    プロンプトと型で出力を固定、検算・安全(ハルシネーション/コスト)

    出力の形をプロンプトと型で固定し、検算・上限設定でハルシネーションとコストに備える。

    設問 3 問