[B! js] Tomohiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Tomohiro id:Tomohiro

jsã«é–¢ã™ã‚‹Tomohiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
Tomohiro 2009/03/02
development

html

css

performance

web

js

firefox
ãƒªãƒ³ã‚¯
HOKYPOKY. | MULTICOL. jQuery Plugin
MULTICOL. ã¯HTMLã§é›‘èªŒã®ã‚ˆã†ãªç¾Žã—ã„æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€æ—¥æœ¬è£½ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§æ—¥æœ¬èªžã‚‚ãã‚Œã„ã«æ®µçµ„ã¿ã«ã—ã¾ã™ã€‚ ä¸€ æˆ–æ˜¥ã®æ—¥æš®ã§ã™ã€‚ å”ã®è¥¿ã®é–€ã®ä¸‹ã«ã€ã¼ã‚“ã‚„ã‚Šç©ºã‚’ä»°ã„ã§ã„ã‚‹ã€ä¸€äººã®è‹¥è€…ãŒã‚ã‚Šã¾ã—ãŸã€‚ è‹¥è€…ã¯åã‚’æœåæ˜¥ã¨ã„ã£ã¦ã€å…ƒã¯é‡‘æŒã®æ¯åã§ã—ãŸãŒã€ä»Šã¯è²¡ç”£ã‚’è²»ãªèº«åˆ†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ã€‚ ä½•ã—ã‚ãã®é ƒæ´›é™½ã¨ã„ãˆã°ã€å¤©ä¸‹ã«ä¸¦ã¶ã‚‚ã®ã®ãªã„ã€ç¹æ˜Œã¯ã€ã¾ã‚‹ã§ç”»ã®ã‚ˆã†ãªç¾Žã—ã•ã§ã™ã€‚ ã—ã‹ã—æœåæ˜¥ã¯ç›¸å¤‰ã‚‰ãšã€é–€ã®å£ã«èº«ã‚’å‡ã‹ã¨æ€ã†ç¨‹ã€ã‹ã™ã‹ã«ç™½ãæµ®ã‚“ã§ã„ã‚‹ã®ã§ã™ã€‚ ã€Œæ—¥ã¯æš®ã‚Œã‚‹ã—ã€è…¹ã¯æ¸›ã‚‹ã—ã€ãã®ä¸Šã‚‚ã†ã©ã“ã¸è¡Œã£ã¦ã‚‚ã€æ³Šã‚ã¦ãã‚Œã‚‹æ‰€ã¯ãªã•ãã†ã ã—â€”â€”ã“ã‚“ãªæ€ã„ã‚’ã—ã¦ç”Ÿãã¦ã„ã‚‹ä½ãªã‚‰ã€ä¸€ãå·ã¸ã§ã‚‚èº«ã‚’æŠ•ã’ã¦ã€æ»ã‚“ã§ã—ã¾ã£ãŸæ–¹ãŒã¾ã—ã‹ã‚‚çŸ¥ã‚Œãªã„ã€ æœåæ˜¥ã¯ã²ã¨ã‚Šã•ã£ãã‹ã‚‰ã€ã“ã‚“ãªå–ã‚Šã¨ã‚ã‚‚ãªã„ã“ã¨ã‚’æ€ã„ã‚ãã‚‰ã—ã¦ã„
Tomohiro 2008/11/27
design

css

javascript

jquery

js

plugin

web
ãƒªãƒ³ã‚¯
æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: å®Ÿè·µJavaScriptãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°
åŒã˜äº‹ã‚’ã‚„ã‚‹ã«ã‚‚ã€ã„ã‚ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚ã‘ã§ã„ã‹ã«ã—ã¦çŸãã¦ã‚ã‹ã‚Šã‚„ã™ã„ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã‹ã¨ã„ã†ãƒŽã‚¦ãƒã‚¦ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¾‹ã¨ã—ã¦"abcde"ã‚’80å›žç¹°ã‚Šè¿”ã—ãŸæ–‡å—åˆ—ã‚’ä½œã‚‹ã¨ã—ã¦å®Ÿéš›ã«è‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ãŒã©ã‚“ãªé¢¨ã«å¤‰åŒ–ã—ã¦ã„ã£ãŸã®ã‹ã€ã¨ã„ã†ã€‚ çŸããªã‚‹ã®ã¯ç¢ºã‹ãªã‚“ã ã‘ã©ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã¨ã„ã†ã¨ã€äººã«ã‚ˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«é–¢æ•°ã‚’å®šç¾©2å¹´å‰ãªã‚‰ã€å¤šåˆ†ã“ã†ã„ã†å…·åˆã ã£ãŸã€‚ //ãµã¤ã†ã«é–¢æ•°ã¨ã—ã¦å®šç¾©ã™ã‚‹ function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã—ã¦å®šç¾©1å¹´å‰ã ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚ //Stringã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã—ã¦å®šç¾©ã™ã‚‹ String.prototype.x = function(num){ var tmp
Tomohiro 2008/09/08
js

