# ローカルストレージ(Local Storage)
[Window.localStorage - Mozilla](https://developer.mozilla.org/ja/docs/Web/API/Window/localStorage)

- HTML5 の新機能で、ブラウザ自体にデータを保管する機能である web storage の一つ。
- GROWI では以下の箇所などで利用
    - drafts データ（新規ページの初回保存までの最終編集状態）の保持
    - ユーザーリスト
    - 選択中の言語(`ja` or `en`)
    - エディター設定
    - ダークモードの利用状態


参考: https://www.granfairs.com/blog/staff/local-storage-01 （cookie についても説明してくれてる）

## 使い方
```javascript:hoge.js
windows.localStorage　// そのドメインの ローカル Storage オブジェクト

windows.localStorage.setItem('myCat', 'Tom'); // 'myCat' に値 'Tom' を格納
windows.localStorage.myCat = 'Tom'; // 上記と同様

windows.localStorage.getItem('myCat'); // -> 'tom'
windows.localStorage.myCat // -> 'Tom'

windows.localStorage.removeItem('myCat'); // -> 'myCat' データを削除
```

## ブラウザ上でローカルストレージの中身を確認する
### Chrome
dev ツールの Application > Storage > Local Storage > ドメイン名

<img alt="Screen Shot 2020-04-03 at 13.36.39.png" src="/attachment/5e86bd6913909900480581a3" width="50%">

### FireFox
dev ツールの Storage > Local Storage > ドメイン名

![Screen Shot 2020-04-03 at 13.38.43.png](/attachment/5e86bdf213909900480581a4)

---

## Page Navigation

- Canonical URL: https://tips.weseek.co.jp/用語集/Javascript/ローカルストレージ
- Permalink: https://tips.weseek.co.jp/5e86b4db139099004805819c
- Parent: [Javascript](/5e392e88e848c600487d69db.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 14 total
  - [Angular](/5e393953e848c600487d6a04.md)
  - [ECMAScript](/5e39820de848c600487d6a24.md)
  - [Object_entries ](/5e3f9391f5921400485be6a8.md)
  - [React](/5e3930c8e848c600487d69ed.md)
  - [Setオブジェクト](/5e4252bbdecd0a0049953aea.md)
  - [Svelte](/5e3980bde848c600487d6a1e.md)
  - [Vue](/5e3930f3e848c600487d69f0.md)
  - [protypeMethodのmap()とforEach()の違い](/5e57b3b07887d100480949fe.md)
  - [protypeMethodのthen()について](/5f163aac647aac00495efa7d.md)
  - [throttle-debouceのthrottleとdebouceの違い](/5e785068f78b4b0048b6add1.md)
  - [スプレッド構文](/5e39828be848c600487d6a27.md)
  - [分割代入](/5e3af26c25751e0049929801.md)
  - [宣言（varとletとconstの違い）](/5e5de1da3051ce00499cac5e.md)
  - [正規表現](/5e633bb4d9ebf700489783ea.md)
- Last updated: 2020-04-03T04:40:45.476Z by deleted_at_1672138409189
- Full page listing (all children regardless of count): https://tips.weseek.co.jp/_api/v3/page-listing/children?id=5e86b4db139099004805819c