ブラウザDB・ストレージ 【技術の実験室｜ブラウザ実験室 #01】保存したメモは再読み込み後も戻る？ OPFSで試す
メモを保存してページを再読み込みすると、文字は戻るでしょうか。ブラウザー上のデモで試し、OPFSから読み直す仕組みと保存データの注意点を確認します。
生成AI・Web開発
ブラウザDB・ストレージ 
生成AI・Web開発 Chrome DevToolsでfetchを再送する｜ローカルAPIで200と400を調べる
失敗したAPI通信を、画面操作からやり直さず調べるには？ Chrome DevToolsのResendを使う手順と、200・400応答を返すローカル教材を紹介します。
Web標準API WebTransport入門｜HTTP/3で双方向StreamとDatagramを使い分ける
WebTransportは一つのセッションで複数StreamとDatagramを扱えますが、WebSocketの単純な置き換えではありません。
Web標準API WebCodecsのVideoFrameで動画サムネイルを作る｜Canvas保存と解放忘れ対策
VideoFrameは動画の1フレームを低レベルに扱えるWebCodecsの型です。最小例で寿命管理まで確認します。
Web標準API CompressionStreamでgzip圧縮ツールを作る｜ブラウザだけで圧縮・展開
Compression Streams APIなら、外部ライブラリなしでgzip・deflateのストリーム圧縮を行えます。
Web標準API scheduler.yield()とpostTask()入門｜重いJavaScriptでUIを固めない
重いループを小さく分けてブラウザへ制御を返すと、入力や描画が長時間待たされる問題を軽減できます。
Web標準API Navigation APIでSPAルーターを作る｜History APIとの違いとフォールバック
Navigation APIはリンク、戻る・進む、プログラム遷移を一つのnavigateイベントで扱えるSPA向けAPIです。
MCP MCP Tasks拡張入門｜長時間処理をポーリング・取得・キャンセルする
MCP Tasks拡張の状態照会・結果取得・キャンセルを整理し、プロトコル実装と区別したローカルの模擬ジョブで状態遷移を学びます。
ブラウザDB・ストレージ ブラウザ内ストレージの選び方｜IndexedDB・OPFS・SQLite WASM・DuckDB-Wasm比較
ブラウザへデータを保存できる技術は複数あります。使い慣れた名前ではなく、アクセス方法とデータの寿命から選びます。
ブラウザDB・ストレージ DuckDB-WasmでCSV・Parquetをブラウザ分析する｜サーバーへ送らずSQL集計
ローカルのCSVやParquetをアップロードせず、ブラウザ内のDuckDB-Wasmでカテゴリ別に集計します。