【レポート】クロスドメインで同じlocalStrageを使うテクニック | エンタープライズ | マイコミジャーナル
Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. Nicholas C. Zakas氏がNCZOnlineのLearning from XAuth: Cross-domain localStorageの記事で、XAuthで採用されている機能を紹介している。XAuthは複数のドメイン間でデータを共有するための機能を提供してくれる。氏はXAuthで採用された方法は複数の違うドメインの間で永続的にデータを共有するテクニックとして素晴らしい方法だとしており、簡単なサンプルコードも含めて説明している
export default { install(vue) { vue.prototype.$storage = { get(key) { // localstrageからとる return localStorage.getItem(key) }, set(key, value) { // localstrageへ保存 localStorage.setItem(key, value) }, } }, } <script> /////////////// 省略 /////////////// methods: { setLocalStrage(){ // ローカルストレージに値を保存する this.$storage.set('email', this.email) }, sgtLocalStrage(){ // ローカルストレージに値を取得する this.$storage.get('emai
![[Vue.js]Vue.jsでLocalStrageを使う - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8648805582e8e876d6eccfc9261976af0715bc5f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVnVlLmpzJTVEVnVlLmpzJUUzJTgxJUE3TG9jYWxTdHJhZ2UlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTNmYWUxY2ZiOGU4NmJhZjgzZDk1YjcyNzBkOGEwNDk2%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzYWJhX3VuaV90b3JvXyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDQwNTBhMzQ1ZTVmODlhMjY5MzE4MmRlMGMyYTk0YTg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3481c98f5edd10ae95897e05c4da16cc)
JavascriptでJSONデータの追加が出来ない localStrage×JSONでクリックで内容保存していくプログラム作成中ですが、クリック→更新→過去データを消して上書き状…
JavascriptでJSONデータの追加が出来ない localStrage×JSONでクリックで内容保存していくプログラム作成中ですが、クリック→更新→過去データを消して上書き状態に。過去のデータに対して『追加』が出来ないんです。 以下スクリプト $(function(){ //空のデータ代入を毎回しているから？ var object = {}; object.modified = "2012/05/23 Wed"; object.items = new Array(); var data = {}; //JSONデータを追加 var getStrage = function () { data.name = "<_NAME_>";//PHPから取得した変数 object.items.push(data);//追加 nativeJSON = JSON.stringify(object);
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5の新しいAPIとして知られるlocalStrageですが、基本的に同一ドメインでのみ、5MBまでとなっています。しかしサブドメインを使っている場合など、ドメイン間でデータをシェアしたいという場合もあるのではないでしょうか。 そこで使ってみたいのがCrossStorageです。ドメインを越えたlocalStrageのシェアを実現するソフトウェアです。 CrossStorageの使い方 CrossStorageではハブとクライアントという二つのサーバから成り立ちます。まずハブ側では許容するドメインとメソッドを定義します。 CrossStorageHub.init([ {origin: /\.example.com$/, allow: ['get']}, {origin: /:
HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。
以前CookieがjQueryで簡単に扱えるようになるjQueryプラグインを紹介しましたが、今回はLocalStrageが使えるようになるJavascriptプラグインを紹介します。 (今回はjQueryのプラグインではありませんが、jQuery内でも使えます。) jstorage.jsの特徴 ・LocalStrageがIE6、7でも使えるようになる ・プラグインが軽量3.6KB ・Prototype, MooTools,jQueryの主要ライブラリいずれも利用可能
タブブラウザが当たり前になっている現在、同じサイトで複数のタブを開いているなんて良くありますよね。そこで片方のタブでデータを修正して、その後別なタブで上書きしてしまったなんて経験はないでしょうか。 サーバサイドを介さず、クライアントサイドだけでタブ間のデータ同期ができるライブラリがsysend.jsです。HTML5 localStrageを使ってメッセージ通信を実現しています。 sysend.jsの使い方 デモのコードは次のようになっています。 window.onload = function() { sysend.on('foo', function(message) { console.log(message); }); var input = document.getElementsByTagName('input')[0]; document.getElementsByTagNam
JavaScriptのLocalStrage（ローカルストレージ） の使い方を現役エンジニアが解説【初心者向け】
初心者向けにJavaScriptのLocalstrage（ローカルストレージ）の使い方について解説しています。ローカルストレージはJavaScriptを用いてブラウザにデータをKey-Value型で保存する仕組みになっています。クッキーより扱えるデータ量も多く、必要に応じて送信されるなどの点が異なっています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 JavaScriptのLocalstrage（ローカルストレージ）の使い方について解
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Vue.js]Vue.jsでLocalStrageを使う - Qiita
CrossStorage - ドメインを越えたlocalStrageの共有
JWTなどのTokenをlocalstrage(HTML5の)に保管することについて
LocalStrageがIE6でも使える優れものjstorage.js
sysend.js - HTML5/localStrageを使ってタブ間でメッセージを送受信 MOONGIFT