oop

programming

prototype

tips

javascript
ãƒªãƒ³ã‚¯
ã€é€£è¼‰ã€‘ã„ã¾ã‹ã‚‰ã¯ã˜ã‚ã‚‹Prototype.js (1) Prototype.jsã®æ¦‚è¦ã¨$ã§å§‹ã¾ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Prototype.jsã¨ã¯ãªã«ã‹ Prototype.jsã¯ã€Sam Stephensonæ°ã‚’ä¸å¿ƒã¨ã™ã‚‹ãƒãƒ¼ãƒ ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹Ajaxå¯¾å¿œJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚å˜ä½“ã§ã‚‚Ajaxian.comã®2006å¹´ã¨2007å¹´ã®èª¿æŸ»ã§æœ€ã‚‚ã‚ˆãçŸ¥ã‚‰ã‚ŒãŸAjaxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«é¸ã°ã‚Œã‚‹ã»ã©ã®äººæ°—ã‚’å¾—ã¦ã„ã‚‹ãŒã€å®Ÿã¯Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Ruby on Railsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã‚ã‚Šã€åŒãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€Ruby on RailsçµŒç”±ã§ä½¿ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã‚‚å¤šã„ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã•ã‚Œã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚³ãƒ¢ãƒ³ã‚º(Creative Commons)ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®Attribution-Share Alike 3.0ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚è©³ç´°ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ãƒšãƒ¼ã‚¸ã§ç¢ºèªã—ã¦ã„ãŸã ããŸã„ã€‚ ã“ã‚Œã‹ã‚‰6å›žã«ã‚ãŸã£ã¦ã€ã“
Tomohiro 2008/09/08
programming

prototype

js

javascript

ajax

summary
ãƒªãƒ³ã‚¯
InfoQ: JavaScriptã¸ã®ãƒžãƒ«ãƒã‚¹ãƒ¬ãƒƒãƒ‰ãƒ»ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å°Žå…¥
function backgroundLoad ( ids ) { for ( var i=0; i < ids.length; i++ ) { var a = getArticleWithCache(ids[i]); backgroundLoad(a.children); } } ã“ã®backgroundLoadã¯IDã®é…åˆ—ã‚’å¼•æ•°ã«å–ã‚Šã€ãã®å„IDã«å¯¾ã—ã¦ä¸Šã§å®šç¾©ã—ãŸgetArticleWithCacheã‚’å‘¼ã³å‡ºã—ã¾ã™ã€‚ã“ã‚Œã§IDã«å¯¾å¿œã™ã‚‹è¨˜äº‹ã®ãƒ‡ãƒ¼ã‚¿ãŒã‚ãƒ£ãƒƒã‚·ãƒ¥ã•ã‚Œã¾ã™ã€‚ãã—ã¦èªã¿è¾¼ã‚“ã è¨˜äº‹ã®åè¨˜äº‹ã®IDã«å¯¾ã—ã¦backgroundLoadã‚’å†å¸°çš„ã«å‘¼ã³å‡ºã™ã“ã¨ã§ã€ãƒ„ãƒªãƒ¼å…¨ä½“ã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã“ã¾ã§ã™ã¹ã¦ã†ã¾ãã„ã£ã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¾ã™ã€‚ã—ã‹ã—ã€ä¸€åº¦ã§ã‚‚Ajaxé–‹ç™ºã‚’çµŒé¨“ã—ãŸã“ã¨ã®ã‚ã‚‹æ–¹ãªã‚‰ã°ã€ã“ã‚Œã§ã¯ã†ã¾ãã„ã‹ãªã„ã¨ã„ã†ã“ã¨ã¯ã™ã§ã«ãŠã‚ã‹ã‚Šã ã¨æ€ã„ã¾ã™ã€‚ã“ã‚Œã¾ã§ã®ä¾‹ã§
Tomohiro 2008/09/08
javascript

js

programming

ajax
ãƒªãƒ³ã‚¯
jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å¼·åŠ›ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ãƒŒï¼Ÿ'); }, function(){ $(this).text('ãƒŒãƒ¼'); } );
Tomohiro 2008/09/08
ajax

javascript

jquery

js

programming

summary
ãƒªãƒ³ã‚¯
1