[B! prototype.js] nopopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nopop id:nopop

prototype.jsã«é–¢ã™ã‚‹nopopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

ç‰¹é›†ï¼šprototype.jsã‚’èªã¿è§£ãï½œgihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright Â© 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ãƒšãƒ¼ã‚¸å†…å®¹ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â ã€‚å€‹åˆ¥ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹è¨˜äº‹ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
nopop 2007/11/15
javascript

prototype.js
ãƒªãƒ³ã‚¯
prototype.jsã‚’èªã¿è§£ãï¼šç¬¬1å›žã€€Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆ1ã€œ197è¡Œç›®ï¼‰ï½œgihyo.jp
ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã€è‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‰ã¨å…±å˜ã•ã›ã‚‹ã¨ãã¯ã€ã“ã‚Œã‚‰ã®åå‰ã¨è¡çªã—ãªã„ã‚ˆã†ã«æ°—ã‚’ã¤ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚åŒã˜åå‰ã‚’ä½¿ã£ã¦ã—ã¾ã†ã¨ã€ã‚³ãƒ¼ãƒ‰ãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸé †ç•ªã«ã‚ˆã£ã¦æŒ™å‹•ãŒå¤‰ã‚ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã‚ã‹ã‚Šã«ãã„å•é¡ŒãŒç™ºç”Ÿã—ã¦ã—ã¾ã†å ´åˆãŒå‡ºã¦ãã¾ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ã‚¯ãƒ©ã‚¹ã®ä½¿ã‚ã‚Œæ–¹ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªå†…ã§ã¯ã€ä¸Šè¨˜ã®åå‰ç©ºé–“ã¯å¤§ããåˆ†ã‘ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªä½¿ã‚ã‚Œå½¢ã‚’ã—ã¦ã„ã¾ã™ã€‚ ãã®ä¸‹ã«åˆ¥ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å…¥ã‚Œã‚‹ãŸã‚ã®è¦ªåå‰ç©ºé–“ã¨ã—ã¦ä½¿ã† Class.create()ã‚’ä½¿ã£ã¦ Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒªé¢¨ã®ã‚¯ãƒ©ã‚¹ã¨ã—ã¦å®šç¾©ã™ã‚‹ Object.extend()ã‚’ä½¿ã£ã¦ä»–ã®ã‚¯ãƒ©ã‚¹ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ç¶™æ‰¿ã•ã‚Œã‚‹ã“ã¨ã‚’å‰æã¨ã™ã‚‹é–¢æ•°ã‚’é›†ã‚ã‚‹ ã‚³ãƒ¼ãƒ‰ã‚’ç°¡æ½”ã«è¨˜è¿°ã™ã‚‹ç‚ºã«çŸã„åå‰ã®é–¢æ•°ã¨ã—ã¦ä½¿ã† ç‰¹ã«ã€Object.extend()ã‚’ä½¿ã£ã¦ç¶™æ‰¿ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ç®‡æ‰€ãŒå¤šãã€æœ€çµ‚çš„ã«ã©ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ»ã‚¯ãƒ©ã‚¹ã«ã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒå®šç¾©ã•ã‚Œã¦ã„
nopop 2007/09/04
ajax

javascript

prototype.js
ãƒªãƒ³ã‚¯
prototype.jsé€†å¼•ãã‚µãƒ³ãƒ—ãƒ«é›† - JavaScriptist
ã¯ã˜ã‚ã« bookmark prototype.jsã®æ¦‚è¦ ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£é–¢æ•° bookmark æŒ‡å®šidã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’å–å¾— - $ æŒ‡å®šidã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®valueã‚’å–å¾— - $F ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒªã‚¹ãƒˆå½¢å¼ã‚’é…åˆ—å½¢å¼ã«å¤‰æ› - $A ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’Hashå½¢å¼ã«å¤‰æ› - $H æŒ‡å®šã—ãŸç¯„å›²ã®ãƒªã‚¹ãƒˆã‚’è¿”ã™ - $R prototype.jsã§è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ bookmark Ajax Ajaxãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’è¡Œã† - Ajax.Request Ajaxã§æŒ‡å®šã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å†…å®¹ã‚’æ›¸ãæ›ãˆã‚‹ - Ajax.Updater Ajaxã§æŒ‡å®šã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å†…å®¹ã‚’å®šæœŸçš„ã«æ›¸ãæ›ãˆã‚‹ - Ajax.PeriodicalUpdater å®šæœŸçš„ã«æŒ‡å®šã®å‡¦ç†ã‚’è¡Œã† - PeriodicalExecuter Enumerable ãƒªã‚¹ãƒˆã«ç‰¹å®šã®é–¢æ•°ã§å‡¦ç†ã•ã›ã‚‹ - Enumerable.each ãƒªã‚¹ãƒˆã®å…¨ã¦ã®å€¤ã‚’èª¿ã¹ã‚‹
nopop 2007/07/16
ajax

