ローカルストレージ - 自作ツールづくりwiki

ローカルストレージ

簡単に言えば、各種Webブラウザに保存されるデータ（あるいはその保存領域）のこと

code:sample.js

//データの設定

localStorage.setItem("myCat", "Tom");

//"myCat"という名前で、"Tom"というデータを保存するよ、くらいの意味

//データの取得

const cat = localStorage.getItem("myCat");

//データの削除

localStorage.removeItem("myCat");

//全データの削除

localStorage.clear();

保存できるのは単純なテキストだけではなく、localStorage.setItem("myJson", json);のようにJSONを指定することもできる。

非常に使いやすいが、莫大なデータは扱えない点には注意。また、閲覧しているブラウザごとにデータが保存されるので、7wrinerのようなアプリでは、クラウド的に同一データにはアクセスできない。

ref.