[B! DOM][html5] Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Ooo id:Ooo

DOMã¨html5ã«é–¢ã™ã‚‹Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Web Componentsã‚’æ§‹æˆã™ã‚‹4ã¤ã®ä»•æ§˜ ãƒ¼ Web ComponentsåŸºç¤Žç·¨
æˆ‘ã€…Webé–‹ç™ºè€…ãŒWeb Componentsã¨ã„ã†è¨€è‘‰ã‚’è€³ã«ã—ã¦ã‹ã‚‰ã€ã‚‚ã†2å¹´ç¨‹çµŒã£ãŸã§ã—ã‚‡ã†ã‹ã€‚Web ComponentsãŒå¤‰ãˆã‚‹Webé–‹ç™ºã®æœªæ¥ã¨ã„ã†è¨˜äº‹ã«ã€ã€Œä»Šã®Webé–‹ç™ºãŒã©ã®ã‚ˆã†ãªèª²é¡Œã‚’æŠ±ãˆã¦ã„ã‚‹ã‹ã€ãã‚Œã‚’Web ComponentsãŒã©ã†è§£æ±ºã™ã‚‹ã‹ã€ã‚’æ›¸ãã¾ã—ãŸã€‚ã“ã‚Œã‚’è¸ã¾ãˆã¦ã€æœ¬é€£è¼‰ã§ã¯Web Componentsã®ä»•æ§˜ã‹ã‚‰å®Ÿè£…ã€Polymerã‚„X-Tagã¨ã„ã£ãŸWeb Componentsã‚’æ”¯ãˆã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã®å‘¨è¾ºçŸ¥è˜ã¾ã§è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ Web Componentsã‚’æ”¯ãˆã‚‹4ã¤ã®ä»•æ§˜ é€£è¼‰ç¬¬1å›žç›®ã¨ãªã‚‹æœ¬è¨˜äº‹ã§ã¯ã€Web Componentsã‚’æ”¯ãˆã‚‹4ã¤ã®ä»•æ§˜ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚Web Componentsã¯ä»¥ä¸‹ã®4ã¤ã®ç‹¬ç«‹ã—ãŸä»•æ§˜ã‹ã‚‰æ§‹æˆã•ã‚Œã¾ã™ã€‚ Custom Elements â€“ ç‹¬è‡ªã®ã‚«ã‚¹ã‚¿ãƒ è¦ç´ ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå®šç¾©ã™ã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã™ã‚‹ Shadow DOM
Ooo 2014/10/31
document

HTML

DOM

JavaScript

html5

web components
ãƒªãƒ³ã‚¯
ä¸–ã®ä¸ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog
2chã¾ã¨ã‚ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦ã¿ãŸã€‚(ã—ã¦ã¿ãŸã‹ã£ãŸ) HTML5ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨åˆæœŸåŒ–ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®è€ƒãˆæ–¹ãŒã€ã€Œã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¯æœ¬å½“ã«å‡ºæ¥ã¦ãªã„ã€‚ ã¨ãã«ã‚½ã‚·ãƒ£ã‚²ã‚’ã‚¦ã‚§ãƒ–ãƒ“ãƒ¥ãƒ¼ã«è²¼ã£ã¦ã‚¹ãƒžãƒ›å¯¾å¿œã—ã¾ã—ãŸç³»ã€‚æœ¬å½“ã«ãƒ€ãƒ¡ã€‚ ã˜ã‚ƒã‚ã©ã†ã™ã‚‹ã‹ï¼ŸåŸºæœ¬çš„ã«ã€ŒåˆæœŸåŒ–ã€ã®è€ƒãˆæ–¹ã‚’ç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã€‚ (ã“ã®è¨˜äº‹ã¯Backboneã‚’ä½¿ã†ã¨ãã«è€ƒãˆã¦ã‚‹ã“ã¨ã ã‘ã©ã€ä»–ã§ã‚‚ä¸€ç·’ã ã¨æ€ã†) å‰æ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚„SEOã¯è€ƒæ…®ã—ãªã„ åŸºæœ¬å“²å¦ å…±é€šãƒ¢ãƒ‡ãƒ«ã®åˆæœŸåŒ–ã‚’å¾¹åº•çš„ã«è¡Œã† ã‚µãƒ¼ãƒãƒ¼ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŠ•ã’ã‚‹ã®ã¯æœ€å°é™ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚µãƒ¼ãƒãƒ¼ãƒ¢ãƒ‡ãƒ«ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½œã‚Šã€æ›´æ–°ãŒæœŸå¾…ã•ã‚Œã‚‹ã¾ã§å†å–å¾—ã—ãªã„ ç†ç”± ã„ãã‚‰DOMã®æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã§UXã«å½±éŸ¿ãŒå¤§ãã„ã®ã¯ã‚µãƒ¼ãƒãƒ¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(200~2000ms)ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ®µéšŽã§è¾›ã•ãŒã‚ã¤ã¾ã‚‹ã®ã¯éžåŒæœŸå‡¦ç†ã®éƒ¨åˆ†ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—
Ooo 2013/09/26
html5

