[ThinkIT] 第1回：Prototype.jsを使ã†æº–å‚™ (1/2)“AIã‚’ã©ã†ä½¿ã†ã‹â€ã§ã¯ãªã“何を改善ã™ã‚‹ã‹â€TRENDOãŒèªžã‚‹ã€AIエージェント時代ã®æœ¬è³ª 2025å¹´12月26æ—¥ 6:30
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 リストã®å…¨ã¦ã®å€¤ã‚’調ã¹ã‚‹
MOONGIFT: » prototype.jsベースã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€Œprotocalendar.jsã€:オープンソースを毎日紹介
よãã€èª•ç”Ÿæ—¥ã®å…¥åŠ›ãªã©ã§ãƒ‰ãƒãƒƒãƒ—ダウンリストã‹ã‚‰é¸ã°ã›ã‚‹ã‚‚ã®ãŒã‚ã‚‹ãŒã€ã‚ã‚Œã»ã©å…¥åŠ›ãŒé¢å€’ãªã‚‚ã®ã¯ãªã„ã¨æ€ã£ã¦ã„る。テã‚ストボックスã«ãã®ã¾ã¾æ•°å—ã§å…¥ã‚ŒãŸæ–¹ãŒã‚ˆã£ã½ã©ã‚‚手軽ã 。 ã¨ã¯è¨€ãˆã€å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã‚„ユーザビリティを考ãˆã‚‹ã¨ãれもãŠå‹§ã‚ã¯ã§ããªã„。手軽ã§ã€ã•ã‚‰ã«æ£ç¢ºãªå…¥åŠ›ãŒä¿ƒã›ã‚‹æ–¹æ³•ã¨ã—ã¦ã“れをãŠå‹§ã‚ã—ãŸã„。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯protocalendar.jsã€prototype.jsベースã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å…¥åŠ›ãƒ©ã‚¤ãƒ–ラリã 。 protocalendar.jsã¯ãƒ†ã‚ストボックスã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã‚‹ã¨ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ラリã 。良ãã‚ã‚‹ã‚‚ã®ã ãŒã€prototype.jsベースãªã®ã¨ã€ä½•ã‚ˆã‚Šæ—¥æœ¬è£½ã¨ã„ã†ã®ãŒç‰¹å¾´ã 。 日本製ã®å¬‰ã—ã„点ã¨ã—ã¦ã¯ã€ä¼‘æ—¥ã«å¯¾å¿œã—ã¦ã„る点ã ã‚ã†ã€‚ãƒãƒƒãƒ”ーマンデーã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã€æ•°å¹´å¾Œã®ä¼‘日も表示ã•ã‚Œã‚‹ã®ãŒç´ 晴らã—ã„。 ã•ã‚‰ã«å¤šè¨€èªžå¯¾å¿œã«ã‚ˆ
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 JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Weblog Prototype 1.7.3 The new bugfix release of Prototype features lots of tiny fixes and one giant change under the hood. A foundation for ambitious web applications. Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax an
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js 㯠Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ライブラリã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–り去ã£ã¦ãれるã§ã—ょã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……実ã—ãŸãƒ‰ã‚ュメントãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ 自分ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãれを他ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„るオブジェクトã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
マウスホイールイベントå–得用ã®prototype.js拡張サンプル:phpspot開発日誌
Mouse Wheel マウスホイールイベントå–得用ã®prototype.js拡張サンプル。 標準ã®prototype.jsを使ã£ã¦ã‚‚ã€ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç°¡å˜ã«å–ã‚‹ã“ã¨ã¯å‡ºæ¥ã¾ã›ã‚“。 ã¨ã„ã†ã“ã¨ã§ã€prototype.js用ã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹JavaScriptコードã®ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã¾ã™ã€‚ 次ã®ã‚³ãƒ¼ãƒ‰ã‚’wheel.jsãªã‚“ã‹ã§ä¿å˜ã—ã¦prototype.jsã¨ä¸€ç·’ã«èªã¿è¾¼ã‚€ã¨ã€Event.Observeã«mousewheelãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Object.extend(Event, { wheel:function (event){ var delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta/120; if (window.opera)
prototype.jsã‚’10KBã«ã™ã‚‹æ–¹æ³•
2006-11-20T14:20:42+09:00 追記 「何者ã‹ã€ã«æ”»æ’ƒã‚’å—ã‘ã¦ã€ã“ã®ãƒšãƒ¼ã‚¸ã®å†…容ãŒå·®ã—変ã‚ã£ã¦ã„ã¾ã—ãŸã€‚ã‚ã‚ã¦ã¦ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ファイルã‹ã‚‰å¾©æ—§ã—ã¾ã—ãŸï¼ˆã€Œä½•è€…ã‹ã€ = 酒……）。 prototype.jsã‚’10KBã«ã™ã‚‹æ–¹æ³•ã®ç¶šã（.htaccessをスマートã«ä½¿ã†ï¼‰ : 亜細亜ノ蛾 ã«ç¶šãを書ãã¾ã—ãŸã€‚åˆã‚ã›ã¦ã©ã†ãžã€‚ JavaScript ファイルを圧縮ã™ã‚‹ æ£çœŸæ£éŠ˜ã€Prototype（“prototype-1.4.0.jsâ€ï¼‰ã‚’10ã‚ãƒãƒã‚¤ãƒˆï¼ˆ10,453 bytes）ã«åœ§ç¸®ã—ã¦ã€ã—ã‹ã‚‚（当ãŸã‚Šå‰ãªãŒã‚‰ï¼‰å‹•ä½œã™ã‚‹ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ──ã¨èžã„ã¦çœŸã£å…ˆã«æ€ã„æµ®ã‹ã¶ã®ãŒã€Œå„種JavaScriptファイル圧縮サービスã€ã€ã¨ã„ã†äººã‚‚多ã„ã§ã—ょã†ã€‚ ã—ã‹ã—ã€è‡ªåˆ†ãŒè©¦ã—ã¦ã¿ãŸã¨ã“ã‚ã€ä¾‹ãˆã°/packer/ã§åœ§ç¸®ã—ãŸJavaScriptファイルã¯ä¸Šæ‰‹ã動作ã—ã¾ã›ã‚“ã§ã—ãŸï¼ˆä»–ã¯
PHPã‹ã‚‰ä½¿ãˆã‚‹prototype.jsã¨script.aculo.usã®ãƒ©ãƒƒãƒ‘ークラス「Projaxã€:phpspot開発日誌
PHPã‹ã‚‰ä½¿ãˆã‚‹prototype.jsã¨script.aculo.usã®ãƒ©ãƒƒãƒ‘ークラス「Projax〠2006å¹´11月01æ—¥- Projax Demo PHPã‹ã‚‰ä½¿ãˆã‚‹prototype.jsã¨script.aculo.usã®ãƒ©ãƒƒãƒ‘ークラス「Projaxã€ã€‚ JavaScriptコードを一切書ãã“ã¨ãªãã€prototype.jsãŒä½¿ãˆã‚‹ã‚ˆã†ãƒ˜ãƒ«ãƒ‘ー関数をæä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ 次ã®ã‚ˆã†ã«ä½¿ã„ã¾ã™ã€‚ $projax = new Projax(); Please enter your year of birth : <?=$projax->text_field_with_auto_complete('dob',null,array('url'=>'index.php?task=ajax'));?> 個人的ã«ã¯ãã®ã¾ã¾JavaScriptコードを書ã„ãŸã»ã†ãŒã‚„ã‚„ã“ã—ããªã„ã¨æ€ã†ã®ã§ã™ãŒã€ Jav
prototype.jsベースã®ç”»åƒåˆ‡æŠœã用JavaScriptライブラリ:phpspot開発日誌
DEfusion.org.uk JavaScript Image Cropper UI, using Prototype & script.aculo.us The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us. prototype.jsベースã®ç”»åƒåˆ‡æŠœã用JavaScriptライブラリ。 写真上ã§ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã¨ç ´ç·šã§æž ãŒä½œæˆã•ã‚Œã€å›²ã‚“ã é ˜åŸŸã®åº§æ¨™ã¨ã‚µã‚¤ã‚ºã‚’å–å¾—ã§ãã¾ã™ã€‚
Prototype.jsã¨jQueryã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯é€Ÿåº¦æ¯”較:phpspot開発日誌
Claudio's personal hideout: Prototype and jQuery benchmarked Disclaimer: this benchmarks are not meant to demonstrate anything. This is not a “A is better than B†sort of thing. I think this is one of my first (no, uhm, it’s THE first) benchmark I ever did, so it is all but rigorous.Prototype.jsã¨jQueryã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯é€Ÿåº¦æ¯”較。 ã©ã¡ã‚‰ã‚‚ãã“ã¾ã§å¤§å·®ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€ä¸¡è€…ã¨ã‚‚Ajaxフレームワークã§ã¯äººæ°—ã®ãƒ©ã‚¤ãƒ–ラリãªã®ã§é¢ç™½ã„比較ã§ã™ã。 体感ã§ã¯ã»ã¨ã‚“ã©å¤‰ã‚らãªã„ã¯ãšãªã®ã§ã€é€Ÿåº¦é¢ã§
prototype.js リファレンス
<body> <h1>prototype.js リファレンス</h1>
Prototype.jsを使ãŠã†[入門・ä¸ç´š]：ä½æ‰€æ¤œç´¢ã‚·ã‚¹ãƒ†ãƒ を作ã‚ã†: Recently Ajax
先日 jQueryを使ã£ã¦ä½œã£ã¦ã¿ãŸä½æ‰€æ¤œç´¢ã‚·ã‚¹ãƒ†ãƒ ã§ã™ãŒã€IEã«å¯¾å¿œã§ããªã‹ã£ãŸã‚Šã€ç·¯åº¦ãƒ»çµŒåº¦ã ã‘をスマートã«è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ 管ç†äººãŸã«ãã¡ãŒã€ã¸ãŸã‚Œãªã ã‘ã‹ã‚‚知れã¾ã›ã‚“ãŒã€jQueryã¯ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨é€šä¿¡ã‚’ã°ã‚Šã°ã‚Šã‚„るよã†ãªãƒ—ãƒã‚°ãƒ©ãƒ よりã¯ã€CSSã‚’éšæ™‚切り替ãˆã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ãŸã‚Šã¨ã„ã£ãŸã€Œè¡¨å´ã€ã®å‡¦ç†ãŒå¾—æ„ãªã®ã‹ã‚‚知れã¾ã›ã‚“ã。ã¨ã„ã†ã“ã¨ã§ã€åŒã˜ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ Prototype.jsã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ サンプルã¯ã“ã¡ã‚‰ ä½æ‰€æ¤œç´¢ã‚·ã‚¹ãƒ†ãƒ - Prototype.js版 Prototype.jsã ã‘ã ã¨ã€XMLã®å‡¦ç†ãªã©ãŒã‚ã‚“ã¾ã‚Šå……実ã—ã¦ã„ãªã„ã®ã§ã€XMLã‚’ JSONã«å¤‰æ›ã—ã¦ãれるJKL.ParseXMLライブラリも組ã¿åˆã‚ã›ã¾ã™ã€‚（ã¨ã„ã†ã‹ã€ã»ã¨ã‚“ã©ã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã ã‘ã§å‡¦ç†ãŒå®Œäº†ã—ã¡ã‚ƒã†ï¼‰ プãƒã‚°ãƒ©ãƒ ã¯ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã€ä½æ‰€æ¤œç´¢ã®ã‚µãƒ¼ãƒ“スを呼ã³å‡ºã™ãŸã‚ã®
prototype.jsã®é–‹ç™ºãƒ¡ãƒ¢ã¨Gecko DOM Referenceã®HTMLヘルプ
未ã ã«ã¡ã‚‡ãã¡ã‚‡ãã¿ã¦ã—ã¾ã†prototype.jsã®ç°¡å˜ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã‚ã‚‹Developer Notes for prototype.jsã®æ—¥æœ¬èªžç‰ˆã¨The Document Object Model in Mozillaã§é…布ã•ã‚Œã¦ã„ã‚‹Gecko DOM Referenceã®ZIP version (å¤ã„奴)ã‚’HTMLヘルプã«ã—ã¦ã¿ãŸã€‚HTMLヘルプã¯ã¡ã‚‡ã£ã¨ä½œã£ã¦ã¿ã¡ã‚ƒã£ãŸã‚Šã™ã‚‹ã¨ã€HDD上ã«ã‚ã‚‹ã‚ã‚Šã¨ã‚らゆるHTMLã®ãƒ‰ã‚ュメントをHTMLヘルプã«ã—ãŸã„欲求ã«é§†ã‚‰ã‚Œã¦ã—ã¾ã†ãƒ»ãƒ»ãƒ»ã®ã¯åƒ•ã ã‘ã§ã™ã‹ã€ãã†ã§ã™ã‹ã€‚ prototype.jsã®é–‹ç™ºãƒ¡ãƒ¢ Gecko DOM Reference prototype.jsã®é–‹ç™ºãƒ¡ãƒ¢ã®æ–¹ã¯HTMLã«æ‰‹ã‚’入れã¦ã€ãƒ¡ã‚½ãƒƒãƒ‰ã‚„プãƒãƒ‘ティã«idを振りã€ã‚ーワードã§ã‚¸ãƒ£ãƒ³ãƒ—ã§ãるよã†ã«ã—ãŸã€‚HTMLヘルプå‘ã‘ã«CSSã‚‚ã¡ã‚‡ã£ã¨èª¿æ•´ã€‚ãƒã‚§ãƒƒã‚¯ã—ãã‚Œã¦ãªã„説
Prototype.js 1.5.0 ãŒã“ã®ä¸€é€±é–“ã‚ã¡ã‚ƒã‚ã¡ã‚ƒæ›´æ–°ã—ã¦ã‚‹ã®ã§ã€æ–°ã—ã„機能をã¾ã¨ã‚ã¦ã¿ãŸ - IT戦記
最近㮠Prototype.js LL Ring ã§ã‚‚言ã£ãŸã‘ã©ã€ã¾ã£ãŸãã‚‚ã£ã¦ 4 ヶ月間更新ãªã—ã ã£ãŸã€‚。。 ã—ã‹ã—ï¼ ã“ã“〠1 週間ã§ã“ã‚“ãªã«æ›´æ–°ãŒã‚ã£ãŸï¼ http://dev.rubyonrails.org/changeset?new=spinoffs%2Fprototype%404950&old=spinoffs%2Fprototype%404236 ã¨ã„ã†ã“ã¨ã§ã€æ–°ã—ã„機能ã¾ã¨ã‚ DOM è¦ç´ ã« observe, stopObserving Element.Methods ã« observe ãŒè¿½åŠ ã•ã‚ŒãŸã€‚ var handler = alert.bind(null, 'クリックã‚ã‚ŠãŒã¨ã†ï¼'); $('target').observe('click', handler); // ã†ãƒ¼ã‚“ã€ç›´æ„Ÿçš„ï¼ $('target').stopObserving('click', han
Using prototype.js v1.3.1
What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive web pages that characterize the Web 2.0 off your back. When I first started trying to use this library, a few years ago,
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://blog.setunai.net/20061020/prototype.js%E3%81%A7%E3%83%A9%E3%82%B8%E3%82%AA%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E5%80%A4%E3%82%92%E5%8F%96%E5%BE%97/
{{#tags}}- {{label}}
{{/tags}}