localStorageとは?

ローカルストレージ(localStorage)はjavascriptでユーザーのデータをwebブラウザ(ローカル環境)に保存することができる仕組みです。

データの保存・取得・削除はとても簡単で、keyとvalueでデータを紐付けてデータを操作します。

最も大きなメリットはデータベースとの連携が必要ないということです。

例えば、ユーザーの行動（どのページを見たや、どの商品にお気に入りボタンを押したなど）データなどのユーザーごとのデータを保存して再利用したいけど、ログイン機能をつけるほどでもないという時にローカルストレージがおすすめです。

Cookie（クッキー）との比較

保存できるデータ容量や保存期間、通信の回数などやはりローカルストレージが使い勝手がいいです。

	保存期間	データ容量	通信
localStorage	半永久	5MB	なし
Cookie	有り	4KB	都度リクエスト

基本的な使い方

//保存
localStorage.setItem('Key', '保存する値');

//取得
const value = localStorage.getItem('Key');

//削除
localStorage.removeItem('Key');

//初期化
localStorage.clear();