Storage)とはなにか?2019.05.25Webスキルよこのじ(@yokonoji_work)です。Storage)についてご紹介します。以前の記事「JavaScriptでcookie(クッキー)の保存・読み出し・削除をする方法」で、Cookieを使ってブラウザ側でデータを保持する方法を紹介しましたが、次のような不便なところがあります。Storage)であれば、不便な点を解消できますので、使い方を見ていきましょう。ブラウザにデータを保存するための仕組みです。いった操作を行えます。使用可能な、生成元ごとに区切られた保存領域を管理します。同様ですが、こちらはブラウザを閉じたり再び開いたりしても持続します。どちらもデータ上限が1オリジン5MBです。必要なときのみサーバーにデータ送信しますので、Cookieよりセキュリティ面で有利です。1オリジンとは、1つのURLだと考えるとわかりやすいです。次のようにURLのスキーマ、ドメイン、ポート番号が異なれば別のオリジンとなります。セッション内でのデータ保持なので、ウィンドウやタブを閉じるとデータは廃棄されます。データ保持は永続的です。5MBという容量を活かして、オフラインでも利用可能なアプリケーションに応用できます。Storageはほとんどのブラウザに対応しているため、使用するのに問題はなさそうです。Amazonでは、「最近閲覧した商品」の情報をlocalStorageで保持しているそうですよ。その他、サイトに初回アクセス時にのみメッセージを表示するためのフラグや、お気に入りボタンon/offの情報を持たせたりする用途も考えられますね。Storage)の使い方はとても簡単です。次のように記述します。先頭のオブジェクト名をlocalStorageにするだけです。保存されていることが確認できます。valueの形式で保存されていますね。5MBあれば全角文字(2バイト)が524,288文字保存できます。3744ツイート分と考えると、アイデア次第でかなりのことができそうですね。2019.06.13関連する記事リンクジュースを渡さない?SEO効果を得るには発リンクを減らす方が良いのかよこのじ(@yokonoji_work)です。タグが追加されています」問題の解決よこのじ(@yokonoji_work)です。Mapよこのじ(@yokonoji_work)です。Map」というWord[...]SEOにも有効なドメインの常時SSL化とは?HTTPSにできないときの確認ポイントよこのじ(@yokonoji_work)です。このWordPressの常時SSL化をするにあたって勉強した内容と、SSL化したはずなのに反映されずに[...]Webサイトの表示速度を低下させるレンダリングブロックとは何か?よこのじ(@yokonoji_work)です。Insightsでは、表示[...]よこのじ都内徒歩通勤のピアノ業界で働くエンジニア。技術系の内容を書いてます。https://yokonoji.work/feed/rss2/▼ココナラでWordPressの表示高速化をお手伝いしてます。Scriptでメールを送信する方法【メルマガ機能に応用可】キレイで読みやすいRubyコードを書くために。