形式でエクスポートしたものになります。ファイルを共有することで、トラブルシューティングに役立てます。クライアント開発側とサーバー開発側の間で断片的なスニペットを送り合うより効率がよく、情報を網羅的に共有できるといったメリットがあります。タブを開き、ページをロードしてみます。チェックを入れておきます。形式でに出力されます。ファイル出力は各ブラウザでサポートされており、取得の仕方について大きく異る点はありません。チェックを入れ、ページをロードします。すると、ページを構成するファイルのダウンロードや通信が発生していることがわかります。形式となっているので普通にエディタで開いて内容を確認することもできます。そのままでは分かりづらいので、ビューアーのツールを利用することになります。使い勝手がよく便利なのでおすすめです。拡張機能として利用できるツールです。方を使いたくなるかもしれません。感覚で操作できることが特徴です。Viewerいかがだったでしょうか。ファイルはあまり新しい仕組みとは言えないですが、個人的には複数のチームで開発する現場で役に立ったことがあったので、紹介してみました。最後まで読んでいただきありがとうございました。その使い方についてはいくつが注意点があります。詳細について知りたい方は、前回の記事をチェックしてみてください。使用する上で注意した方が良い点について紹介します。アクセスするとエラーになる問題がありました。されていますが、サポートするプラウザの範囲が広い場合、念のためしっかり確認しておいた方が安心かなと思います。依存していないかチェックしておく必要があります。関しては別ブラウザで開くのと同じ状態になると考えた方が良いですね。データをキャッシュするような仕組みは多く使われています。保存するデータは有効期限をつけて管理することができないため、ログイン/ログアウトまたはセッション切れなどの状態変更に伴い、適度にクリーンアップするといった対応が必要になります。内容が抜かれてしまう可能性があります。よって、個人情報を含む情報・セッショントークンなど、漏れてはいけない情報を格納しないようにすることが望ましいとされています。サーバー側からセットして回避するようなやり方もあったりします。ようなステートレスなトークンを保存するケースもあります。上記のようなリスクを十分考慮して、他の手段を検討するか、有効期限をかなり短くするといった工夫が必要になります。キー名が重複する場合がないか確認する開発が進むに連れて多数のライブラリを利用することになります。アクセスすることがまれにあります。当然ながらキーが同じであれば後から書き込まれた値で上書きされてしまいます。つけたり、ライブラリ導入時は念入りに確認しておくことで、バグが減る結果に繋がることもあるかと思います。いくつか考慮すべきポイントがあるので記事にしてみました。皆さんの参考になれば幸いです。最後まで読んでいただきありがとうございました。使うことが多くなってきています。ついての概要と使い方についてまとめてご紹介します。形式のデータを保存する仕組みです。使えるようになっています。アクセスすることができます。アクセスすることはできません。アクセスしてデータを出し入れすることができます。アクセスすることはできません。12https://app1.example.com/index.htmlhttps://app2.exapmle.com/index.html平たく言えば、同じウェブサイト内・アプリ内であれば使えるということになりますね。2019年現在、モバイルを含めほとんどのモダンブラウザにてサポートされていますが、正確にはこちらをご参考ください。使っている様子を確認することもできます。クリックして中身を見ることができます。ここまでの内容は以下のドキュメントを参考にしていますので、詳細を知りたい方は一度読んでみてください。2つのタイプのものがあります。localStorage保存したデータは削除しない限り永続的に保存される(なくならない)別タブやウィンドウでも共有されるブラウザを閉じたりもう一度開いたりしてもデータは残るsessionStorage保存したデータはブラウザを閉じるまでの間のみ保存される別タブやウィンドウでも共有されない用途どういったユースケースがあるのでしょうか?実際のところ、シンプルかつ便利なゆえに本当に色んな用途で使われていますが、よく見かけるケースとしていくつかピックアップしてみると、以下のようなことが挙げられます。利用するケースが多いと思います。すべての場面において使って問題ないわけではありません。いくつか注意点がありますので、これについては別記事で紹介する予定です。チェックしてみてください。似たような印象を持たれることも多いかもしれません。念のため簡単に触れておきたいと思います。ヘッダーに含まれて送信され、サーバー側からセットすることもできます。よって、サーバーとのやり取りに伴う状態を管理する場合に使われることが多いです。サーバーとの通信とは関係なくクライアント側(ブラウザ)でのみデータを保持します。操作することが可能です。操作することを無効にすることができます。経由で見ることができなくなります。場合、そのような機能はありません。etc.)が用意されているため、挙動を細かく制御することができます。インタフェースを実装する形になっており、使い方は同じです。使えるデータ型は、文字列のみとなります。文字列に変更して保存します。{"name":"John","age":20}保存したデータを削除することもできます。すべて削除するlocalStorage.clear();sessionStorage.clear();いかがだったでしょうか。シンプルながら何かと役に立つ場面が多く、大変便利ですが、いくつが注意点もあります。これについては別記事にて紹介する予定ですので、合わせてチェックしてみてください。最後まで読んでいただきありがとうございました。2017Riotz.works投稿や発言は私的なものであり、所属する企業や組織には関係ありません。HomeSlides。