[B! dom] kyotawebã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kyotaweb id:kyotaweb

domã«é–¢ã™ã‚‹kyotawebã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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}}

DOMã‚’é«˜é€Ÿã«æ“ä½œã™ã‚‹ãŸã‚ã® skin.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ãŸ - mizchi log
(ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ DOMã‚’é«˜é€Ÿã«æ“ä½œ => DOMã®å€¤ã‚’é«˜é€Ÿã«æ›´æ–° at Sat Mar 09 2013 15:30:09 GMT+0900 (JST)) (Skin#injectå®Ÿè£…ã—ãŸã®ã§ã‚¿ã‚¤ãƒˆãƒ«å…ƒã«æˆ»ã—ãŸ at Mar 09 2013 18:10:04 GMT+0900 (JST)) è‹¥æ‰‹ã®ä¼šã§ã€JavaScript Hell on Earth ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã—ã¦ãã¾ã—ãŸã€‚ js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth ã¨ã„ã†ã‚ã‘ã§DOMæŠ½è±¡ãƒ©ãƒƒãƒ‘ãƒ¼ã¤ãã‚Šã¾ã—ãŸã€‚ mizchi/skin.js Â· GitHub https://github.com/mizchi/skin.js ç›®çš„ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JSã§ã¯ä¸€å›žæ›¸ã„ãŸã‚‰çµ‚ã‚ã‚Šã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚²ãƒ¼ãƒ ãªã©ã®ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’æä¾›ã™ã‚‹éš›ã€é«˜é »åº¦ã§DOMã‚’æ›¸ãæ›
kyotaweb 2013/03/12
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆJSã‹ãªï¼Ÿ

template

dom

script

javascript

library
ãƒªãƒ³ã‚¯
node.jsã¨jQueryã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã™ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹
ã‚„ã£ã± jQuery ä¾¿åˆ©ã§ã™ã‚ˆ(*Â´ãƒ»Ï‰ãƒ»)(ãƒ»Ï‰ãƒ»ï½€*)ï¾ˆï½° ã‚»ãƒ¬ã‚¯ã‚¿ä½¿ã£ã¦ jQuery ã§ãƒ€ã‚«ãƒ€ã‚«ã‚„ã£ã¦ã‚‹ã¨ã€DOM ã¨ã‹æ£è¦è¡¨ç¾ã§ãƒãƒãƒãƒã‚„ã‚‹ã®ãŒãƒã‚«ã‚‰ã—ããªã£ã¡ã‚ƒã„ã¾ã™ã€‚ ã¨æ—¥é ƒã‹ã‚‰æ€ã£ã¦ãŸã‚Šã—ã¦ã¾ã—ã¦ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ JavaScript ãŒãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«ãªã£ã¦ã€jQuery ã§ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚Œã°è¶…ãƒ©ã‚¯ã§ãã‚‹ã‹ã‚‚ã¨æœŸå¾…ã—ã¦ã„ã¾ã™ã€‚ ã§ã€å…ˆæ—¥ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptã¨jQueryã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã¨ã„ã†è¨˜äº‹ã‚’ã†pã£ãŸã¨ã“ã‚ã€ã‚„ã£ã± Rhino ã˜ã‚ƒãªãã¦ node.js ãŒãˆãƒ¼ã‚“ã‚ˆ(Â´ï½¥Ï‰ï½¥ï½€)ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆã‚’é ‚ãã¾ã—ãŸã®ã§ã€node.js ã¨ jQuery ã§ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ JavaScript ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ node.js ã§ã™ã®ã§ã€å˜ã«ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã™ã‚‹ï¼ˆã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰å®Ÿè¡Œã™ã‚‹ï¼‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã ã‘ã˜ã‚ƒãªãã¦ã€ã‚¹ã‚¯ãƒ¬ã‚¤
kyotaweb 2011/02/02
jquery

node.js

JavaScript

dom
ãƒªãƒ³ã‚¯
JavaScriptã®DOM CoreåŸºç¤Ž - ä¸‰ç‰å…µ
Coreã®ç°¡æ˜“ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€‚Coreã¯è¦ç´ ã‚’å‚ç…§ã—ãŸã‚Šã€ç›¸å¯¾ä½ç½®ã‹ã‚‰å‘¨ã‚Šã®ãƒŽãƒ¼ãƒ‰ã‚’å‚ç…§ã—ãŸã‚Šã€è¦ç´ ã‚’ç”Ÿæˆã™ã‚‹ã¨ã„ã£ãŸéƒ¨åˆ†ã€‚ä¸»ã«åˆ©ç”¨ã™ã‚‹ã§ã‚ã‚ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã‚«ãƒãƒ¼ã—ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã™ã‘ã©ã€ã“ã‚Œã‚‚å…¥ã‚Œã¨ã‘ã£ã¦ã®ã‚ã£ãŸã‚‰æ•™ãˆã¦ãã ã•ã„ã€‚ ã“ã®ã‚ãŸã‚Šã¯åœ°å‘³ã§ä½¿ã„ã¥ã‚‰ããã®ä¸Šç†è§£ã—ã«ãã„ã¨ã„ã†æ®‹å¿µãªéƒ¨åˆ†ã€‚ãµã¨å¿˜ã‚ŒãŸã¨ãã«ä½¿ã†å€‹äººçš„ãªã‚‚ã®ã§ã™ãŒã€æ…¢æ€§jQueryæ‹’çµ¶ç—‡å€™ç¾¤ãªäººã‚ˆã‹ã£ãŸã‚‰ã©ã†ãžã€‚ãã‚Œã«ã—ã¦ã‚‚æš‘ã„ã€‚ã‚¬ãƒªã‚¬ãƒªå›ãŠã„ã—ã„ãã€‚ DOMã¨ã¯ã€‚ Document Object Model (DOM) ã¯ã€HTML ãŠã‚ˆã³ XML ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ãŸã‚ã® API ã§ã™ã€‚ã“ã‚Œã¯ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®æ§‹é€ çš„ãªè¡¨ç¾ã‚’æä¾›ã—ã€å†…å®¹ã‚„è¡¨ç¤ºå½¢æ…‹ã®å¤‰æ›´ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ç«¯çš„ã«è¨€ãˆã°ã€Web ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã¤ãªãã‚ˆã†ãªæ©Ÿæ§‹ã§ã™ã€‚ https://developer.mozilla.org/ja/
kyotaweb 2010/08/28
html

dom

JavaScript
ãƒªãƒ³ã‚¯
ã‚¿ã‚°ã®å±žæ€§å€¤ã‚’æ“ã‚‹
Aã‚¿ã‚°ã®hrefå±žæ€§ã‚„IMGã‚¿ã‚°ã®srcå±žæ€§ãªã©ã€HTMLã®è¦‹ãŸç›®ã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å¤‰æ›´ã™ã‚‹å±žæ€§å€¤ã®æ“ä½œã‚’è§£èª¬ã€‚ãã£ã¨å®Ÿè·µã§å½¹ç«‹ã¡ã¾ã™ã€‚ æ—§æ¥ã®DHTMLã®æ‰‹æ³•ã§ã¯ã€JavaScriptã‹ã‚‰æ“ä½œã§ãã‚‹HTMLè¦ç´ ã«ã¯é™ã‚ŠãŒã‚ã‚Šã¾ã—ãŸãŒã€DOMã§ã¯ã€HTMLä¸Šã®ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹è¦ç´ ã‚’è‡ªç”±è‡ªåœ¨ã«èªã¿å–ã£ãŸã‚Šã€æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚æœ¬é€£è¼‰ã§ã¯ã€ä¸»ã«DOM Level 1ã§è¦å®šã•ã‚Œã¦ã„ã‚‹æ‰‹æ³•ã‚’ä½¿ã„ã€JavaScriptã§ã©ã®ã‚ˆã†ã«HTMLä¸Šã®è¦ç´ ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã®ã‹ã€ãã—ã¦ã€ãã‚Œã‚’ã©ã†ã‚„ã£ã¦æ›¸ãæ›ãˆã‚‹ã®ã‹ã‚’è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€JavaScriptã‹ã‚‰HTMLè¦ç´ ã‚’æ‰‹ã«å–ã‚‹ã‚ˆã†ã«æ“ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ å‰å›žã®ã€ŒNodeListã®æ´»ç”¨ã«ã¯ã”æ³¨æ„ã‚’ã€ã§ã¯ã€HTMLä¸Šã®ã‚¿ã‚°è¦ç´ ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹æ‰‹æ³•ã‚’å¦ç¿’ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã¯ã€HTMLã«å˜åœ¨ã™ã‚‹è¦ç´ ã‚’èªã¿å–ã‚‹ã ã‘ã§ã—ãŸã€‚ã“ã‚Œã‹ã‚‰ã¯ã‚¿ã‚°ã®å±ž
kyotaweb 2009/01/06
dom

ajax

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§HTMLã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«æ›¸ãæ›ãˆã‚‹ã€€å‰ç·¨
ã‚‚ã¨ã‚‚ã¨ã¯å˜åœ¨ã—ãªã‹ã£ãŸã‚¿ã‚°è¦ç´ ã‚’æ–°ãŸã«è¿½åŠ ã—ãŸã‚Šã€å¤‰æ›´ã€å‰Šé™¤ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã¶ã€‚ã“ã†ã—ãŸå‡¦ç†ãŒã§ãã‚‹ã®ã¯DOMãªã‚‰ã§ã¯ã®é…åŠ›ã ã€‚ æ—§æ¥ã®DHTMLã®æ‰‹æ³•ã§ã¯ã€JavaScriptã‹ã‚‰æ“ä½œã§ãã‚‹HTMLè¦ç´ ã«ã¯é™ã‚ŠãŒã‚ã‚Šã¾ã—ãŸãŒã€DOMã§ã¯ã€HTMLä¸Šã®ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹è¦ç´ ã‚’è‡ªç”±è‡ªåœ¨ã«èªã¿å–ã£ãŸã‚Šã€æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚æœ¬é€£è¼‰ã§ã¯ã€ä¸»ã«DOM Level 1ã§è¦å®šã•ã‚Œã¦ã„ã‚‹æ‰‹æ³•ã‚’ä½¿ã„ã€JavaScriptã§ã©ã®ã‚ˆã†ã«HTMLä¸Šã®è¦ç´ ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã®ã‹ã€ãã—ã¦ã€ãã‚Œã‚’ã©ã†ã‚„ã£ã¦æ›¸ãæ›ãˆã‚‹ã®ã‹ã‚’è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€JavaScriptã‹ã‚‰HTMLè¦ç´ ã‚’æ‰‹ã«å–ã‚‹ã‚ˆã†ã«æ“ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ DOMã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã§ã¯ã€HTMLã‚’JavaScriptã‹ã‚‰è‡ªç”±è‡ªåœ¨ã«æ›¸ãæ›ãˆã‚‰ã‚Œã‚‹ç‚¹ãŒå¤§ããªé…åŠ›ã§ã™ã€‚ã“ã‚Œã¾ã§ã€HTMLã«å˜åœ¨ã™ã‚‹è¦ç´ ã®å‚ç…§æ–¹æ³•ã‚„å±žæ€§ã®æ‰±ã„æ–¹ã‚’å¦ã‚“ã§ãã¾ã—ãŸãŒã€
kyotaweb 2008/07/03
dom

(x)html

javascript
ãƒªãƒ³ã‚¯
1