IndexedDB とは？

そうだよ。例えばメモをキーと内容のデータとして保存する。オブジェクトストアという置き場を作り、インデックスも使って検索できる。構造化クローンに対応するデータが保存対象なんだ。

処理は非同期だよ。要求の成功や失敗をイベントで受け取り、データの読み書きはトランザクションの中で行う。保存の要求を出したことと、トランザクションが完了したことを分けて扱おう。

通信がなくても保存したデータを使う機能の土台になるよ。ただしIndexedDBだけでアプリ全体のオフライン対応が完成するわけではない。容量はブラウザや端末などで変わり、上限を超える書き込みは失敗するんだ。

初期状態では空き容量などの事情で削除される場合があるよ。navigator.storage.estimate()で使用量と上限の推定を調べ、persist()で永続化を要求できるけれど、承認されるとは限らない。利用者による削除にも備えて、必要な同期やバックアップを考えよう。