streameAPI

Transcript

1. WebStreamAPI
2. B データ出力を逐次的に、公立よく扱うためのデータ構% B データ全体（ファイル一個）をそれより細かく分割された単位の連続した 流れを表現する ストリームとは
3. ストリームのメリット c メモリ空間を圧迫しにくV c データを処理する分だけ少しずつ取り出7 c 書き込み先に書き込まれるのでメモリが解放され5 c 低遅 c 先頭のデータが処理されるまでの時間が早V c 完了する時間が早くなるとは限らない
4. Streams APIの概要 ・分割されたChunkの連続した流れ ・３種類の異なるストリームオブジェクQ ' Readable Strea ' Transform Strea ' Writable Stream
5. ReadableStream f ソースから流れるデータをチャンクし、分割し、ストリーム処理できる形 にすG f Readable Streamの! f Fetch APIのResponse.bod f Blob.stream
6. Transform Stream ・チャンクを変換す' 4 バイナリ→文字列な) 4 データの圧縮・展開
7. Writable Stream ・ファイルシステム、データベースに書き込む
8. WebStream ・説明した３つのストリームを使って、処理する ・ストリームはパイプをつなげて処理する
9. ストリームの分配 ・１つのReadableStreamを２つに分配できる ・結果として同じものが出力される
10. ユースケース ・大量レコードをDBに書き込む時に、一定の量でインポートできる ・AIのチャットなど
11. Node.jsとの違い  Node.jsには組み込みでStreamモジュールがあV  Web Stream APIより先にあV  5種類のストリームオブジェク7  Readable（読み込み(  Writable（書き込み(  Duplex（双方向：読み書き両方(  Transform（変換付きのDuplex(  PassThrough（何もしない変換）
12. Node StreamとWeb Streams APIの互換性 w Web Streams API自体はNode.js21でStablr w stream モジュールの fromWeb() / toWeb() メソッC w v24 でこれらの変換メソッドも Stablr w Web Streams APIと相互変換 が可% w fromWeb() および toWeb() を使用
13. Node StreamとWeb Streams APIの互換性 1 2 3 4 5 import from const new const { Readable } ; nodeStream Readable. ( ReadableStream()); webStream Readable. (nodeStream); "node:stream" // Web Streams API → Node Stream に変換 // Node Stream → Web Streams API に変換 = = fromWeb toWeb Web Streams APIと相互変換 が可m  fromWeb() および toWeb() を使用
14. Node Streamと比べて良くなった点（Web Streams API） o Web標準であること（=より広く使える— o インターフェーw o 型情報がしっかりしてい” o エラーハンドリングがシンプa o Node Stream の課題e o 上流のストリームでエラーが起きても、下流が勝手に閉じてくれなg o Web Streams API の改善e o エラー時に自動で閉じてくれ” o エラーハンドリングの動作を制御できる
15. まとめ d 基本構成：3種類のストリームオブジェクX d ReadableStream: 読み込み専& d TransformStream: 変換処G d WritableStream: 書き込み専& d Node.js のストリームと相互変換可Ä d Readable.fromWeb() や Readable.toWeb()