質問: JavaScriptを始めたばかりの初心者です JavaScriptのlocalstorageをどういう機能を追加する時に使うべきなのかがいまいちピンとこないです。 マニュアルなどを見て、一応データの取得、削除などの基本的な事は理解しています。
回答: > > どういう機能を追加する時に使うべきなのかが > > > その質問はよーくわかる、すんごく使いにくい。 何が使いにくいかって?まず使える容量のサイズがブラウザや環境毎で違う。 だいたいの環境で数MBくらいが一つの目安になる。 ローカルストレージはJavaScriptで設置出来る単なるファイル置き場だから、 ページ内容の重い何らかのデータのキャッシュ置き場になるケースが多いかな。 例えばJavaScriptでAjaxで取りに行ったデータをローカルストレージに保存しつつ画面上に表示して、 F5キー等でリロードしたら、Ajax通信を行う前にローカルストレージ内のデータがあればそれを見せるようにすれば、ユーザのイライラは相当解消されるよね? Webアプリの内、ページ遷移まで全てJavaScriptでやってしまえという思想で作られたのがSPA(シングルページアプリケーション) こういうサイトは裏でAjax通信を多用するので一時データ置き場としてローカルストレージを利用するのはよくやる手段。 ただし、古いデータがローカルストレージ内に残って悪さをする可能性があるのでテストはしっかりすべき。 動画サイトなら今見ている動画の切れ端、音楽なら音楽データを突っ込んでおけば リロードやトンネル等で通信が瞬断されたときの対抗手段になりうる。 データ突っ込むならCookieでええやんと思うかもしれないけど、 あちらはHTTP通信時にリクエストに毎回くっつけるから、不要なデータは通信の邪魔だし、 その性質上ファイルサイズ縛りが相当キツい。 Cookieは全部込みで4KBが限界 これをキャッシュ目的で流用する場合、ログイン情報なんかの通信で使う情報も込みなので、 もし調子に乗ってキャッシュだけで4KBを使い切ったらログインで弾かれてサービスが使えなくなるという醜態を晒すことになる。 それに比べれば気軽に使えるローカルストレージは良いものだけど、 ファイルサイズの限界が見えないのが使いにくくて悩ましいね。