ローカルストレージ

Web Storageとは

Web Storage APIを使うと、ブラウザにキーと値のペアでデータを保存できます。 サーバーへの通信なしにデータを永続化できるため、ユーザー設定やフォームの入力内容の保存に便利です。

• localStorage — ブラウザを閉じても保持されるストレージ
• sessionStorage — タブを閉じると消えるストレージ
• setItem(key, value) — データの保存
• getItem(key) — データの取得
• removeItem(key) — データの削除
• JSON.stringify() / JSON.parse() — オブジェクトの保存

※ CodePlayground内のiframeではlocalStorageにアクセスできないため、以下の例ではシミュレーションを使用しています。