今回お届けするのは、「localStorage(ローカルストレージ)」について。 HTML5から導入されたAPI、Web Storageの一種で、その仕組みはcookieによく似ています。 Web Storageと一体どのような違いがあるのか、今回はその概要と使い方を見ていきましょう。 ブラウザにデータを保有してどうするの? cookieもWeb Storageもクライアント側(ブラウザ)にデータを保有する機能ですが、なぜそのような仕組みが登場したのでしょうか? その答えは、HTTPが「ステートレスな(=状態をもたない)プロトコル」であることに関連しています。少しだけおさらいしてみましょう。 HTTP通信は「リクエストを投げる→レスポンスを返す」の一往復のやりとりで完結します。 全通信のひとつひとつが全く別のリクエストとして扱われるため、例えば再訪問かどうかを判断することは不可能で、同じク
![ブラウザにデータを保存するlocalStorage(ローカルストレージ)の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a361ac4cd8ff78f92f081ca5fee503648a18ea7/height=288;version=1;width=512/https%3A%2F%2Fwww.granfairs.com%2Fcms%2Fwp-content%2Fuploads%2F2024%2F03%2Fstaff-2017-10-26-local-storage-01.png)