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

shokai id:shokai

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

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

s.h.log: JavaScript - JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’å—ä¿¡ã™ã‚‹æ–¹æ³•2ç¨®é¡ž
Â« è…¹æ¸›ã£ãŸï¼Ÿ | ãƒ¡ã‚¤ãƒ³ | JavaScript - dojoã®ScriptSrcIOã§å‹•çš„ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³JSONèªã¿è¾¼ã¿ Â» 2006å¹´07æœˆ07æ—¥ â– JavaScript - JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’å—ä¿¡ã™ã‚‹æ–¹æ³•2ç¨®é¡ž [Programming&Electronics][Techno logy] JSONã‚’å—ä¿¡ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã€‚ ãƒ»del.icio.usã®JSON-APIã‹ã‚‰shokaiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ä¸€è¦§ã‚’èªã¿è¾¼ã¿ ãƒ»ã‚µãƒ¼ãƒã«ç½®ã„ãŸdel.icio.usã®JSONãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ä¸€è¦§ã‚’èªã¿è¾¼ã¿ ãƒ»ã‚µãƒ¼ãƒã«ç½®ã„ãŸGPSãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ä½ç½®æƒ…å ±ã®ãƒªã‚¹ãƒˆã‚’èªã¿è¾¼ã¿ ã‚„ã£ã¨ç†è§£ã§ããŸã€‚ JSONã¯ã€JavaScriptObjectNotationã®ç•¥ã§ã€JavaScriptã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒ†ã‚ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ã§è¡¨è¨˜ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€‚JSONãƒ†ã‚ã‚¹ãƒˆã‚’JavaScriptã§eval()ã™
shokai 2007/05/11
JSONã§ãƒ‡ãƒ¼ã‚¿å—ä¿¡ã™ã‚‹æ–¹æ³•2ç¨®é¡žã€‚é™çš„ã¨å‹•çš„

JSON

XMLHttpRequest

Ajax

JavaScript

prototype.js

shokai
ãƒªãƒ³ã‚¯
Prototype Dissected - Snook.ca
In getting to know Prototype a little better, I decided to go through the latest version of the Prototype library (1.5.0_pre0) and detail every method and property that was available. In doing so, I got a much better understanding of how the code works. Here are the files in a 1280x960 and a widescreen 1440x900 version. 1280x960 1440x900 1280x960 on White 1440x900 on White And with WHITE backgroun
shokai 2006/12/06
prototype.js
ãƒªãƒ³ã‚¯
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, stop Observing Element.Methods ã« observe ãŒè¿½åŠ ã•ã‚ŒãŸã€‚ var handler = alert.bind(null, 'ã‚¯ãƒªãƒƒã‚¯ã‚ã‚ŠãŒã¨ã†ï¼'); $('target').observe('click', handler); // ã†ãƒ¼ã‚“ã€ç›´æ„Ÿçš„ï¼ $('target').stop Observing('click', han
shokai 2006/09/05
prototype.js
ãƒªãƒ³ã‚¯
å·oãƒ»-ãƒ»ï¼‰ï¼œ2nd life - prototype.js 1.5 ã‹ã‚‰ã®æ–°æ©Ÿèƒ½ Template ã®ä½¿ã„æ–¹
JavaScript ã§ã®å¤‰æ•°ã‚’ä½¿ã£ãŸæ–‡å—åˆ—ã®ä½œæˆã¯ä½•ã‹ã¨ã‚ã‚“ã©ãã•ã„ã§ã™ãã€‚prototype.js ã§ã¯ 1.5_pre0 ã‹ã‚‰ Template ã¨ã„ã†ç°¡æ˜“ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦ä½¿ãˆã‚‹ã‚¯ãƒ©ã‚¹ãŒåŠ ã‚ã‚Šã¾ã—ãŸã€‚ç›¸å¤‰ã‚ã‚‰ãšãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ã‚½ãƒ¼ã‚¹ã¨ test å«ãªã®ã§ç°¡å˜ãªä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ Template ã¨ãªã‚‹æ–‡å—åˆ—ã‚’ new Template ã§ä½œã‚Šã¾ã™ã€‚Template ã®ãƒªãƒ†ãƒ©ãƒ«ã¯ #{}ã§ã™*1 ã€‚ var t = new Template('#{foo}, #{bar}!');æ¬¡ã«ä½œæˆã—ãŸ Template ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã® evaluate é–¢æ•°ã‚’å‘¼ã³å‡ºã—ã€å¼•æ•°ã¨ã—ã¦ Hash(Object) ã‚’æ¸¡ã—ã¾ã™ã€‚ t.evaluate({ foo: 'hello', bar: 'world' }); // hello, world!ã‚‚ã—ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã„å›žã•ãšã€ä¸€åº¦é™ã‚Šã®æ–‡å—åˆ—
shokai 2006/08/13
prototype.js

