JavaScript Library Overview
The document discusses different approaches to using JavaScript libraries, including plug-and-play widgets, libraries that require some coding, and writing raw JavaScript from scratch. It then examines popular open-source JavaScript libraries like Prototype, jQuery, Yahoo UI, and Dojo, comparing their features, functionality, and widgets. The ideal library should have a robust core feature set alo
prototype.jsã‚’èªã¿è§£ã：第1回　Prototypeライブラリ（1〜197行目）｜gihyo.jp
ä»–ã®ãƒ©ã‚¤ãƒ–ラリやã€è‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‰ã¨å…±å˜ã•ã›ã‚‹ã¨ãã¯ã€ã“れらã®åå‰ã¨è¡çªã—ãªã„よã†ã«æ°—ã‚’ã¤ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚åŒã˜åå‰ã‚’使ã£ã¦ã—ã¾ã†ã¨ã€ã‚³ãƒ¼ãƒ‰ãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸé †ç•ªã«ã‚ˆã£ã¦æŒ™å‹•ãŒå¤‰ã‚ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã‚ã‹ã‚Šã«ãã„å•é¡ŒãŒç™ºç”Ÿã—ã¦ã—ã¾ã†å ´åˆãŒå‡ºã¦ãã¾ã™ã€‚ オブジェクトã€ã‚¯ãƒ©ã‚¹ã®ä½¿ã‚れ方 ライブラリ内ã§ã¯ã€ä¸Šè¨˜ã®åå‰ç©ºé–“ã¯å¤§ãã分ã‘ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªä½¿ã‚れ形をã—ã¦ã„ã¾ã™ã€‚ ãã®ä¸‹ã«åˆ¥ã®ã‚ªãƒ–ジェクトを入れるãŸã‚ã®è¦ªåå‰ç©ºé–“ã¨ã—ã¦ä½¿ã† Class.create()を使ã£ã¦ Prototypeライブラリ風ã®ã‚¯ãƒ©ã‚¹ã¨ã—ã¦å®šç¾©ã™ã‚‹ Object.extend()を使ã£ã¦ä»–ã®ã‚¯ãƒ©ã‚¹ã€ã‚ªãƒ–ジェクトã‹ã‚‰ç¶™æ‰¿ã•ã‚Œã‚‹ã“ã¨ã‚’å‰æã¨ã™ã‚‹é–¢æ•°ã‚’集ã‚ã‚‹ コードを簡潔ã«è¨˜è¿°ã™ã‚‹ç‚ºã«çŸã„åå‰ã®é–¢æ•°ã¨ã—ã¦ä½¿ã† 特ã«ã€Object.extend()を使ã£ã¦ç¶™æ‰¿ã‚’実ç¾ã—ã¦ã„る箇所ãŒå¤šãã€æœ€çµ‚çš„ã«ã©ã®ã‚ªãƒ–ジェクト・クラスã«ã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒå®šç¾©ã•ã‚Œã¦ã„
æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: prototype.jsã®Object汚染を回é¿ã™ã‚‹æ–¹æ³•
ã‹ãªã‚Šã‚¿ãƒ¼ã‚²ãƒƒãƒˆã®ç‹ã„Tips。役ã«ç«‹ãŸãªã„。 prototype.jsã¨ã„ã†Ruby on Railsãªã‚“ã‹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ä½¿ã‚ã‚Œã¦ã„る有åãªJavaScriptã®ãƒ©ã‚¤ãƒ–ラリãŒã‚ã£ã¦ã€ã“ã‚ŒãŒè‰²ã€…ã¨ä½¿ãˆãã†ãªå‡¦ç†ã‚’綺麗ã«è©°ã‚込んã§ã‚ã‚Šã€ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒˆçš„ãªåœ°ä½ã‚’確立ã—ã¦ã„ã‚‹ã®ã ã‘ã‚Œã©ã€ã¡ã‚‡ã£ã¨å¾®å¦™ã ãªãƒ¼ã¨æ€ã†ã¨ã“ã‚ãŒã‚ã£ã¦ã€ãã‚Œã¯Object.prototypeã‚’æ‹¡å¼µã—ã¦ã—ã¾ã†ç‚¹ã€‚ 実際ã®å¼Šå®³ã¯ã“ã†ã„ã†ã€‚ http://d.hatena.ne.jp/nazoking/20050425/1114374966 è¦ã¯é€£æƒ³é…列ã¨ã—ã¦ä½¿ã†ã¨ãã«å›°ã‚‹ã£ã¦è©±ã€‚ 多分prototype.jsã¯JavaScriptã®å´ã§ãƒã‚¸ãƒƒã‚¯ã‚’組むã“ã¨ã‚’ã‚ã¾ã‚Šæƒ³å®šã—ã¦ã„ãªã„ãŸã‚ã€ã“ã®è¾ºã®å•é¡Œã«ã‚ã‚“ã¾ã‚Šé…æ…®ã—ã¦ã„ãªã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã®ã ã‘ã‚Œã©ã€ã¨ã‚Šã‚ãˆãšç„¡ç†ã‚„り回é¿ã™ã‚‹æ–¹æ³•ã‚’æ€ã„ã¤ã„ãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ã€‚ http:
Prototype.jsã¨jQueryã®ã‚³ãƒ¼ãƒ‰æ¯”較:phpspot開発日誌
DOMã‚„Ajaxã‚’è¡Œã†ãŸã‚ã®ãã‚Œãžã‚Œã®ã‚³ãƒ¼ãƒ‰ã‚’出ã—ãŸã‚Šã—ã¦ã€ãã‚Œãžã‚Œã®æ¯”較を行ã£ã¦ã„るスライド。 Prototype.js → jQuery ã€ã‚ã‚‹ã„㯠jQuery → Prototype.js ã¸ã®ç§»è¡Œã‚’考ãˆã¦ã„ã‚‹å ´åˆã«ä¾¿åˆ©ã§ã™ã。
SlickSpeed Selectors Test
speed/validity selectors test for frameworks. Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing. Tests are run in a neutral environment, no library or framework is included in the main javascript test, to avoid favoritism. Tests are run against a local copy of this document. beta' src='s
Prototypeã§AJAX開発を効率化：CodeZine
去る8月30日（土曜日）ã€ãƒ©ã‚¤ãƒˆã‚¦ã‚§ã‚¤ãƒˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼ˆLightweight programming Language）ã®ç·åˆã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒLL Futureã€ãŒã€ãªã‹ã®ZERO（ä¸é‡ŽåŒºã‚‚ã¿ã˜å±±æ–‡åŒ–センター）大ホールã§é–‹å‚¬ã•ã‚ŒãŸã€‚当日ã¯å‰ç·šã®å½±éŸ¿ã§æ™‚ãŠã‚Šè±ªé›¨ã«è¦‹èˆžã‚れるä¸ã€ã•ã¾ã–ã¾ãªè¨€èªžã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚„開発者ãªã©åƒäººè¿‘ããŒé›†ã¾ã£ãŸã€‚
ITmedia エンタープライズ：ココをç†è§£ã™ã‚Œã°è¿‘é“ãªã€ŒAjaxフレームワーク〠(1/5)
ココをç†è§£ã™ã‚Œã°è¿‘é“ãªã€ŒAjaxフレームワークã€ï¼šWeb 2.0ã§å¤‰ã‚ã‚‹Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¸¸è˜ï¼ˆ1/5 ページ） Ajaxã‚’Webアプリケーションã«å–り入れるã«ã¯ã€ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークを利用ã™ã‚‹ã®ãŒã‚ˆã„。基礎をç†è§£ã™ã‚‹ã¨ã€ã•ã¾ã–ã¾ãªå¿œç”¨ä¾‹ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã¯ãšã 。 ã“ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ»ãƒ ックPlus「Web 2.0ã§å¤‰ã‚ã‚‹Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¸¸è˜ã€ã€ç¬¬6回目ã¨ãªã‚‹ä»Šå›žã¯ã€ç¬¬5回「ãã®ã‚µãƒ¼ãƒ“スã¯Ajaxフレームワークã§ä¸€å¤‰ã§ãã‚‹ã‹ï¼Ÿã€ã«ç¶šãã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®å®Ÿè£…例ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã。冒é よりコードを挙ã’ãŸå®Ÿè·µçš„ãªå†…容ã«å…¥ã£ã¦ã„ããŸã‚ã€å†…容ãŒä¸æ˜Žãªå ´åˆã«ã¯ã€æœ€ä½Žã§ã‚‚第5回ã®æœ€åˆã‹ã‚‰èªã‚“ã§ã¿ã‚‹ã¨ã‚ˆã„。 ã“ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ»ãƒ ックPlus「Web 2.0ã§å¤‰ã‚ã‚‹Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¸¸è˜ã€ã®é€£è¼‰ã‚’èªã‚€ã“ã¨ã§ã€èªè€…ã¯Ajaxã®å®Ÿè£…形態ãŒã©ã®ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã‹ç†è§£ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã¯ãšã 。
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js 㯠Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ライブラリã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–り去ã£ã¦ãれるã§ã—ょã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……実ã—ãŸãƒ‰ã‚ュメントãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ 自分ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãれを他ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„るオブジェクトã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
CodeZine：プãƒãƒˆã‚¿ã‚¤ãƒ—（prototype）ã«ã‚ˆã‚‹JavaScriptã®ã‚ªãƒ–ジェクト指å‘（プãƒãƒˆã‚¿ã‚¤ãƒ—, オブジェクト, Javascript, ECMASCript）
ã¯ã˜ã‚ã« JavaScriptã¯ã‚ªãƒ–ジェクト指å‘言語ã§ã™ã€‚ã—ã‹ã—ã€ãã®ã‚ªãƒ–ジェクトã®æ€§è³ªã¯ã€ä»–ã«è‰¯ã知られã¦ã„るオブジェクト指å‘言語ã®Javaã‚„C++ã¨å¤§ããç•°ãªã£ã¦ã„ã¾ã™ã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã€ãªãœãã®ã‚ˆã†ãªé•ã„ãŒã‚ã‚‹ã®ã‹ã€JavaScriptã«ãŠã‘るオブジェクト指å‘ã®è¨€èªžæ€æƒ³ã‚’見ã¦ã„ãã¨å…±ã«ã€ãã®é•ã„ã®æ ¹å¹¹ã§ã‚るプãƒãƒˆã‚¿ã‚¤ãƒ—ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯JavaScriptã®è§£èª¬ã§ã™ãŒã€ãã®å†…容ã¯ã€æ¨™æº–仕様ã®ECMAScriptã§æ‰±ã‚れる範囲ã«åŸºã¥ã„ã¦ã„ã¾ã™ã€‚従ã£ã¦ã€åŒã˜ãECMAScriptã‚’å…ƒã«ã—ã¦ã„る言語（JScriptã€ActionScript）ã§ã‚‚通ã˜ã‚‹å†…容ã«ãªã£ã¦ã„ã¾ã™ã€‚ 対象èªè€… プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºæœ¬çš„ãªçŸ¥è˜ã€ãªã‚‰ã³ã«ã‚ªãƒ–ジェクトやメソッドã¨è¨€ã£ãŸåŸºç¤Žçš„ãªæ¦‚念ã«ã¤ã„ã¦ã¯ã€ã“ã“ã§ã¯è§£èª¬ã—ã¾ã›ã‚“。最低é™ã€ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¤ã„ã¦
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')"
prototype.js 1.4rc4 Part.1解説
ãªã‚“ã‹ã€ã“ã®å‰æ›¸ã„ã¦ãŸã‚„ã¤ãŒæ–‡å—制é™ã§æ›¸ããã‚Œãªã‹ã£ãŸã®ã§ä¸‰éƒ¨æ§‹æˆã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚ŒãŒç¬¬ä¸€éƒ¨ã€‚ 第二部：http://d.hatena.ne.jp/amachang/20051124/1132584232 第三部：http://d.hatena.ne.jp/amachang/20051125/1132584378 注：引数ã«è¦ç´ ã® id 属性値を指定ã™ã‚‹é–¢æ•°åŠã³ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã¯è¦ç´ オブジェクトãã®ã‚‚ã®ã‚’入れã¦ã‚‚åŒã˜å‹•ä½œã§ã™ã€‚ 汎用関数 $ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="ja"><head><title>Test</title><script type="text/javascript" src="prototype
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScript++ã‹ã‚‚日記 - 1997å¹´ã‹ã‚‰ã®
Yahoo! JAPANã®APIリリース：「ã‚ãªãŸã®ã‚µã‚¤ãƒˆã¯Yahoo!ã§ä½•ä½ï¼Ÿã€ãªã‚‹ã‚¢ãƒ—リをã¤ãã£ãŸ
Yahoo! JAPANã®APIリリース：「ã‚ãªãŸã®ã‚µã‚¤ãƒˆã¯Yahoo!ã§ä½•ä½ï¼Ÿã€ãªã‚‹ã‚¢ãƒ—リをã¤ãã£ãŸ
{{#tags}}- {{label}}
{{/tags}}