localStorage

HTMLStorageオブジェクト ＞ localStorageプロパティ

概要

　状態:- 　閲覧数:1,309 　投稿日:2014-03-22 　更新日:2014-03-22 　
Web Storage のひとつ
・利用することで、ユーザーローカル環境（ブラウザ）へのデータ保存が可能になる

cookieとの違い


cookie
・サーバー経由必須
・クライント→リクエスト→サーバー→データ→クライント

localStorage
・サーバー経由不要
・速度が早い
・セキュリティーもcookieよりも安全

Twitter検索結果。「localStorage」に関する最新ツイート

【自動化した】うひーまん　@uhiiman
#うひーメモ 投稿時間:2023-02-03 01:05:30 CookieとLocalStorageについて調べて比較した【JavaScript】 https://t.co/NUfBQu8MVd #js　2023/02/03 01:05
Masaki@Web技術者　@plus_one_masaki
HTMLは状態を持たない。 CookieやlocalStorage、indexedDBなんかは状態を持たせるための道具だが、まずは状態を持たなくてもできる表現を探すことから始めるのが筋。 具体的にはURLの設計が大事ですね。　2023/02/02 09:36
🀄 凸撃兵 🀅　@Stosstruppe
#DevelopersIO Google Chrome Extensionを作ってみた-その4- https://t.co/LAQES0sBM6 2011年の記事とかなり古いが適当に改修してオプションページは作れた。 localStorageはSecurity Policy何ちゃらエラーでアクセスできなかった。　2023/02/01 18:16
里野タケノコ　@TakenokoSatono
#ゲーム制作 中。json、localStorage でセーブを実装。画像を見て気付いたが、クラスと装備が復元できていないので後で直す。Android の場合、UA が何故かブラウザ問わず同一で、Safari に対する警告文が出てしまうが、仕方無さそう。 #phina_js #javascript https://t.co/tH7rXmvbkf　2023/01/31 20:58
easter2501　@easter2501
jwtを使ったよさげなサンプルがあったが最後のリフレッシュトークンを実装した後のログアウトのところでCookieとLocalStorageがごっちゃになってるな…惜しい https://t.co/wzARY5sRfp　2023/01/31 12:51
gonta@Webエンジニア　@keisei_otsuka
supabaseでログインをしたときにlocalStorageにユーザー情報を格納していたりするからこれを使うのもあり と思ってはいるんだが、あまりlocalStorageを触りたくないと思って気が引けている。。　2023/01/31 08:44
なるかみ@Trade AtoZ　@narukami_biz
某氏からのご依頼でJavaScriptなるものを触っているけれど○年越しにlocalstorageに触れる機会がきて少しワクワク　2023/01/30 23:39
里野タケノコ　@TakenokoSatono
@alkn203 ありがとうございます。PC、スマホやタブレットと環境を問わず動かしたかったのです。幸い、Chrome だと、Android でもローカルから localStorage を使えました。iOS は確認する手段を持っていませんが。できればブラウザに紐付けしたくなかったのですが、これしか無さそうですね。　2023/01/30 08:34
里野タケノコ　@TakenokoSatono
Chrome であれば、ローカルからでも localStorage を使えるようだ。ただ、file:/// に一纏めにされるので、競合しないキーを使う必要がある。これは、独自ドメインで無い場合も同じだろう。ゲームのセーブに使っても大丈夫だろうか。 #ゲーム制作 #javascript　2023/01/29 19:37
水蕗　@mizubuki
上長と話して、営業に実装のお断りをしようとした機能が、HTML5のlocalStorageを使えば実装できそうなので、11時からだけれど9時半くらいから勤務開始して調べようと思う。　2023/01/29 15:09
Qiitaマイルストーン　@qiita_milestone
50いいね！ | 異なるドメイン間でlocalstorageを共有する方法 https://t.co/yfEuLk8G0q　2023/01/29 14:20
しゅう　@sh_revue
■今週のRe:vue ・Labelsのデータ永続化（LocalStorage) ブラウザのストレージを使うので、ちゃんとアプリ内で消す機能を付けといたほうが良いかな。 #revue #vuejs #nuxtjs #個人開発 #revue #エンジニア https://t.co/D676Ws9OwB　2023/01/29 13:28
n　@ava_mgod
localStorage削除したら1日何度も再投票できると思てたらIPチェックもしてるっぽくて諦めた　2023/01/29 00:18
か　@Rockzeyo
localStorageに保存すると真偽値が文字列に変換されてるっていうのがわからなくて1時間くらい詰まってた　2023/01/28 17:01
須和多"ルマ（勝運不倒翁）　@suvadharma
厳密にはsupabase0.3.0によるOAuthだったし講座の段階では挙動が怪しいから手動でLocalStorageをクリーンアップするなどの寄り道もあったけど なるほどそうかと情報量多いのに、いろいろ省けるからNuxt早いな。関数のImport宣言で行ったり来たりがないから講義動画もめちゃくちゃ簡潔で分かりやすい🙂　2023/01/28 13:53
ひいらぎのぞみ　@nozomi_hiragi
httponlyなら7日で消えないのか なんだ〜〜〜 localstorageの挙動の説明がフワってしてて謎いけど 普通にしてたらセーフなんかな わかんねぇ　2023/01/27 21:04
ROHOAKIZUKI@フォーティアンでいこう！　@penpal_pfm
ユーザー登録させないで、一人一日一回の投票をなるべく不正されないで行えるWEBシステムを考えなきゃいけなくて頭爆発しそう。使えるのはCookie、localStorage、sessionStorage、PHPセッション、データベース。どんなに頑張っても完全にはできない　2023/01/27 19:59
てつしん　@Pro_Li_Official
//サンプルコードです。ご自由にお使いください。 //保存 if (window.localStorage) { //実行する処理 window.localStorage.setItem("key", value); } //取得 if (window.localStorage) { var 変数 = window.localStorage.getItem("key"); //実行する処理 }　2023/01/26 16:12
田端大樹　@Butterthon
Nuxt.jsでAuth0を使っているのだが、リフレッシュトークン取得できない。 localStorageにキーはあるけど、値はfalse。 Auth0側SPA ApplicationのGrantTypesはちゃんとRefreshTokenにチェックがついている。 Auth0側Custom APIのoffline-accessも許可してる。 お手上げナリ　2023/01/25 16:37

