2011”N06ŒŽ01“ú

localStorage‚͂��‚��Šï¿½L‚��

¡“ú‚̃lƒ^‚́AHTML5‚Å‹K’肳‚ê‚��‚élocalStorage(ƒ[ƒJƒ‹ƒXƒgƒŒ[ƒW)‚ɂ‚��‚Ä‚Å‚·B
ˆÈ‰ºA“Á’\‚ð‚��‚­‚‚©‹“‚��‚Ä‚Ý‚Ü‚·B

2011/07/06 ƒCƒxƒ“ƒg‚ɂ‚��‚Ä’Ç‹L





ƒ[ƒJƒ‹‚Ƀf[ƒ^‚ð•Û‘��‚µ‚Ü‚·


PC‚âƒXƒ}[ƒgƒtƒHƒ“‚È‚Ç‚Ì’[––‚Ƀf[ƒ^‚ð•Û‘��‚µ‚Ü‚·B
•Ê‚̃TƒCƒg‚ɍs‚�}‚¤‚ªAƒuƒ‰ƒEƒU‚ð•Â‚��‚悤‚ªAƒf[ƒ^‚ªŽc‚Á‚��‚Ü‚·B
localStorage‚ÌŽg‚��•û‚Æ‚µ‚ẮAƒLƒƒƒbƒVƒ…“I‚ÈŽg‚��•û‚ª—Ç‚³‚»‚¤‚Å‚·B
uƒT[ƒo[‚©‚çƒf[ƒ^‚ðŽæ“¾‚µ‚ÄlocalStorage‚ÉŠi”[‚µ‚�N‚­BŽŸ‚ɃAƒNƒZƒX‚µ‚½‚Æ‚«‚ÍlocalStorage‚©‚çŽæ“¾‚·‚éB‚à‚µ‚È‚¯‚ê‚΃T[ƒo[‚ÉŽæ‚è‚ɍs‚­Bv
‚Á‚Ċ�L‚��‚ŁB
ƒT[ƒo[‚ÉŽæ‚è‚ɍs‚©‚È‚­‚čςނȂ珈—‚ª‘‚­‚È‚Á‚ănƒbƒs[‚Å‚·‚ˁB
Š‘F‚̓[ƒJƒ‹‚̃f[ƒ^‚Ȃ̂ŁAƒf[ƒ^‚ª‘��Ý‚·‚é‚�}‚Æ‚ð‘O’ñ‚É‚µ‚Ă͂��‚¯‚Ü‚¹‚ñB





ƒ‚ƒ_ƒ“‚ȃuƒ‰ƒEƒU‚È‚ç‘åŠTŽg‚¦‚Ü‚·


IE8ˆÈãAFireFoxAChromeASafari‚ȂǁA—L–¼‚ȃuƒ‰ƒEƒU‚È‚ç‘Ήž‚µ‚��‚Ü‚·B
android‚âiOS‚Ȃǂ̃Xƒ}[ƒgƒtƒHƒ“‚̃uƒ‰ƒEƒU‚Å‚àOK‚Å‚·B
‚Ô‚Á‚¿‚ႯAIE7‚Æ‚©IE6‚ªŠà‚Á‚�}‚Æ‚Å‚·‚ˁB
‘‚­â–Å‚µ‚Ä‚­‚ñ‚ˁ[‚©‚ȁB

IE‚¾‚ÆlocalStorage‚ðƒIƒ“‚ɐݒ肵‚ĂȂ��‚Æ“®‚«‚Ü‚¹‚ñB
•MŽÒ‚̊‹«‚¾‚ƁA‹C‚��‚½‚Æ‚«‚̓Iƒt‚Å‚µ‚½B
‚Ü‚³‚©ƒfƒtƒHƒ‹ƒg‚ŃIƒtIH
ˆÈ‰º‚̂悤‚Ȋ�L‚��‚ŁAƒCƒ“ƒ^[ƒlƒbƒgƒIƒvƒVƒ‡ƒ“‚ðÝ’肵‚Ä‚­‚¾‚³‚��B
IE‚ÌlocalStorageÝ’è

‚à‚¤ˆê‚AIE‚ɂ‚��‚Ä’ˆÓB
IE‚э[ƒJƒ‹‚ÌHTMLƒtƒ@ƒCƒ‹‚𒼐ڎÀs‚µ‚½ê‡(‚‚܂èƒGƒNƒXƒvƒ[ƒ‰‚ÅHTMLƒtƒ@ƒCƒ‹‚ðƒ_ƒuƒ‹ƒNƒŠƒbƒN‚µ‚ÄŽÀs‚µ‚½ê‡)AlocalStorageƒIƒuƒWƒFƒNƒg‚ðŽæ“¾‚Å‚«‚Ȃ��‚悤‚Å‚·B
‚‚܂èlocalStorage‚ðŽg‚¦‚Ü‚¹‚ñB
‚«‚¿‚ñ‚ÆWebƒT[ƒo[Œo—R‚ÅŽÀs‚·‚ê‚Ζâ‘è‚ ‚è‚Ü‚¹‚ñB
ƒvƒƒOƒ‰ƒ~ƒ“ƒOï¿½N“®ìŠm”F‚̗��‚ꂪ–Ê“|‚É‚È‚è‚Ü‚·‚ˁB





“¯ˆêƒhƒƒCƒ“Œï¿½L‘\‚ª“K—p‚³‚ê‚Ü‚·


JavaScript‚ŃAƒNƒZƒX‚·‚é‚Ì‚Å“¯ˆêƒhƒƒCƒ“Œï¿½L‘\‚ª“K—p‚³‚ê‚Ü‚·B
—Ⴆ‚΁A
www.example.com/test.html
‚©‚ç
www.yahoo.co.jp/index.html
‚ÌlocalStorage‚ɃAƒNƒZƒX‚Å‚«‚Ü‚¹‚ñB
—v‚·‚é‚ɁA‘¼l—l‚̃TƒCƒg‚̃f[ƒ^‚ɂ̓AƒNƒZƒX‚Å‚«‚Ü‚¹‚ñB

‚Å‚à“¯ˆêƒhƒƒCƒ““à‚È‚ç•Ê‚̃y[ƒW‚Å‚àOK‚Å‚·B
test1.html‚ÅlocalStorage‚ÉŠi”[‚µ‚½ƒf[ƒ^‚ðAtest2.html‚Ŏ擾‚µ‚½‚è‚Å‚«‚Ü‚·B
ƒy[ƒWŠÔ‚Ńf[ƒ^‚ðˆø‚«“n‚·‚Ì‚ÉŽg‚¦‚Ü‚·‚ˁB
‘Ήž‚µ‚ĂȂ��ƒuƒ‰ƒEƒU‚ðØ‚èŽÌ‚Ä‚éA‚Ƃ��‚¤‘O’ñ‚Å‚Å‚·‚ªcB

¦’Ç‹L
xAuth‚âiframe‚È‚Ç‚ðŽg‚Á‚ăNƒƒXƒhƒƒCƒ“‚Å“¯ˆêlocalStorage‚ɃAƒNƒZƒX‚Å‚«‚é‚Ý‚½‚��‚Å‚·B
‚½‚¾A­‚µ•~‹‚ªã‚ª‚Á‚¿‚Ⴄ‚Ý‚½‚��B
‚â‚낤‚ÆŽv‚¦‚΂ł«‚éA‚­‚ç‚��‚Ì”FŽ¯‚ŁB





•Û‘��—e—ʂ͂��‚©‚قǂȂ́H


HTML5‚ÌŽd—l‚ł́A“Á‚ɕۑ��—e—ʂ̏ãŒÀ‚ÍŒˆ‚Ü‚Á‚ĂȂ��‚悤‚Å‚·B
uƒuƒ‰ƒEƒU‚ÌŽÀ‘•‚É”C‚¹‚é‚æv‚Á‚Ęb‚Å‚·B
cookie‚Ý‚½‚��‚ɐ”çƒoƒCƒg‚܂ŁA‚Á‚ăPƒ`‚­‚³‚��—ʂł͂Ȃ��‚Ì‚Å‚»‚ñ‚È‚É‹C‚É‚·‚é‚�}‚Æ‚à‚Ȃ��‚©‚à‚µ‚ê‚Ü‚¹‚ñB
•’ʂ̃TƒCƒg‚ªƒCƒ“ƒ^[ƒlƒbƒgŒo—R‚Å‚â‚èŽæ‚è‚·‚éƒf[ƒ^‚È‚ç–â‘è‚Ȃ��‚ÆŽv‚��‚Ü‚·B





˜A‘z”z—ñ‚Ý‚½‚��‚ɃAƒNƒZƒX‚Å‚«‚Ü‚·


localStorage‚ÌŠî–{“I‚ÈŽg‚��•û
//Ši”[‚·‚é
localStorage.setItem(key, value);
localStorage.key = value; //©„ï¿½ï¿½‚³‚ê‚Ü‚¹‚ñ
localStorage["key"] = value; //©„ï¿½ï¿½‚³‚ê‚Ü‚¹‚ñ

//Žæ“¾‚·‚é
var value = localStorage.getItem(key);
var value = localStorage.key; //©„ï¿½ï¿½‚³‚ê‚Ü‚¹‚ñ
var value = localStorage["key"]; //©„ï¿½ï¿½‚³‚ê‚Ü‚¹‚ñ

//ƒL[‚ð—ñ‹“‚·‚é
for (var i = 0; i < localStorage.length; i++) {
var key = localStorage.key(i);
}

//1Œíœ‚·‚é
localStorage.removeItem(key);

//‘S•”íœ‚·‚é
localStorage.clear();


localStorage.key‚Æ‚©localStorage["key"]‚Ý‚½‚��‚ɁA‚Ü‚³‚ÉJavaScript‚Á‚Û‚­ƒAƒNƒZƒX‚Å‚«‚Ü‚·B
‚ªA‚�}‚ê‚ç‚̏‘‚«•û‚¾‚ƃuƒ‰ƒEƒUŠÔ‚Ŕ��–­‚É“®ì‚ªˆÙ‚È‚é‚炵‚­cB
Œ»Žž“_‚¾‚Ƃ�N‚Æ‚È‚µ‚­getItem()AsetItem()‚ðŽg‚¤‚Ù‚¤‚ª—Ç‚³‚»‚¤‚È•µˆÍ‹C‚Å‚·B

‚Ü‚½Aã‹L‚̃R[ƒh‚Åvalue‚͕��Žš—ñ‚��‚á‚Ȃ��‚ƃ_ƒ‚Å‚·(Œ»Žž“_‚Å‚Í)B
HTML5‚ÌŽd—l‚ł̓IƒuƒWƒFƒNƒgOK‚Æ‚È‚Á‚Ä‚é‚̂ŁA‚»‚Ì‚¤‚¿ƒuƒ‰ƒEƒU‘¤‚őΉž‚µ‚Ä‚­‚ê‚é‚Å‚µ‚傤B
u¡‚Ü‚³‚ɃIƒuƒWƒFƒNƒg‚ÅŠi”[‚µ‚½‚��‚ñ‚¾‚æƒSƒ‰IIIv‚Á‚Đl‚ÍJSON‚É’¼‚µ‚ÄŠi”[‚·‚é‚ÆŒŒˆ³‚ª‰º‚ª‚é‚©‚à‚µ‚ê‚Ü‚¹‚ñB

JSON‚É’¼‚µ‚ÄŠi”[
//ƒIƒuƒWƒFƒNƒg‚©‚çJSON‚É’¼‚µ‚ÄŠi”[‚·‚é
localStorage.setItem(key, JSON.stringify({"hoge": "fuga"}));

//JSON‚©‚çƒIƒuƒWƒFƒNƒg‚É’¼‚µ‚Ď擾‚·‚é
var value = JSON.parse(localStorage.getItem(key));






ƒCƒxƒ“ƒg


ƒ[ƒJƒ‹ƒXƒgƒŒ[ƒW‚ª•ÏX‚³‚ꂽ‚Ƃ��‚¤ƒCƒxƒ“ƒg‚ðŽó‚¯Žæ‚é‚�}‚Æ‚ª‚Å‚«‚Ü‚·B
setItem()AremoveItem()Aclear()‚ðŽÀs‚µ‚½‚Æ‚«‚ɃCƒxƒ“ƒg‚ª”­s‚³‚ê‚Ü‚·B
‚�}‚Ì‹@”\‚́Aƒ[ƒJƒ‹ƒXƒgƒŒ[ƒW‚ª•ÏX‚³‚ꂽ‚�}‚Æ‚ðu‘¼‚̃y[ƒWv‚É“`‚¦‚Ü‚·B
Ž©•ªŽ©g(ƒCƒxƒ“ƒg‚𔭍s‚µ‚½ƒy[ƒW)‚É‚Í“`‚í‚è‚Ü‚¹‚ñB

ƒfƒ‚‚ðì‚Á‚Ä‚Ý‚Ü‚µ‚½B
ˆÈ‰º‚Ì“ñ‚‚̃y[ƒW‚𗼕û‚Æ‚àŠJ‚��‚Ä‚Ý‚Ä‚­‚¾‚³‚��B
ƒCƒxƒ“ƒg‚𔭍s‚·‚éƒy[ƒW
ƒCƒxƒ“ƒg‚ðŽó‚¯Žæ‚éƒy[ƒW

‘åŽG”c‚ȃR[ƒh‚͂�}‚ñ‚Ȋ�L‚��‚Å‚·B
jQuery‚ðŽg‚Á‚��‚Ü‚·B
jQuery‚ðŽg‚í‚Ȃ��ê‡‚ÍaddEventListenerŠÖ”‚ðŽg‚Á‚Ä‚­‚¾‚³‚��B

ƒ[ƒJƒ‹ƒXƒgƒŒ[ƒW•ÏX‚̃Cƒxƒ“ƒg
//ƒCƒxƒ“ƒg‚𔭍s‚·‚éƒy[ƒW
localStorage.setItem("key", "value");

//ƒCƒxƒ“ƒg‚ðŽó‚¯Žæ‚éƒy[ƒW
$(window).bind("storage", function (event) {
alert(
//•ÏX‘O‚Ì’l
"oldValue:" + event.originalEvent.oldValue + "\n" +
//•ÏXŒã‚Ì’l
"newValue:" + event.originalEvent.newValue + "\n" +
//ƒCƒxƒ“ƒg‚𔭍s‚µ‚½ƒy[ƒW‚ÌURL
"url:" + event.originalEvent.url + "\n" +
•ÏX‚³‚ꂽƒAƒCƒeƒ€‚̃L[
"key:" + event.originalEvent.key + "\n" +
//ƒ[ƒJƒ‹ƒXƒgƒŒ[ƒW‘S‘Ì
"storageArea:" + event.originalEvent.storageArea
);
});






¡ŒãAlocalStorage‚̓KƒŠƒKƒŠŽg‚í‚ê‚é‚�}‚Æ‚É‚È‚è‚»‚¤‚Å‚·B
‚�N‚��‚µ‚­ï¿½ï¿½‚µã‚ª‚肽‚��‚Å‚·‚ˁB




ƒ‰ƒxƒ‹Fjavascript HTML5
posted by ‚؂邽‚² at 01:01| Comment(29) | TrackBack(1) | “ú‹L | ‚}‚̃uƒƒO‚Ì“ÇŽÒ‚É‚È‚é | XVî•ñ‚ðƒ`ƒFƒbƒN‚·‚é
‚�}‚Ì‹LŽ–‚ւ̃Rƒƒ“ƒg
„€„~„|„p„z„~. Low price of http://onlinebestprice2016.com/ sildenafil citrate online prices and regular pharmacy prices?, High quality service and low prices for sildenafil citrate 100mg http://buyedtabletsonline24-7.com/ , an effective treatment, at greatly reduced prices, View specials coming from first-rate pharmacies where you can cialis brand http://cgeneric3onlinec.com/ keep them away from direct sunlight., providersPreventing errors is your responsibility when you cialis no prescription http://conline3buyc.com/ ., You know the price of cialis sale http://cbuy3onlinec.com/ Online pharmacies are a great way to !
Posted by VvgerbtdtQW at 2017”N01ŒŽ29“ú 11:52

Appreciate it! It is an awesome website. f
Posted by FrcjqhNY at 2017”N02ŒŽ20“ú 04:30

I adore this site - its so usefull and helpfull. f
Posted by AynifsWA at 2017”N02ŒŽ20“ú 04:40

I delight in the data on your web site. Many thanks. f
Posted by BkvqojCK at 2017”N02ŒŽ27“ú 19:39

You've one of the better sites. f
Posted by Vbkqoo at 2017”N02ŒŽ27“ú 22:48
<a href="http://usa4cialedc.com/">cialis online</a>

Hi excellent website! Does running a blog like this require a great deal of work? I have very little understanding of computer programming but I was hoping to start my own blog in the near future. Anyway, if you have any suggestions or techniques for new blog owners please share. I understand this is off topic but I just had to ask. Cheers! f http://usa4cialedc.com/
Posted by SfhlxqLS at 2017”N03ŒŽ21“ú 21:15
<a href="http://generic4menjlc.com/">tadalafil 20 mg</a>

Many thanks! This a great website. f http://generic4menjlc.com/
Posted by ZwjxpqUL at 2017”N03ŒŽ22“ú 23:41
same day payday loans f https://tgswfastcashloans.com/ pay day loans
Posted by ZljyzltyRG at 2017”N05ŒŽ02“ú 06:55
Posted by WigxkbEG at 2017”N05ŒŽ04“ú 00:15
bad credit payday loans f
https://sampaydaylendersapprovedcash.org/
Posted by pvbvb at 2017”N05ŒŽ04“ú 06:04
Posted by at 2017”N05ŒŽ04“ú 06:11
Posted by sqvvq at 2017”N05ŒŽ06“ú 06:14
Posted by at 2017”N05ŒŽ07“ú 01:32
Posted by AervbatheTM at 2017”N05ŒŽ12“ú 07:34
payday day loans
<a href="https://zxepersonalloansonlinesmall.com/">cash advance online</a>
online payday advance
<a href="https://zxepersonalloansonlinesmall.com/">instant payday loans</a> f
Posted by at 2017”N05ŒŽ13“ú 06:05
best online payday loans - https://zxepersonalloansonlinesmall.com/
payday advance loan <a href="https://zxepersonalloansonlinesmall.com/">cash advance</a> f
Posted by at 2017”N05ŒŽ13“ú 06:06
online personal loans - https://www.lericashadvanceonlineloan.com/
instant payday loans <a href="https://www.lericashadvanceonlineloan.com/">online loans</a> f
Posted by LbgbbatheHT at 2017”N05ŒŽ15“ú 06:06
Posted by LnolbatheBM at 2017”N05ŒŽ15“ú 06:06
loans - https://www.ljeionlinecashadvancefast.com/
direct lender payday loans <a href="https://www.ljeionlinecashadvancefast.com/">cash advances</a> f
Posted by at 2017”N05ŒŽ15“ú 07:23
online payday loan - https://www.getispaydayloansonline.com/
fast payday loan <a href="https://www.getispaydayloansonline.com/">easy loans</a> f
Posted by at 2017”N05ŒŽ15“ú 07:33
online payday loans direct lenders - https://paydayloanxwer.com/
quick cash loans <a href="https://paydayloanxwer.com/">fast loans</a> f
Posted by LbmnbatheVD at 2017”N05ŒŽ16“ú 02:58
online personal loans - https://personalloansxjil.org/
easy personal loan <a href="https://personalloansxjil.org/">best personal loans</a> f
Posted by at 2017”N05ŒŽ16“ú 04:09
payday loans online - https://cashadvancemuil.com/
best online payday loans <a href="https://cashadvancemuil.com/">cash advance loan</a> f
Posted by at 2017”N05ŒŽ16“ú 04:11
fast payday loan - https://badcreditbert.com/
payday loans bad credit <a href="https://badcreditbert.com/">bad credit payday loans</a> f
Posted by BvgfbatheOX at 2017”N05ŒŽ17“ú 00:45
small loans - https://badcreditnyrc.org/
same day payday loans <a href="https://badcreditnyrc.org/">online payday loans</a> f
Posted by BbtrbatheCV at 2017”N05ŒŽ17“ú 23:30
installment loans online - https://personalloansxjil.org/
installments loans <a href="https://personalloansxjil.org/">installment loans for poor credit</a> f
Posted by at 2017”N05ŒŽ22“ú 21:17
payday loans online - https://cashbadvance.org/
cash advance loans online <a href="https://cashbadvance.org/">cash advance inc</a> f
Posted by DbasbatheLI at 2017”N05ŒŽ24“ú 06:21
cialis online - http://genericialisfesonline.com/
cialis <a href="http://genericialisfesonline.com/">buy cialis</a> f
Posted by at 2017”N05ŒŽ24“ú 07:38
online payday loans no credit check - https://paydayloansonlinergc.org/
cash express <a href="https://paydayloansonlinergc.org/">cash advance lenders</a> f
Posted by GdcbatheYE at 2017”N05ŒŽ28“ú 06:30
ƒRƒƒ“ƒg‚ð‘‚­
‚�N–¼‘O:

ƒ[ƒ‹ƒAƒhƒŒƒX:

ƒz[ƒ€ƒy[ƒWƒAƒhƒŒƒX:

ƒRƒƒ“ƒg:

”FØƒR[ƒh: [•K{“ü—Í]


¦‰æ‘œ‚Ì’†‚̕��Žš‚𔼊p‚Å“ü—Í‚µ‚Ä‚­‚¾‚³‚��B

‚�}‚Ì‹LŽ–‚ւ̃gƒ‰ƒbƒNƒoƒbƒN

HTML5 ‚ōì‚é iPhone ƒ[ƒJƒ‹ Web ƒAƒvƒŠ“ü–å
Excerpt: ‚³‚āA‚Ü‚¸uƒ[ƒJƒ‹ Web ƒAƒvƒŠv‚Á‚Ä‚È‚ñ‚¼‚Á‚��‚¤˜b‚Å‚·‚ªAWeb ƒx[ƒX‚Ì‹Zp‚ōì‚ç‚êƒuƒ‰ƒEƒU‚©‚çƒT[ƒo‚ɃAƒNƒZƒX‚µ‚Ä—˜—p‚·‚é‚à‚̂́A‚��‚Á‚½‚ñƒ[ƒh‚ªŠ®—¹‚µ‚½‚çA‚»‚êˆÈ~‚̓lƒbƒgƒ[ƒNÚ‘�}•s—v..
Weblog: OTCHY.NET
Tracked: 2011-11-22 13:39
�~

‚�}‚̍L‚Í90“úˆÈãV‚µ‚��‹LŽ–‚Ì“Še‚ª‚Ȃ��ƒuƒƒO‚É•\Ž¦‚³‚ê‚�N‚è‚Ü‚·B