+server.jsによるサーバーからのストリーミング
ReadableStreamを使い、APIルートからチャンクを段階的に送信します。
「+server.jsによるサーバーからのストリーミング」はCoddyKit上の無料Sveltejs Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSveltejs Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Sveltejs Academyコースには全4レッスンが含まれています。
サーバー送信ストリーム
+server.js内で、ReadableStreamをラップしたResponseを返します。
基本的なストリーム
時間の経過に合わせてチャンクを送出するストリームを構築します。
export function GET() {
const stream = new ReadableStream({
async start(controller) {
for (const chunk of source) {
controller.enqueue(new TextEncoder().encode(chunk));
}
controller.close();
}
});
return new Response(stream);
}コンテンツタイプ
適切なコンテンツタイプを設定します。text/plain、text/event-stream、application/json（NDJSON）などがあります。
ユースケース
AIによるテキスト生成、リアルタイムログ、大容量ファイルのダウンロード、段階的なデータ更新などです。
バックプレッシャー
コンシューマーの処理が遅い場合、ストリームは生成を抑制し、メモリの膨張を防ぎます。
クライアントでの利用
クライアントでresponse.body.getReader()を使用して、ストリームを読み取ります。
Server-Sent Events
サーバーからクライアントへの一方向のプッシュには、SSEが適しています。イベントはtext/event-streamとしてエンコードします。
WebSocketsという選択肢
双方向通信には、別のサーバーまたはWebSocketsをサポートするアダプターを介してWebSocketsを選択します。
キャンセル
リソースを解放するため、start関数内でストリームのキャンセルを処理します。
アダプターのサポート
ほとんどのアダプターはストリーミングをサポートしていますが、特殊なケースについては使用するアダプターのドキュメントを確認してください。
パフォーマンス
ストリーミングによりTTFBが短縮され、クライアントは部分的なデータをより早く処理できます。
理解度チェック
+server.jsでは、どのストリームクラスを使用しますか。
まとめ
チャンク化された低レイテンシーのサーバーレスポンスには、+server.jsでReadableStreamを使用します。
AI チューターと学ぶ HTML — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 41
- レッスン
- 163
よくある質問
「+server.jsによるサーバーからのストリーミング」レッスンは無料ですか？
はい。「+server.jsによるサーバーからのストリーミング」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Sveltejs Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Sveltejs Academyコースには全4レッスンが含まれています。
「+server.jsによるサーバーからのストリーミング」で何を学びますか？
ReadableStreamを使い、APIルートからチャンクを段階的に送信します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Sveltejs Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのSveltejs Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「+server.jsによるサーバーからのストリーミング」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このSveltejs Academyレッスンでコードを書いて実行できますか？
はい。すべてのSveltejs Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- loadでPromiseを使ったデータストリーミング
- 遅延読み込みとSuspense風UX
- +server.jsによるサーバーからのストリーミング
- プログレッシブハイドレーション