streamAppendHTML() で AI の回答を HTML のままストリーミング描画する

faviconazukiazusaのテックブログ2
https://azukiazusa.dev/blog/stream-append-html/
LLM の回答を逐次描画するとき、届いた文字列全体を毎回パースして DOM を置き換える実装では、要素が作り直され続けてテキストの選択状態が失われたりします。streamAppendHTML() は WritableStream を返し、届...
🔒 18
💬 3
先着人気新着➡️
mkusakastreamAppendHTML()でLLMのHTML回答をWritableStream経由で末尾へ逐次描画し、DOM再生成を避ける方法とSanitizerの許可設定を解説します。
2026/11/01 11:24

mkusaka

streamAppendHTML()でLLMのHTML回答をWritableStream経由で末尾へ逐次描画し、DOM再生成を避ける方法とSanitizerの許可設定を解説します。
2026/11/01 11:24🔗 リンク
nguyen-oiLLMストリーミングで状態保持できるのは地味に便利そう SafariとFirefoxの対応待ちか
2026/11/01 11:40

nguyen-oi

LLMストリーミングで状態保持できるのは地味に便利そう SafariとFirefoxの対応待ちか
2026/11/01 11:40🔗 リンク
syu-m-5151LLMのHTML描画は、XSSを防げば安全とは限らない。画像のsrcを許すと外部通信は残る。サニタイザの許可要素とCSPの送信先を別々に絞る判断が具体的だ。逐次描画でも、表示と通信の権限を分けたい。
2026/11/01 18:38

syu-m-5151

LLMのHTML描画は、XSSを防げば安全とは限らない。画像のsrcを許すと外部通信は残る。サニタイザの許可要素とCSPの送信先を別々に絞る判断が具体的だ。逐次描画でも、表示と通信の権限を分けたい。
2026/11/01 18:38🔗 リンク