kaminashi-developer https://blog.hatena.ne.jp/kaminashi-developer/ カミナシ エンジニアブログ https://kaminashi-developer.hatenablog.jp/ フロントエンド 生成AI Remix こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LLMは生成処理に時間がかかるため全てのデータ生成を待ってから表示するとユーザー体験が悪化してしまいます。 そのためストリーミングで逐次データを受け取り、生成された部分から少しずつ表示していくという実装が一般的かと思います。 React Router v7にもストリーミング機能は提供されているのですが、これはあくまで遅延読… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkaminashi-developer.hatenablog.jp%2Fentry%2Freact-router-v7-llm-streaming" title="React Router v7でLLMのストリーミングレスポンスを実装する - カミナシ エンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kaminashi-developer/20251205/20251205164030.png Hatena Blog https://hatena.blog 2025-12-09 09:00:00 rich https://kaminashi-developer.hatenablog.jp/entry/react-router-v7-llm-streaming 1.0 100%