-
IndexedDB サンプル
ブラウザ内蔵のデータベース IndexedDB を使用したCRUD操作のサンプル。
データの追加、検索、更新、削除機能を実装しています。
主な機能: データベース初期化、サンプルデータ生成、検索機能、個別削除、全件削除
サンプルを開く
-
Web Storage サンプル
Local Storage と Session Storage を使用したデータ保存のサンプル。
永続的なストレージとセッション限定ストレージの違いを学習できます。
主な機能: データ保存・取得・削除、JSONデータ処理、ストレージ情報表示、リアルタイム更新
サンプルを開く
-
Web Workers サンプル
メインUIスレッドとは別のバックグラウンドスレッドでJavaScriptを実行するWeb Workersのサンプル。
重い処理をノンブロッキングで実行し、並列処理によるパフォーマンス向上を学習できます。
主な機能: 基本的なWorker操作、重い計算処理、複数Workerの並列処理、エラーハンドリング
サンプルを開く
-
Service Workers サンプル
ウェブアプリケーションとネットワークの間でプロキシとして動作するService Workersのサンプル。
キャッシュ管理、オフライン対応、プッシュ通知などのPWA機能を学習できます。
主な機能: Service Worker登録・管理、キャッシュ操作、ネットワークインターセプト、通知機能
サンプルを開く