DOM

api

backbone

javascript
ãƒªãƒ³ã‚¯
Safari4 ã¨ IE8 ã§å®Ÿè£…ã•ã‚ŒãŸ DOM Storage ã¨ã¯ä½•ã‹ - ITæˆ¦è¨˜
ã¯ã˜ã‚ã« çš†æ§˜ JavaScript ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ç«¶äº‰ãŒæ¿€åŒ–ã—ã€ ECMAScript 3.1 ã®ä»•æ§˜ã®ç–å®šãŒé€²ã‚€ãªã©ã€æ¿€å‹•ã® JavaScript æ™‚ä»£ã‚’ã„ã‹ãŒãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ ã•ã¦ä»Šæ—¥ã¯ã€ä»Šã€ã¡ã¾ãŸã§å¤§ãƒ–ãƒ¬ã‚¤ã‚¯ã®å…†ã—ã‚’è¦‹ã›ã¦ã„ã‚‹ DOM Storage ã¨ã„ã†ä»•æ§˜ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ DOM Storage ã¨ã¯ä½•ã‹ ã¾ãšã€ DOM Storage ã¨ã¯ã©ã‚“ãªã‚‚ã®ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ ã¨ã¦ã‚‚ç°¡å˜ã«è¨€ã£ã¦ã—ã¾ãˆã°ã€ã¨ã¦ã‚‚ãŸãã•ã‚“ã®ãƒ‡ãƒ¼ã‚¿ãŒä¿å˜ã§ãã¦ã‚µãƒ¼ãƒãƒ¼ã«è‡ªå‹•ã§é€ã‚‰ã‚Œãªã„ Cookie ã¿ãŸã„ãªã‚‚ã®ã§ã™ã€‚ ã•ã‚‰ã«ã€ Cookie ã¨ã¯é•ã£ã¦ JavaScript ã‹ã‚‰ã¨ã¦ã‚‚æ‰±ã„æ˜“ãä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã¯ã€ã“ã® DOMStorage ã®å…·ä½“çš„ãªã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ <!DOCTYPE html> <html> <head><title>DOMStorage ã®ä½¿ã„æ–¹</tit
Ooo 2008/09/25
dom

domstorage

html5

html

javascript
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

DOMã¨html5ã«é–¢ã™ã‚‹Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

DOMã¨html5ã«é–¢ã™ã‚‹Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Web Componentsã‚’æ§‹æˆã™ã‚‹4ã¤ã®ä»•æ§˜ ãƒ¼ Web ComponentsåŸºç¤Žç·¨

ä¸–ã®ä¸­ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog

Safari4 ã¨ IE8 ã§å®Ÿè£…ã•ã‚ŒãŸ DOM Storage ã¨ã¯ä½•ã‹ - ITæˆ¦è¨˜

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

DOMã¨html5ã«é–¢ã™ã‚‹Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Web Componentsã‚’æ§‹æˆã™ã‚‹4ã¤ã®ä»•æ§˜ ãƒ¼ Web ComponentsåŸºç¤Žç·¨

ä¸–ã®ä¸ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog

Safari4 ã¨ IE8 ã§å®Ÿè£…ã•ã‚ŒãŸ DOM Storage ã¨ã¯ä½•ã‹ - ITæˆ¦è¨˜

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