[B! tips][javascript] KANIBUCHIã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

KANIBUCHI id:KANIBUCHI

tipsã¨javascriptã«é–¢ã™ã‚‹KANIBUCHIã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
KANIBUCHI 2011/05/31
javascript

tips

technique
ãƒªãƒ³ã‚¯
IE8ã§ã®å¤‰åŒ–ç‚¹ä¸€è¦§ + å‚™å¿˜éŒ² - latest log
IE8 ã§ã¯ã‹ãªã‚Šã®æ•°ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¢—ãˆã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚æ›¸ãæ®‹ã—ã¾ã™ã€‚ element.getAttribute ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ window.toStaticHTML window.toStaticHTML ã¯ã€XDomainRequest ã‚„ postMessage ã§å—ã‘å–ã£ãŸæ–‡å—åˆ—(HTML)ã‚’ã‚µãƒ‹ã‚¿ã‚¤ã‚º(æ¶ˆæ¯’)ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã€‚ XHRã‚„Jsonã§å—ã‘å–ã£ãŸæ–‡å—åˆ—ã®ã‚µãƒ‹ã‚¿ã‚¤ã‚ºã«ã‚‚ã‚·ãƒ¼ãƒ³ã‚’é¸ã¹ã°ä½¿ãˆã‚‹ã®ã ã‚ã†ã‹ã€‚ onclickç‰ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ç³»ã‚’æ½°ã™ã€‚ <div onclick="alert('hoge')">hoge</div> â†“ <div>hoge</div> scriptã‚¿ã‚°ã‚’æ½°ã™ã€‚ <script>alert("hoge")</script> â†“ ç„¡ã‹ã£ãŸã“ã¨ã«ãªã‚‹ CSS::expressionã‚’æ½°ã™ img { expression(uuClass
KANIBUCHI 2010/07/02
web

programming

tips

javascript

css
ãƒªãƒ³ã‚¯
ITæˆ¦è¨˜ - [javascript] JavaScript 1.7 ã® yield ãŒå‡„ã™ãŽã‚‹ä»¶ã«ã¤ã„ã¦
Firefox 2.0 beta 1 ãŒå‡ºã¾ã—ãŸãï¼¾ï¼¾ ã•ã£ããã€æ–°æ©Ÿèƒ½ã®ã²ã¨ã¤ã€JavaScript 1.7 ã® yield ã‚’ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãš yield ã®å‹•ä½œã‚’è©¦ã—ã¦ã¿ãŸã€‚ var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2ã“ã‚Œã§åˆ†ã‹ã£ãŸã“ã¨ã€‚ ãªã‚“ã¨ã€ yield ã¯é–¢æ•°ã‚’é€”ä¸ã§çµ‚äº†ã•ã›ã¦ã„ã‚‹ã€‚ã€‚ã€‚ï¼ å®Ÿã¯ã€‚ ã„ã¾ã¾ã§ã€ä½•åº¦ã‚‚é–¢æ•°ã‚’é€”ä¸ã§çµ‚äº†ã§ãã‚Œã°ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸã€‚ JavaScript ä»¥å¤–ã®ã»ã¨ã‚“ã©ã®è¨€èªžã§ãã‚ŒãŒå¯èƒ½ã§ã€ãã‚ŒãŒä¾¿åˆ©ã ã‹ã‚‰ã§ã‚ã‚‹ã€‚ ãã‚Œã¨ã¯ãªã«ã‹ã€ãã‚Œã¨ã¯ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã‚ã‚‹ã€‚ ã‚¹ãƒ¬ãƒƒãƒ‰ã¯ CPU ãƒ¬ãƒ™ãƒ«ã§ç´°ã‹ãƒ¼ãå‡¦ç†ã‚’æ¢ã‚ã¦ã€ã„ã‚ã‚“ãªå‡¦ç†ã®æµã‚Œã‚’åŒæ™‚ã«å®Ÿè¡Œã•ã›ã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã ã€‚ yie
KANIBUCHI 2010/04/28
programming

javascript

tips
ãƒªãƒ³ã‚¯
jQueryã‚’è‰¯ãã™ã‚‹25ã®TIPS
jQueryã‚’è‰¯ãã™ã‚‹25ã®TIPS ãƒã‚¿å…ƒï¼šImprove your jQuery - 25 excellent tips ã¡ã‚‡ã£ã¨å¤šã„ã§ã™ãŒã€ã‹ãªã‚Šè‰¯ã„TIPSãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ Google AJAX Libraries APIã‚’åˆ©ç”¨ã—ã‚ˆã† Google AJAX Libraries APIã‚’æ´»ç”¨ã™ã‚Œã°ã™ã°ã‚„ããƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> ç›´æŽ¥èªã¿è¾¼ã‚€ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ã€‚
KANIBUCHI 2008/12/19
ajax

javascript

library

programming

tips

web
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã® JavaScript ã‚’é«˜é€ŸåŒ–ã™ã‚‹ - ITæˆ¦è¨˜
ã¯ã˜ã‚ã« ã€Œæ–°ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€ã«ãªã£ãŸã¨ã„ã†ã“ã¨ã§ã€ã¨ã£ã¦ã‚‚ä¾¿åˆ©ã«ãªã£ãŸã®ã§ã™ãŒã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ä¸€è¦§ãƒšãƒ¼ã‚¸*1ãŒè‹¥å¹² JavaScript ã«æ™‚é–“ãŒæŽ›ã‹ã£ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ èª¿æŸ»ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚èª¿æŸ»ã—ã¦ã€æ”¹å–„ã§ããã†ãªã¨ã“ã‚ã¯å¾Œã§çºã‚ã¦ã€Œã¯ã¦ãªã‚¢ã‚¤ãƒ‡ã‚¢ã€ã«ã§ã‚‚ç™»éŒ²ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã“ã®æ—¥è¨˜ã¯èª¿æŸ»ã—ãªãŒã‚‰ã€éŽç¨‹ã‚’æ›¸ã„ã¦ã„ãã¤ã‚‚ã‚Šã§ã™ã€‚ æº–å‚™ ã¾ãšã¯ã€äººã®ã‚µã‚¤ãƒˆã® JavaScript ã‚’æ›¸ãæ›ãˆã¦è©¦ã—ã¦ã¿ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’ä½œã‚Šã¾ã™ã€‚ ä½œæ¥ç”¨ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ä½œã‚‹ ã¨ã‚Šã‚ãˆãšã€ãƒ›ãƒ¼ãƒ ã« HatenaJS ã¨ã„ã†ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ä½œã‚Šã¾ã™ã€‚ $ mkdir HatenaJS $ cd HatenaJS CocProxy ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã‚‹ ä»¥ä¸‹ã‹ã‚‰ CocProxy ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¾ã™ã€‚ http://coderepos.org/share/wiki/CocPr
KANIBUCHI 2008/11/27
ã¯ã¦ãªãƒãƒƒã‚¯ï¼Ÿã„ã‚„ãƒ•ã‚¡ãƒƒã‚¯ã‹ã“ã‚Œã¯ãƒ»ãƒ»ãƒ»

development

javascript

programming

tips

ruby

web

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
JavaScriptèªã¿è¾¼ã¿ãƒ–ãƒãƒƒã‚¯å›žé¿ã§ãƒšãƒ¼ã‚¸è¡¨ç¤ºã‚’é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒèªã¿è¾¼ã¾ã‚Œã‚‹ã¾ã§ç”»åƒã®èªã¿è¾¼ã¿ãŒãƒ–ãƒãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ - åŒãƒ–ãƒã‚°ã‚ˆã‚ŠæŠœç²‹ Webãƒšãƒ¼ã‚¸ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹YSlowã®ä¸»è¦é–‹ç™ºè€…ã§ã‚ã‚ŠYahoo! Exceptional Performanceã®é–‹ç™ºè€…ã§ã‚ã‚‹Stoyan Stefanovæ°ãŒNon-blocking JavaScript Downloadsã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿é€Ÿåº¦ã‚’å‘ä¸Šã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç°¡æ½”ã«ã¾ã¨ã‚ã¦ã„ã‚‹ã€‚ã“ã‚Œã¯ãƒ–ãƒãƒƒã‚¯ãŒç™ºç”Ÿã™ã‚‹JavaScriptã®èªã¿è¾¼ã¿ã‚’ä¸¦åˆ—åŒ–ã™ã‚‹ã“ã¨ã§ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿æ™‚é–“ã‚’çŸç¸®ã—ã‚ˆã†ã¨ã„ã†ã‚‚ã®ã€‚Webãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿é«˜é€ŸåŒ–ã«åŠ¹æžœçš„ãªæ‰‹æ³•ãªã®ã§Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯ä¸€åº¦ç›®ã‚’é€šã—ã¦ãŠããŸã„ã€‚ JavaScriptã®èªã¿è¾¼ã¿ä¸ã¯ã»ã‹ã®èªã¿è¾¼ã¿å‡¦ç†ãŒãƒ–ãƒãƒƒã‚¯ã•ã‚Œã‚‹ã€‚ã“ã‚Œã‚’DOMçµŒç”±ã§å‹•çš„ã«ãƒãƒ¼ãƒ‰ã™ã‚‹ã‚ˆã†ã«æ›¸ãæ›ãˆã¦ã‚„ã‚Œã°ä¸¦åˆ—ã—ã¦èªã¿è¾¼ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚Non-blocking
KANIBUCHI 2008/07/25
javascript

tips
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªCSS Tips ã„ã‚ã„ã‚ - DesignWalker
KANIBUCHI 2008/01/19
web

tips

javascript

css
ãƒªãƒ³ã‚¯
AJAXã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¨™æº–çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å†ç¾ã™ã‚‹ï¼šCodeZine
ã¯ã˜ã‚ã«ã€€AJAXã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨åŒã˜ãã‚‰ã„å¯¾è©±æ€§ã¨å¿œç”æ€§ã®ã‚ˆã„ãƒªãƒƒãƒãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã€å¤šãã®é–‹ç™ºè€…ã«æŽ¡ç”¨ã•ã‚Œã¦ãã¾ã—ãŸã€‚AJAXã§ã¯ã€Webã®UIã‚’ç•°ãªã‚‹ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã«åˆ†å‰²ã—ã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚ã‚‹ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã§æ“ä½œã‚’å®Ÿè¡Œã—ã€ãã®æ“ä½œãŒçµ‚ã‚ã‚‰ãªã„ã†ã¡ã«ä»–ã®ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã§ä½œæ¥ã‚’é–‹å§‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã€€ã—ã‹ã—ã€AJAXã«ã¯å¤§ããªæ¬ ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚æˆ»ã‚‹ã€é€²ã‚€ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¨ã„ã£ãŸæ¨™æº–çš„ãªãƒ–ãƒ©ã‚¦ã‚¶æ©Ÿèƒ½ãŒç„¡åŠ¹ã«ãªã‚‹ã®ã§ã™ã€‚AJAXã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºè€…ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’AJAXã®æ¬ ç‚¹ã«ç„¡ç†ã‚„ã‚Šé †å¿œã•ã›ã‚‹ã®ã§ã¯ãªãã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¾“æ¥ã®Webã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆã‚ã›ã€æ¬¡ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã‚ˆã†ã«ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ï¼»æˆ»ã‚‹ï¼½ï¼ï¼»é€²ã‚€ï¼½ãƒœã‚¿ãƒ³ãŒæ©Ÿèƒ½ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç›´è¦³çš„ãªã‚„ã‚Šæ–¹ã§å±¥æ´ãƒšãƒ¼ã‚¸é–“ã‚’ç§»å‹•ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’ä½œæˆã§
KANIBUCHI 2007/11/28
ajax

javascript

tips
ãƒªãƒ³ã‚¯
JavaScriptã§IEã‹ã©ã†ã‹ã‚’ãŸã£ãŸã®1è¡Œã§åˆ¤åˆ¥ã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptã§IEã‹ã©ã†ã‹ã‚’ãŸã£ãŸã®1è¡Œã§åˆ¤åˆ¥ã™ã‚‹æ–¹æ³•ã€‚ ãªã‚“ã¨ã€æ¬¡ã®1è¡Œã ã‘ã§ã€isMSIE å¤‰æ•°ã«ã€IEã§è¦‹ã‚Œã° true ã€ãã†ã§ãªã‘ã‚Œã°ã€€false ã‚’ä»£å…¥ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ var isMSIE = /*@cc_on!@*/false; æ¬¡ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã§ç¢ºèªã—ã¾ã—ãŸã€‚ <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEã§ã‚ã‚Œã° IE! ã‚’ alert ã—ã€ãã†ã§ãªã‘ã‚Œã°ã€€not I
KANIBUCHI 2007/10/15
javascript

tips
ãƒªãƒ³ã‚¯
ITæˆ¦è¨˜ - Shibuya.js Technical Talk #1 ã‚’çµ‚ãˆã¦ã€‚
çš†æ§˜ã®ãŠè©±ã—ã€ã¨ã¦ã‚‚å‹‰å¼·ã«ãªã‚Šã¾ã—ãŸã€‚ãã—ã¦ã€æ¥½ã—ã‹ã£ãŸã§ã™ã€‚ è‡ªåˆ†è‡ªèº«ã«ã“ã®ã‚ˆã†ãªæ©Ÿä¼šã‚’ä¸Žãˆã¦ãã‚ŒãŸã€id:secondlife ã•ã‚“åŠã³ Shibuya.js ã®çš†æ§˜ã«æ„Ÿè¬ã—ã¾ã™ã€‚ ã¾ãŸã€åˆ¥ã®ãƒ†ãƒ¼ãƒžã§ã‚‚è©±ã›ã‚‹æ©Ÿä¼šãŒã‚ã‚Œã°ã€ãœã²ã€æŒ‘æˆ¦ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã‚‚ã€amachang ã‚’ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ è³‡æ–™ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ http://sample.ecmascript.jp/20060414.ppt
KANIBUCHI 2007/03/10
javascript

ajax

tips
ãƒªãƒ³ã‚¯
1