コメント投稿(ログインが必要)



類似度ページランキング
順位 ページタイトル抜粋 ％
1 Web Storage 61
2 createProgram()メソッド 45
3 compileShader()メソッド 45
4 clearRect()メソッド 44
5 clear()メソッド 43
6 clearDepth()メソッド 43
7 clearColor()メソッド 43
8 strokeStyleプロパティ 43
9 WebGLProgram 42
10 getAttribLocation()メソッド 40
11 addColorStop()メソッド 40
12 shaderSource()メソッド 40
13 createShader()メソッド 40
14 createImageData()メソッド 36
15 rect()メソッド 36
16 translate() メソッド 36
17 WebGLShader 35
18 scale()メソッド 35
19 strokeRect() メソッド 34
20 globalCompositeOperationプロパティ 34
2023/2/04 15:24 更新
週間人気ページランキング ／ 1-28 → 2-3
順位 ページタイトル抜粋 アクセス数
1 clearRect()メソッド(CanvasRenderingContext2D ) カテゴリー 2
1 getImageData()メソッド(CanvasRenderingContext2D ) カテゴリー 2
1 globalCompositeOperationプロパティ | CanvasRenderingContext2D 2
1 createProgram()メソッド(WebGLRenderingContext) カテゴリー 2
1 fillRect()メソッド(CanvasRenderingContext2D ) カテゴリー 2
1 drawImage()メソッド(CanvasRenderingContext2D ) カテゴリー 2
1 addColorStop()メソッド(CanvasGradient) カテゴリー 2
1 new Image()オブジェクト生成(HTMLImageElementインターフェイス) カテゴリー 2
1 getContext() メソッド | getContext()メソッド(HTMLCanvasElement) 2
1 lineWidthプロパティ(CanvasRenderingContext2D ) カテゴリー 2
1 bindBuffer()メソッド(WebGLRenderingContext) カテゴリー 2
1 createShader()メソッド(WebGLRenderingContext) カテゴリー 2
1 createLinearGradient() メソッド | createLinearGradient()メソッド(CanvasRenderingContext2D ) 2
1 fillStyleプロパティ(CanvasRenderingContext2D ) カテゴリー 2
1 ImageDataオブジェクト(HTMLCanvasElement) カテゴリー 2
1 transform()メソッド(CanvasRenderingContext2D ) カテゴリー 2
1 now()メソッド | Performanceインターフェイス 2
1 drawArrays()メソッド(WebGLRenderingContext) カテゴリー 2
2 フォーム | その他 1
2 HTML5用語 1
2023/2/4 1:01 更新