こんきつね🦊の技術ばなし

🔖 タグ【#データ保存】

ブラウザで、ユーザーのデータを保存するための技術や方法に関する記事をまとめて整理しています。

【データ保存技術】主なデータ保存技術（2026-04-07）
WEBブラウザで利用できるデータの保存技術を整理し、その特徴、容量の目安、主な用途などを整理して解説しています。

【データ保存技術】LocalStorageとは（2026-04-11）
LocalStrorage とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【データ保存技術】LocalStorageの動作確認（2026-04-16）
LocalStorage を使ったサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】LocalStorageの深堀（2026-04-19）
LocalStorage の実務使用にあたり、注意すべき点などを解説しています。

【データ保存技術】SessionStorageとは（2026-04-28）
SessionStorage とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【データ保存技術】SessionStorageの動作確認（2026-04-28）
SessionStorage を使ったサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】IndexedDBとは（2026-05-04）
IndexedDB とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【データ保存技術】IndexedDBのAPI① （2026-05-05）
IndexedDB を使用するにあたり、必ず知るべき API について、そのオブジェクト構成から具体的な使い方を交え、解説しています。

【データ保存技術】IndexedDBのAPI② （2026-05-05）
IndexedDB を使用するにあたり、必ず知るべき API について、そのオブジェクト構成から具体的な使い方を交え、解説しています。

【データ保存技術】IndexedDBのAPI③ （2026-05-05）
IndexedDB を使用するにあたり、必ず知るべき API について、そのオブジェクト構成から具体的な使い方を交え、解説しています。

【データ保存技術】IndexedDBの動作確認① （2026-05-07）
getAll 関数を利用して IndexedDB にアクセスするサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】IndexedDBの動作確認② （2026-05-07）
cursor 関数を利用して IndexedDB にアクセスするサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【データ保存技術】IndexedDBの動作確認③ （2026-05-11）
IndexedDB に保存されたデータを検索するサンプルプログラムを実際に作成し、動かしてみることで、API の動きなどを確認しています。

【外部ライブラリ】IndexedDB を “モダンに” 使う（idb ライブラリ）（2026-06-13）
IndexedDB を “モダンに” 使える、idb ライブラリの基本について解説しています。

【データ保存技術】IndexedDBの深堀（2026-06-15）
既に作成済みの IndexedDB にデータストアや Index を追加する方法について、コード例を示しながら具体的に解説しています。

【外部ライブラリ】idb ライブラリの深堀（2026-06-16）
idb ライブラリの応用的な使い方について、コードを交えて解説しています。

【外部ライブラリ】idb ライブラリの動作確認① （2026-06-20）
「拡張tableタグの作成③」で作成した IndexedDB アクセスサンプルプログラムの idb ライブラリへの変更方法や、実際に変更した後の動作確認について解説しています。

【外部ライブラリ】idb ライブラリの動作確認② （2026-06-20）
「idb ライブラリの動作確認①」で idb ライブラリに対応したサンプルプログラムの全コード（ HTML, CSS, JavaScript ）を公開しています。

【データ保存技術】OPFSとは① （2026-06-21）
OPFS とは何かからはじまり、その基本的な使い方をわかりやすく解説しています。

【データ保存技術】OPFSとは② （2026-06-21）
OPFS におけるよくある勘違いや、OPFS 使用上の注意すべきセキュリティ絡みについて、わかりやすく解説しています。

【データ保存技術】OPFS の API 概説（2026-06-21）
OPFS にアクセスするための File System Access API のオブジェクト構成について、図を交えて解説しています。

【データ保存技術】OPFS のディレクトリ操作（2026-06-22）
OPFS のディレクトリ操作について、 File System Access API を使ったコードを示しながら、わかりやすく解説します。

【データ保存技術】OPFS のファイル操作① （2026-06-25）
OPFS へのファイル操作を行う FileSystemFileHandle オブジェクトについて、コードを示しながら、わかりやすく解説します。

【データ保存技術】OPFS のファイル操作② （2026-06-25）
OPFS への非同期アクセスを行う時に使用するオブジェクトや API について、コードを示しながら、わかりやすく解説します。

【データ保存技術】OPFS のファイル操作③ （2026-06-25）
OPFS への同期アクセスを行う時に使用するオブジェクトや API について、コードを示しながら、わかりやすく解説します。

【データ保存技術】OPFS の動作確認（非同期操作）（2026-07-27）
実際に OPFS に非同期操作を行うサンプルプログラムを作成し、動かしてみることで、オブジェクトや API の動きなどを確認しています。

【データ保存技術】OPFS の動作確認（同期操作）（2026-08-02）
実際に OPFS に同期操作を行うサンプルプログラムを作成し、動かしてみることで、オブジェクトや API の動きなどを確認しています。

【データ保存技術】OPFS の深堀（MIMEタイプ）（2026-08-04）
OPFS の同期操作を行う際に、明示的に意識する必要のある、MIME タイプについて説明しています。また、OPFS 上のファイルの MIME タイプがいつどこで設定されるのかについても深堀しています。