SCALE — Build Lab
開発パターン · TYPESCRIPT PATTERN

AI レスポンスのストリーミング

CATEGORY開発パターン TYPETypeScript Pattern EFFORT120〜240分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • AIチャット全般

AI レスポンスのストリーミング

:LiTarget: 用途

ChatGPT 風のタイピング表示。ユーザー体感が劇的に向上。

:LiSparkle: 特徴

  • SSE / fetch streaming
  • チャンク蓄積
  • キャンセル対応

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加