JavaScript
ãƒªãƒ³ã‚¯
prototype.js ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ - Adapter
Iterator ã«ç¶šãã¾ã—ã¦ã€ã€Œä¸€çš®ã‹ã¶ã›ã¦å†åˆ©ç”¨ã€ãª Adapter ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¯ var Main = Class.create(); Main.prototype = { initialize : function() {}, main : function () { var p = new PrintBanner("Hello, World"); p.printWeak(); document.writeln('<br>'); p.printStrong(); } } ã¨ã„ã£ãŸæ„Ÿã˜ã€‚PrintBanner ã‚¯ãƒ©ã‚¹ã¯åˆ¥ã®ãƒ¬ã‚¬ã‚·ãƒ¼ãªã‚¯ãƒ©ã‚¹ã®ã‚¢ãƒ€ãƒ—ã‚¿ã§ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è‚©ä»£ã‚ã‚Šã—ã¦ã‚„ã£ã¦ã„ã‚‹ã¨ã€‚ å®Ÿè¡Œçµæžœã¯ (Hello, World) *Hello, World*ã¨ãªã‚Šã¾ã™ã€‚ ä»Šå›žã‚‚ã‚„ã£ã±ã‚Š interface ã«ç›¸å½“ã™ã‚‹ã‚‚ã®ã¯ä½œã‚‰ãšã«ã‚„ã£ã¦ã¿ã¾ã™ã€‚(Adapter
shokai 2006/07/10
prototype.js

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

JavaScript
ãƒªãƒ³ã‚¯
s.h.log: JavaScript - JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’å—ä¿¡ã™ã‚‹æ–¹æ³•2ç¨®é¡ž
This URL was moved The requested URL http://web.sfc.keio.ac.jp/~t03792sh/archives/2006/07/json.html was moved to http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/json.html.
shokai 2006/07/07
JSONã§ãƒ‡ãƒ¼ã‚¿å—ä¿¡ã™ã‚‹æ–¹æ³•2ç¨®é¡žã€‚é™çš„ã¨å‹•çš„

JSON

XMLHttpRequest

Ajax

JavaScript

prototype.js

shokai
ãƒªãƒ³ã‚¯
Ajaxé€†å¼•ãã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JSONã®ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã™ã‚‹</title> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"><!-- function loadDataFile(fName) { new Ajax.Request(fName, { method: 'get', onComplete: displayData }); } function displayData(httpObj) { $("result").innerHTML = parseJSON(httpObj.responseText); } /
shokai 2006/07/07
JSON

prototype.js

Ajax

JavaScript
ãƒªãƒ³ã‚¯
prototype.js ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ - Iterator
Ruby on Rails ã‚„ Catalyst ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã‚“ã‹ã§ã¯ prototype.js ã¨ã„ã† JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã€Ajax ã‚µãƒãƒ¼ãƒˆã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚prototype.js ã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¿…è¦ãª Ajax ã® JavaScript ã‚³ãƒ¼ãƒ‰ã‚’åãå‡ºã—ã¦ãã‚Œã‚‹ã®ã§ã€Ruby ãƒ—ãƒã‚°ãƒ©ãƒžã‚„ Perl ãƒ—ãƒã‚°ãƒ©ãƒžã¯ JavaScript ã®å®Ÿè£…ã‚’æ„è˜ã—ãªãã¦ã‚‚ Ajax ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒä½œã‚Œã‚‹ã€ã¨ã„ã†é¢¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ prototype.js ã¯ Ajax ãªéƒ¨åˆ†ã«æ³¨ç›®ãŒé›†ã¾ã£ã¦ã„ã¾ã™ãŒã€ã»ã‹ã«ã‚‚ "Class-style OO" ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚å†…åŒ…ã—ã¦ã¾ã™ã€‚ JavaScript ã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžã§ã€C++ ã‚„ Java ã®ã‚ˆã†ãªã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžã¨ã¯ã¡ã‚‡ã£ã¨å®Ÿè£…ãŒç•°ãªã‚Šã¾ã™ã€‚ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—
shokai 2006/07/07
prototype.jsã®Class.create()ã§ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ãªæ„Ÿã˜ã§ã‚¯ãƒ©ã‚¹ã‚’ä½œã‚Œã‚‹

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

prototype.js

JavaScript

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘

ã‚ã¨ã§
ãƒªãƒ³ã‚¯
JavaScript++ã‹ã‚‚æ—¥è¨˜ - 1997å¹´ã‹ã‚‰ã®
TestnetãŒã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸã®ã¯çŸ¥ã£ã¦ãŸã‘ã‚Œã©ã€libra-authã®ãƒ‡ãƒ¢ã‚‚å‹•ã‹ãªããªã£ãŸã®ã§ã¡ã‚‡ã£ã¨èª¿â€¦
shokai 2006/07/01
$é–¢æ•° getElementById(string)ã«ã¤ã„ã¦

prototype.js

JavaScript
ãƒªãƒ³ã‚¯
JSON prototype.js - ã¾ã¡ã‚…ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ (2006-01-10)
shokai 2006/06/30
1.4ã‹ã‚‰JSONã‚µãƒãƒ¼ãƒˆã—ã¦ãŸ

JSON

prototype.js
ãƒªãƒ³ã‚¯
Ajaxé€†å¼•ãã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"><!-- function loadXMLFile(fName) { new Ajax.Request(fName, { method: "get", onComplete: displayData }); } function displayData(httpObj) { $("result").innerHTML = ""; xml = httpObj.responseXML; uName = xml.g
shokai 2006/05/19
Ajax.Request

Ajax

XMLHttpRequest

prototype.js
ãƒªãƒ³ã‚¯
Amazon.co.jp: Ajaxé€†å¼•ãã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹: for Windows&Macintosh Web2.0å¯¾å¿œ: å¤ç±ä¸€æµ©: æœ¬
shokai 2006/04/29
http://www.openspc2.org/reibun/QuickReferenceAjax/ ã®æ›¸ç±ç‰ˆ

Ajax

web2.0

prototype.js

JavaScript
ãƒªãƒ³ã‚¯
Prototype.js ã‚’ä½¿ã£ãŸ JavaScript OOP è¬›åº§ #03
ç¤¾å†…ã®å‹‰å¼·ä¼šã®è³‡æ–™ã‚’ã“ã“ã«å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚ç¤¾å†…ã®äººã‚‚ç¤¾å¤–ã®äººã‚‚èªã‚“ã§ãã ã•ã„ã€‚ â€»ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¯ JavaScript ã¯æ›¸ã„ãŸã“ã¨ãªã„ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžãƒ—ãƒã‚°ãƒ©ãƒžã€‚ â€»ä¿¡å¿µã¯ã€Œæ•™ã‚ã‚‹ã®ã§ã¯ãªãã€å¿…æ»ã«ç€ã„ã¦ã„ãã¾ã›ã†ã€ å‰å›žã¾ã§ã®å†…å®¹ã§ Prototype.js ã§ã©ã®ã‚ˆã†ã«ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã„ã¦ã„ãã‹ç†è§£ã§ããŸã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã‹ã‚‰ã¯ã€é–¢æ•°ã‚„ã‚¯ãƒ©ã‚¹ã‚’è¦šãˆãŸæ•°ã ã‘ Prototype.js ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ãã‚Œã§ã¯ã„ã¤ã‹å¿…ãšèº“ãã¾ã™ã€‚ä»–äººã®æ›¸ã„ãŸ JavaScript ã‚’ä½¿ã†ãŸã‚ã«ã¯ãã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ JavaScript ã¯ã€è¨€èªžã®ä»•æ§˜ãƒ¬ãƒ™ãƒ«ã®éƒ¨åˆ†ã¾ã§ã‹ãªã‚Šæ›¸ãæ›ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãã®ãŸã‚ã€ã‚‚ã—ã€å‹•ä½œãŒãŠã‹ã—ããªã£ãŸå ´åˆã«ã€ã©ã“ãŒã©ã†å½±éŸ¿ã—ãŸã‹è‡ªåˆ†ã§èª¿ã¹ã‚‰ã‚Œãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã™ã€‚ ä»Šå›žã¯ã€ Prototype.js ã‚’èªã‚€ãŸã‚ã«å¿…è¦ãªçŸ¥è˜ã‚’
shokai 2006/04/07
JavaScript

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

prototype.js

Ajax
ãƒªãƒ³ã‚¯
Ajaxã‚’å‹‰å¼·ã—ã‚ˆã†
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajaxã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„äººå‘ã‘ã®å¦ç¿’ç”¨ãƒšãƒ¼ã‚¸ã§ã™ã€‚ã‚µãƒ¼ãƒãƒ¼ã‚’å…¥ã‚Œæ›¿ãˆãŸãŸã‚ä¸€éƒ¨CGIã‚’ä½¿ç”¨ã—ãŸã‚‚ã®ãŒå‹•ä½œã—ã¦ã„ã¾ã›ã‚“ã€‚æ™‚é–“ã®ã‚ã‚‹æ™‚ã«ä¿®æ£ã—ã¾ã™ã€‚ã¾ãŸã€æ›¸ã„ã¦ã‹ã‚‰ã€ã‹ãªã‚Šæ™‚é–“ãŒçµŒéŽã—ã¦ã„ã‚‹ãŸã‚å†…å®¹çš„ã«å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã”äº†æ‰¿ãã ã•ã„ã€‚ Ajaxã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«é–¢ã—ã¦ã¯åˆ¥ãƒšãƒ¼ã‚¸(Ajax Effect)ã«ç§»å‹•ã—ã¾ã—ãŸã€‚ Ajaxé–¢é€£æ›¸ç±ã«é–¢ã—ã¦ã¯Ajaxé–¢é€£æ›¸ç±ä¸€è¦§ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ Prototypeç³»ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã€New !!ã€‘ã®ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€Prototypeç³»ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒŸã‚¹ã‚„é–“é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ç¬¬ä¸€ç« ã€€Ajaxã£ã¦ï¼Ÿ Ajaxã¨RIA Ajaxã¨DHTML Ajaxã¨Flash Ajaxã«å¿…è¦ãªçŸ¥è˜ã¨æŠ€è¡“ Aja
shokai 2006/03/28
Ajax

prototype.js

JavaScript
ãƒªãƒ³ã‚¯
Ajax é€†å¼•ãã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ã“ã®ãƒšãƒ¼ã‚¸ã¯æ¯Žæ—¥ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã‹ã‚‰ç™ºå£²ä¸ã®æ›¸ç±ã€ŒAjaxé€†å¼•ãã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ã“ã®æ›¸ç±ã®å…ƒã«ãªã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆï¼ˆAjaxã‚’å‹‰å¼·ã—ã‚ˆã†ï¼‰ã‚‚å‚ç…§ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒŸã‚¹ã‚„é–“é•ã„ã€ãƒªãƒ³ã‚¯ã‚¨ãƒ©ãƒ¼ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@alpha.ocn.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ç¬¬ä¸€ç« ã€€Ajaxã¨ã¯ Ajaxã¨ã¯ DHTMLã¨Flash Ajaxã«å¿…è¦ãªçŸ¥è˜ã¨æŠ€è¡“ Ajaxã®å¼±ç‚¹ï¼é›£ç‚¹ é€šä¿¡ä¸Šã®åˆ¶ç´„ XMLã®å‡¦ç† ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ³¨æ„ç‚¹ ç¬¬äºŒç« ã€€éžåŒæœŸé€šä¿¡å‡¦ç† ã‚µãƒ¼ãƒãƒ¼ã¨é€šä¿¡ã‚’è¡Œã† ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ãƒ†ã‚ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€ ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰XMLãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€ ã‚µãƒ¼ãƒãƒ¼ã«getãƒ¡ã‚½ãƒƒãƒ‰ã§ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã™ã‚‹ ã‚µãƒ¼ãƒãƒ¼ã«postãƒ¡ã‚½ãƒƒãƒ‰ã§ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã™ã‚‹ èªã¿è¾¼ã¿ã‚’ä¸æ–ã™ã‚‹ ã‚¿ã‚¤ãƒ ã‚¢ã‚¦ãƒˆå‡¦ç†ã‚’è¡Œã† ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ã®å¿œç”ã‚’èª¿ã¹ã‚‹ ãƒ•ã‚¡ã‚¤ãƒ«ãŒèªã¿è¾¼ã‚ãªã„ã€å˜åœ¨ã—ãªã„å ´åˆã®å‡¦ç†ã‚’
shokai 2006/03/28
ã“ã‚Œã¯ã„ã„

Ajax

æœ¬

JavaScript

prototype.js
ãƒªãƒ³ã‚¯
ITæˆ¦è¨˜ - Prototype.js ã‚’ä½¿ã£ãŸ JavaScript OOP è¬›åº§ #02
ç¤¾å†…ã®å‹‰å¼·ä¼šã®è³‡æ–™ã‚’ã“ã“ã«å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚ç¤¾å†…ã®äººã‚‚ç¤¾å¤–ã®äººã‚‚èªã‚“ã§ãã ã•ã„ã€‚ â€»ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¯ JavaScript ã¯æ›¸ã„ãŸã“ã¨ãªã„ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžãƒ—ãƒã‚°ãƒ©ãƒžã€‚ â€»ä¿¡å¿µã¯ã€Œæ•™ã‚ã‚‹ã®ã§ã¯ãªãã€å¿…æ»ã«ç€ã„ã¦ã„ãã¾ã›ã†ã€ ä»Šé€±ã¯ã‹ãªã‚Šãƒãƒ¼ãƒ‰ãƒœã‚¤ãƒ«ãƒ‰ã§å…¨èº«ã‚¿ã‚¤ãƒ„ã®ã‚ˆã†ãªå¿™ã—ã•ãªã®ã§ã€ã¿ã‚“ãªãŒæ˜¥ã‚’åˆ†ã‘ã¦æ¥½ã—ã‚“ã§ã„ãŸã‚Šã€é¦™æ¸¯ã«è¡Œã£ã¦æ¥½ã—ã‚“ã§ã„ã‚‹é–“ã«ã›ã“ã›ã“è³‡æ–™ã‚’ä½œã£ã¦ã„ã¾ã™ã€‚ ã¯ãã€‚ Section 00 Prototype.js ã®å‰ã« JavaScript ã¨ DOM ã¨ã‚¤ãƒ™ãƒ³ãƒˆã®æ¦‚è¦ HTML ã¯èªã¿è¾¼ã¾ã‚ŒãŸå¾Œã€ã™ã¹ã¦ã®æƒ…å ±ãŒ JavaScript ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å¤‰æ›ã•ã‚Œã‚‹ã€‚ ã‚¤ãƒ¡ãƒ¼ã‚¸çš„ã«ã¯ã“ã‚“ãªæ„Ÿã˜ <html> <head> <title>ã‚¿ã‚¤ãƒˆãƒ«</title> </head> <body> ï¼š ï¼š </body> </html>â†“â†“â†“ var document = { doc
shokai 2006/03/23
prototype.js

JavaScript
ãƒªãƒ³ã‚¯
Prototype.js ã‚’ä½¿ã£ãŸ JavaScript OOP è¬›åº§ #01
ç¤¾å†…ã®ç²¾é‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ä¸å¿ƒã«å®šæœŸçš„ã«å‹‰å¼·ä¼šã‚’ã™ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ã‚“ã§ã€ JavaScript ã®è¬›ç¾©ã¯åƒ•ãŒã‚„ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ è³‡æ–™ã‚’ç¤¾å†…ã ã‘ã§ã¨ã©ã‚ã¦ãŠãã®ã¯ã‚‚ã£ãŸã„ãªã„ã®ã§ã€ã“ã“ã«å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚ç¤¾å†…ã®äººã‚‚ç¤¾å¤–ã®äººã‚‚èªã‚“ã§ãã ã•ã„ã€‚ è¬›ç¾©ã®å†…å®¹ã¯åŸºæœ¬çš„ã«ã‚½ãƒ¼ã‚¹å«ã€‚ã‚½ãƒ¼ã‚¹ãƒ¬ãƒ“ãƒ¥ãƒ¼å½¢å¼ã€‚ â€»ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¯ JavaScript ã¯æ›¸ã„ãŸã“ã¨ãªã„ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžãƒ—ãƒã‚°ãƒ©ãƒžã€‚ Section 00 Prototype.js ã®å‰ã« JavaScript ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®æ¦‚è¦ãƒ»ãƒ»ãƒ» ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã¿ã‚‹ã€‚ var object = {};ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è¿½åŠ ã—ã¦ã¿ã‚‹ã€‚ var object = { field: 'ITæˆ¦å£«', method: function() { alert('hello ' + this.field); } }; object.method()
shokai 2006/03/17
JavaScript

prototype.js

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ãƒªãƒ³ã‚¯
prototype.jsã®ã‚‚ã®ã™ã”ãç°¡å˜ãªä½¿ã„æ–¹ã€‚ : blog.nomadscafe.jp
prototype.jsã®ã‚‚ã®ã™ã”ãç°¡å˜ãªä½¿ã„æ–¹ã€‚ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®æ–¹ã«prototype.jsã§HTMLã‚’æ±šã•ãªã„ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’æ›¸ã„ãŸã®ã ãŒã€prototype.jsã®å…¥æ‰‹æ–¹æ³•ã‚„ã‚‰ã™ã”ãç°¡å˜ãªä½¿ã„æ–¹ãŒãªã„ã‚ˆã†ãªã®ã§ã€æ›¸ã„ã¦ã¿ã¾ã™ã€‚ prototype.jsã¯JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆä¸èº«ã¯JavaScriptã§ã™)ã§ã€ã“ã‚Œã‚’ä½¿ã†ã¨JavaScriptã‚’çµ„ã‚€ã®ãŒã‹ãªã‚Šæ¥½ã«ãªã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚è©±é¡Œã®Ajaxã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ http://prototype.conio.net/ ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ãŒã€TOPãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã¡ã‚‡ã£ã¨å¤ã„ã‚‚ã®ãªã®ã§ã€Browse the darcs repositoryã¨ã„ã†ãƒªãƒ³ã‚¯ã‚’è¾¿ã‚Šã€ http://dev.conio.net/repos/prototype/dist/ ã‹ã‚‰
shokai 2005/12/29
Ajax

prototype.js
ãƒªãƒ³ã‚¯
Prototype JavaScript Framework: Class-style OO, Ajax, and more
shokai 2005/12/06
Ajax

prototype.js
ãƒªãƒ³ã‚¯
1