タグ: react

AI活用

ReactでComfyUIの生成状況を表示する｜状態管理とプレビューの作り方

ReactでComfyUIの生成状況を表示する設計を解説。idle/queued/running/success/error/cancelledの6状態とuseReducerの遷移、WebSocketをHookに閉じ込める形、進捗率を捏造しない表示、Cancel・Retry、リロード後の復元まで分かります。