javascript

prototype.js

sample
ãƒªãƒ³ã‚¯
Prototype.js - Effectã‚µãƒ³ãƒ—ãƒ«
ã“ã‚Œã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª Prototypeã®Effectã®ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ä»˜å±žã®ã‚µãƒ³ãƒ—ãƒ«ã«ã¡ã‚‡ã£ã¨æ‰‹ã‚’åŠ ãˆã¦ã¡ã‚‡ã£ ã¨æ—¥æœ¬èªžè¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Effect.Fade() & Effect.Appear() å‘¼ã³å‡ºã—æ–¹æ³• new Effect.Appear(element) new Effect.Fade(element) ã‚³ãƒ¼ãƒ‰ä¾‹ onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
nopop 2007/07/16
ajax

prototype.js

javascript
ãƒªãƒ³ã‚¯
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js ã¯ Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–ã‚ŠåŽ»ã£ã¦ãã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……å®Ÿã—ãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ è‡ªåˆ†ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãã‚Œã‚’ä»–ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
nopop 2007/05/11
prototype.js

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
Javascriptï¼ˆscript.aculo.usï¼‰ã§ã€ãƒ–ãƒã‚°ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼šGoodpic
Ruby on Railsãªã©ã«ã‚‚å«ã¾ã‚Œã¦ã„ã‚‹ã€è©±é¡Œã®Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é€±æœ«ã«ã¡ã‚‡ã“ã£ã¨è§¦ã£ã¦ã¿ãŸã€‚prototype.jsã‚’ç¶™æ‰¿ã—ã¦ã€Ajaxãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ script.aculo.us - web 2.0 javascript HTMLã‚³ãƒ¼ãƒ‰å†…ã«ã€ã„ã¡ã„ã¡ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ã‚’å®šç¾©ã›ãšã€ã‚¯ãƒ©ã‚¹æŒ‡å®šã ã‘ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ç°¡å˜ ä¸Šè¨˜ã®ã‚µã‚¤ãƒˆã‹ã‚‰ã€scriptaculous-js-1.5.1.zip ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦è§£å‡ /lib ã¨ /src ã‚’ã€ãã®ã¾ã¾è‡ªåˆ†ã®ã‚µãƒ¼ãƒã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸjavascriptã‚’ã€ä½¿ç”¨ã™ã‚‹ãƒšãƒ¼ã‚¸ã®headã§Include <head> <script src="js/lib/prototype.js" type="text/javascript"></s
nopop 2007/05/09
javascript

animation

prototype.js
ãƒªãƒ³ã‚¯
prototype.jsã§ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼æŠ˜ã‚ŠãŸãŸã¿ - WEBãƒ‡ã‚¶ã‚¤ãƒ³ã€€BLOG
ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’æŠ˜ã‚ŠãŸãŸã¿å½¢å¼ã«å¤‰ãˆãŸã‹ã£ãŸã®ã§ã€ã„ã‚ã‚“ãªæ–¹æ³•ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ãŸãŒã€prototype.jsã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã£ã¦ç°¡å˜ã«ã§ããªã„ã‚‚ã®ã‹ã¨æ€ã„ã€‚è©¦ã—ã¦ã¿ãŸã‚‰å®Ÿè¡Œã§ãã¾ã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ Prototype JavaScript Framework: Class-style OO, Ajax, and more http://prototype.conio.net/ ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å…ƒã«æˆ»ã‚Šã¾ã™ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«ã¦æœ€è¿‘ã®ã‚³ãƒ¡ãƒ³ãƒˆãƒ»ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™ãŒã€ãã‚Œã»ã©é‡è¦æ€§ãŒã¾ã ãªã„ã‚ˆã†ãªã®ã§ã€éžè¡¨ç¤ºã«ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ã‚¯ãƒªãƒƒã‚¯ã®é »åº¦ãŒè–„ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æŠ˜ã‚ŠãŸãŸã¿è¡¨ç¤ºã«ã™ã‚‹ã“ã¨ã§ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’å°‘ã—ã™ã£ãã‚Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ prototype.jsæŠ˜ã‚ŠãŸãŸã¿ ä»Šå›žå®Ÿè¡Œã™ã‚‹å†…å®¹ã¯ã€æŒ‡å®šã®ãƒœãƒƒã‚¯ã‚¹éƒ¨åˆ†ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã®åˆ‡ã‚Šæ›¿ãˆã§ã™ã€‚ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªãƒœãƒƒã‚¯ã‚¹ã‚’ãƒ¯ãƒ³ã‚¯ãƒª
nopop 2007/05/08
prototype.js
ãƒªãƒ³ã‚¯
prototype.js ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<body> <h1>prototype.js ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹</h1>
nopop 2007/05/07
prototype.js

javascript

ajax

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
1