ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ä¿å˜ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’Chrome上ã§ç¢ºèªã™ã‚‹æ–¹æ³•
ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ä¿å˜ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’Chrome上ã§ç¢ºèªã™ã‚‹æ–¹æ³•ã€‚ JavaScriptã§localStorage.setItemã‚„sessionStorage.setItemãªã©ã‚’使ã£ã¦ä¿å˜ã—ãŸãƒ‡ãƒ¼ã‚¿ã¯ãƒ–ラウザChrome上ã§ç¢ºèªã‚„変更ã€å‰Šé™¤ãªã©ãŒå‡ºæ¥ã¾ã™ã€‚今回ã¯ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ãƒ‡ãƒ¼ã‚¿ãŒä¿å˜ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¦è§£èª¬ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚µã‚¤ãƒˆä¸Šã§å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦æ¤œè¨¼ã‚’é¸æŠžã€‚ Applicationタブをé¸æŠžã™ã‚‹ã€‚ 注）タブåã«Elements, Console, Sourcesãªã©ã¨è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¯ãšã€‚Applicationã¨ã„ã†é …ç›®ã¯éš ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã§â‰«ã‚’クリックã—ã¦éš ã‚ŒãŸã‚¿ãƒ–を表示ã—ã¦Applicationã‚’é¸æŠžã™ã‚‹ã€‚ Storageã¨ã„ã†é …ç›®ã«Local Storageã‚„Session Storageã¨ã„ã†é …ç›®ãŒã‚ã‚‹ã®ã§ã‚¯ãƒªãƒƒã‚¯ã€‚階層以下ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å…ˆã®URLãŒè¡¨ç¤ºã•ã‚Œã¦
HTML5ã®Local Storageを使ã£ã¦ã¯ã„ã‘ãªã„（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ åŽŸè‘—è€…ã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルã¯å†…容ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã¯å…ƒè¨˜äº‹ã‹ã‚‰ã®å¼•ç”¨ã§ã™ã€‚ åˆç‰ˆå…¬é–‹: 2019/10/19 追記更新: 2024/04/05 -- ãƒªãƒ³ã‚¯æƒ…å ±ã‚’è¨˜äº‹æœ«å°¾ã«ç§»å‹•ã—ã¾ã—㟠本気ã§ç”³ã—上ã’ã¾ã™ã€‚local storageを使ã‚ãªã„ã§ãã ã•ã„。 local storageã«ã‚»ãƒƒã‚·ãƒ§ãƒ³æƒ…å ±ã‚’ä¿å˜ã™ã‚‹é–‹ç™ºè€…ãŒã“ã‚Œã»ã©å¤šã„ç†ç”±ã«ã¤ã„ã¦ã€ç§ã«ã¯ã•ã£ã±ã‚Šè¦‹å½“ãŒã¤ãã¾ã›ã‚“。ã—ã‹ã—ã©ã‚“ãªç†ç”±ã§ã‚ã‚Œã€ãã®æ‰‹æ³•ã¯åœ°ä¸Šã‹ã‚‰æ¶ˆãˆã¦ãªããªã£ã¦ã‚‚らã†å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€æ˜Žã‚‰ã‹ã«æ‰‹ã«è² ãˆãªããªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ç§ã¯æ¯Žæ—¥ã®ã‚ˆã†ã«ã€é‡è¦ãªãƒ¦ãƒ¼ã‚¶ãƒ¼æƒ…å ±ã‚’local storageã«ä¿å˜ã™
ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ç°¡å˜ãªè§£æ±ºç–ã¯ãªã„
原文：“There is no simple solution for local storage†(on March 5, 2012 by Chris Heilmann) è¦ç´„：ç§ãŸã¡ã¯è‰¯ã„データストアã¨ã—ã¦Â localStorage を推奨ã™ã‚‹ã®ã‚’ã‚„ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„。パフォーマンスãŒã²ã©ãæãªã‚れるã‹ã‚‰ã 。ã—ã‹ã—残念ãªã“ã¨ã«ã€ä»£ã‚ã‚Šã¨ãªã‚‹ã‚‚ã®ã¯ã¾ã 完全ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ãŠã‚‰ãšã€ã¾ãŸç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚‚ã®ã§ã‚‚ãªã„。 Web 開発ã«ãŠã„ã¦ã€ã†ã¾ã™ãŽã‚‹è©±ã«å‡ºãã‚ã™ã“ã¨ã¯å¸¸ã€…ã 。ãã†ã„ã£ãŸã‚‚ã®ã®ã„ãã¤ã‹ã¯è‰¯ã„ã‚‚ã®ã§ã€ã ã‹ã‚‰ã“ããã‚ŒãŒã€Œã™ã¹ã¦ã€ã¨ã—ã¦ç›®ç«‹ã£ã¦ã—ã¾ã„ã€é–‹ç™ºè€…を使ã†ã‚ˆã†ã«ä»•å‘ã‘ã¦ã—ã¾ã†ã€‚ã—ã‹ã—ã€å¤šãã®å ´åˆã€è‰¯ã„ã¨æ€ã‚ã‚Œã¦ã„ãŸã‚‚ã®ã¯ãã“ã¾ã§è‰¯ã„ã‚‚ã®ã§ã¯ãªã„。ã¾ãŸã€ã—ã°ã‚‰ã使ã£ã¦ã¿ã¦ã¯ã˜ã‚ã¦ã€Œé–“é•ã£ã¦ã„ãŸã€ã¨æ°—ã¥ã‹ã•ã‚Œã‚‹ã‚‚ã®ãªã®ã 。 ãã‚“ãªã‚‚ã®ã®ã²ã¨ã¤ã«ã€localStorage ãŒã‚ã‚‹
ã€SessionStorage/LocalStorage】ブラウザストレージã«ã‚ˆã‚‹å‡¦ç†é€Ÿåº¦é«˜é€ŸåŒ–
実装localStorageを用ã„ã¦å®Ÿè£…ã—ã¦ã¿ãŸï¼Ž cacheHandler.jsã§ã‚ャッシュを扱ã†å‡¦ç†ã‚’用æ„． main.jsã§ï¼Œã‚ャッシュã«ãƒ‡ãƒ¼ã‚¿ãŒãªã‘ã‚Œã°ï¼Œå–å¾—ã—，ã‚ャッシュã«ä¿å˜ã™ã‚‹ï¼Ž [code language="javascript" title="cacheHandler.js"]<br />/**<br /><%%KEEPWHITESPACE%%> * コンストラクタã§ã™ï¼Ž<br /><%%KEEPWHITESPACE%%> * @constructor<br /><%%KEEPWHITESPACE%%> */<br />function CacheHandler() {<br />}<br /><br />/**<br /><%%KEEPWHITESPACE%%> * HTML5 localStorage ã‹ã‚‰ã‚ーã«å¯¾å¿œã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã¾ã™ï¼Ž<br /><%%KEEP
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[PSG] æ ªå¼ä¼šç¤¾ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ 社 - Programming Systems Group Inc.
{{#tags}}- {{label}}
{{/tags}}