Prototype.jsã¨jQueryã®ã‚³ãƒ¼ãƒ‰æ¯”較:phpspot開発日誌
DOMã‚„Ajaxã‚’è¡Œã†ãŸã‚ã®ãã‚Œãžã‚Œã®ã‚³ãƒ¼ãƒ‰ã‚’出ã—ãŸã‚Šã—ã¦ã€ãã‚Œãžã‚Œã®æ¯”較を行ã£ã¦ã„るスライド。 Prototype.js → jQuery ã€ã‚ã‚‹ã„㯠jQuery → Prototype.js ã¸ã®ç§»è¡Œã‚’考ãˆã¦ã„ã‚‹å ´åˆã«ä¾¿åˆ©ã§ã™ã。
Function: prototype - JavaScript | MDN
Standard built-in objectsFunctionConstructorFunction() constructorInstance methodsFunction.prototype.apply()Function.prototype.bind()Function.prototype.call()Function.prototype[Symbol.hasInstance]()Function.prototype.toString()Instance propertiesFunction.prototype.arguments Non-standard Deprecated Function.prototype.caller Non-standard Deprecated Function: displayName Non-standard Function: length
Collection & Copy - JavaScriptã«ãŠã‘ã‚‹å¤å…¸çš„継承
翻訳 原文：Classical Inheritance in JavaScript著者：Douglas Crockford ※原文ã®ã‚³ãƒ¼ãƒ‰å†…ã«èª¤ã‚ŠãŒã‚ã‚Šã€ã“ã®ã¾ã¾è¨˜è¿°ã—ã¦ã‚‚動作ã—ã¾ã›ã‚“。著者ã®ã‚³ãƒ¡ãƒ³ãƒˆåŠã³è£œè¶³æƒ…å ±ã¯ç¿»è¨³ãƒ¡ãƒ¢ã‚’å‚照下ã•ã„。 å›ã¯è‡ªåˆ†ãŒåˆ©å£ã§éšŽç´šã«ã‚‚属ã•ãšã€€è‡ªç”±ã ãªã‚“ã¦æ€ã„込んã§ã‚‹â€•John LennonJavaScriptã¯ã€ã‚¯ãƒ©ã‚¹ã¨ã„ã†æ¦‚念ã«å›šã‚ã‚Œã¦ã„ãªã„言語ã§ã™ã€‚JavaScriptã§ã¯ã€å¤å…¸çš„ãªç¶™æ‰¿ã®ä»£ã‚ã‚Šã«ãƒ—ãƒã‚¿ã‚¤ãƒ—çš„ãªç¶™æ‰¿ã‚’使用ã—ã¾ã™ã€‚ã“ã‚Œã¯C++ã‚„Javaã®ã‚ˆã†ãªæ—§æ¥ã®ã‚ªãƒ–ジェクト指å‘言語ã«é•·ã‘ãŸãƒ—ãƒã‚°ãƒ©ãƒžã‚’当惑ã•ã›ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。JavaScriptã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—的継承ãŒã€å¤å…¸çš„継承ã«æ¯”ã¹ã¦ã„ã‹ã«è¡¨ç¾åŠ›ãŒå„ªã‚Œã¦ã„ã‚‹ã‹ã‚’ã€ã“ã‚Œã‹ã‚‰è¦‹ã¦ã„ãã¾ã—ょã†ã€‚ JavaJavaScriptå¼·ã„型付ã‘å¼±ã„型付ã‘é™çš„å‹•çš„å¤å…¸çš„プãƒãƒˆã‚¿ã‚¤ãƒ—的クラス関数コンストラクタ関数メソッド関
javascript - プãƒãƒˆã‚¿ã‚¤ãƒ—的継承 : 404 Blog Not Found
2006å¹´10月18æ—¥09:20 カテゴリLightweight Languages javascript - プãƒãƒˆã‚¿ã‚¤ãƒ—的継承 ãŒãƒ¼ã‚“。ã“ã®æ„Ÿå‹•ã¯Y combinatorを見ãŸã¨ãã«åŒ¹æ•µã™ã‚‹ã€‚ Prototypal Inheritance function object(o) { function F() {} F.prototype = o; return new F(); } ãªãœã“ã‚ŒãŒãã‚Œã»ã©æ„Ÿå‹•çš„ã‹ã¨ã„ã†ã¨.... ã“れを使ãˆã°ã€Arrayã‚„Objectã¨ã„ã£ãŸBuilt-Inã‹ã‚‰ã‚‚難ãªã継承ã§ãã‚‹ã‹ã‚‰ã€‚ 継承ã®ã‚„ã‚Šæ–¹ã¨ã—ã¦ã¯Private Members in JavaScriptãŒåœ§å€’çš„ã«æœ‰åã§ã€æ—¥æœ¬ã§ã‚‚brazilã•ã‚“ã«ã‚ˆã‚‹é‚¦è¨³ã€Collection & Copy - JavaScriptã«ãŠã‘ã‚‹å¤å…¸çš„継承もよã知られã¦ã„ã‚‹ã¨æ€ã†ã‘ã©ã€ã“ã®ä¸‰è¡Œã‚’ç›®ã®å‰ã«ã—ã¦ã¯éœžã‚€ã€‚ã§ã‚‚p
第4回　JavaScriptã§ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ― ï¼ IT
JavaScriptãŒã€ã„ã¾æ³¨ç›®ã‚’æµ´ã³ã¦ã„る。 JavaScriptãŒã“ã‚Œã ã‘ã®æ³¨ç›®ã‚’æµ´ã³ãŸç†ç”±ã®1ã¤ã¨ã—ã¦ã€Ajax技術ã®ç™»å ´ã¨ã‚‚相ã¾ã£ã¦ã€JavaScriptã«å¯¾ã™ã‚‹ç¢ºã‹ãªç†è§£ã®å¿…è¦æ€§ãŒé«˜ã¾ã£ãŸã¨ã„ã†äº‹æƒ…ã¯å¦å®šã§ããªã„。ã—ã‹ã—ã€ãã‚Œã ã‘ã§ã¯èª¬æ˜Žã§ããªã„急速ãªæ³¨ç›®ã®ç†ç”±ã¨ã—ã¦ã€ã‚‚ã†1ã¤ã€JavaScriptã¨ã„ã†è¨€èªžãã®ã‚‚ã®ãŒæŒã¤ãƒ¦ãƒ‹ãƒ¼ã‚¯ã•ãŒé–‹ç™ºè€…ã®ç›®ã‚’引ã„ãŸã¨ã„ã†ç‚¹ã¯çœ‹éŽã§ããªã„ã ã‚ã†ã€‚ ã‚‚ã£ã¨ã‚‚ã€ã“ã®ãƒ¦ãƒ‹ãƒ¼ã‚¯ã•ã¯åŒæ™‚ã«ã€å¤šãã®é–‹ç™ºè€…ãŒæ„Ÿã˜ã¦ã„ã‚‹JavaScriptã«å¯¾ã™ã‚‹è‹¦æ‰‹æ„è˜ã¨åŒç¾©ã§ã‚‚ã‚る。ã“ã‚Œã¾ã§Visual Basicã‚„C#ã€Javaã¨ã„ã£ãŸè¨€èªžã§ã‚ªãƒ–ジェクト指å‘構文ã«ãªã˜ã‚“ã§ããŸé–‹ç™ºè€…ã«ã¨ã£ã¦ã€JavaScriptã®ã‚ªãƒ–ジェクト指å‘構文ã¯ã„ã‹ã«ã‚‚奇異ãªã‚‚ã®ã«æ˜ ã‚‹ã®ã 。よã†ã‚„ãクラスã¨ã„ã†æ¦‚念をç†è§£ã—ãŸé–‹ç™ºè€…ãŒã€JavaScriptã¨ã„ã†è¨€èªžã®èƒŒå¾Œã«ãŸã³ãŸã³è¦‹ãˆéš ã‚Œã™ã‚‹ã€Œãƒ—ãƒ
web newbie - Javascriptåˆå¿ƒè€…ã‹ã‚‰ã¿ãŸprototype
http://d.hatena.ne.jp/amachang/20070413/1176421425 勉強会ã®ã‚ã¨ã€ãã—ã¦ã“ã®è¨˜äº‹ã®å¾Œã€ ã‚‚ã†ä¸€åº¦è‡ªåˆ†ã®ä¸ã§prototypeã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ 下ã®å®Ÿè¡Œçµæžœã‚’見ã¦ã€é¦–ã‚’ã‹ã—ã’ãŸäººã¯æ˜¯éžã¨ã‚‚èªã‚“ã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã†ã€‚ （ã£ã¦ã€é¦–ã‚’ã‹ã—ã’ã‚‹ã®ã¯åƒ•ã ã‘ã‹ï¼Ÿï¼ï¼‰ var Box = function(size){ this.size = size; }; Box.prototype = { color: "red" }; var box = new Box(10); alert(box.color); // red Box.prototype = { color: "blue" }; alert(box.color); // red var box2 = new Box(11); alert(box2.color); // blue Box.p
404 Blog Not Found:javascript - å‹æ‰‹ã«æ·»å‰Š - JavaScript入門
2007å¹´04月12æ—¥23:30 カテゴリLightweight Languages javascript - å‹æ‰‹ã«æ·»å‰Š - JavaScript入門 釈迦ã«èª¬æ³•ã‚’承知ã§ã€‚ IT戦記 - 社内勉強会資料 amachang - JavaScript 入門Object.prototype = { /* ... */ }ã¯é¿ã‘ã‚‹ã¹ã— ã¿ã«ãã„ã®ã§ã‚ªãƒ–ジェクトを入れ替ãˆã‚‹æ–¹å¼ã« Box.prototype = { speed: 4, move: function() { this.left += this.speed; this.element.style.left = this.left + 'px'; if (this.left > 400) clearInterval(this.id); }, start: function() { var self = this; this.id = s
１６．prototypeã«ã‚ˆã‚‹ãƒ¡ã‚½ãƒƒãƒ‰å®šç¾©
ã¾ãšã€prototypeプãƒãƒ‘ティを利用ã—ã¦ã€Point.moveToメソッドã¨Point.toStringを定義ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ょã†ã€‚ // moveTo を関数ã¨ã—ã¦å®šç¾©ã€‚åå‰ã¯ä½•ã§ã‚‚良ã„ãŒã€ // Point_ã‚’ã¤ã‘ã¦ãŠãã¨åˆ†ã‹ã‚Šã‚„ã™ã„ function Point_moveTo(x, y) { this.x = x; // プãƒãƒ‘ティ x を変更 this.y = y; // プãƒãƒ‘ティ y を変更 return this; // 自分自身を返ã™ã‚ˆã†ã«ã™ã‚‹ã¨ä¾¿åˆ© } function Point_toString() { // toString を関数ã¨ã—ã¦å®šç¾© return "Point(" + this.x + ", " + this.y + ")"; } function Point(x, y) { // コンストラクタã§ã¯ãƒ¡ã‚½ãƒƒãƒ‰ã¯è¨å®šã—ãªã„ this.x = x; t
１５．prototypeプãƒãƒ‘ティ
å‰ç¯€ã§ã¯ã€ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティã«é–¢æ•°ã‚ªãƒ–ジェクトを代入ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ¡ã‚½ãƒƒãƒ‰ã®å®šç¾©ã‚’ã—ã¾ã—ãŸã€‚ã“ã®æ–¹æ³•ã ã¨ã€åŒä¸€ã‚¯ãƒ©ã‚¹ã®ã‚ªãƒ–ジェクト（インスタンス）ã”ã¨ã«ç•°ãªã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŒã¤ã“ã¨ãŒã§ãã€æŸ”軟ã§ã‚ã‚‹ã¨ã„ã†ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ¡ãƒ¢ãƒªã®åŠ¹çŽ‡ãŒã‚„や悪ã„ã¨ã„ã†ä¸åŠ¹çŽ‡ãŒã‚ã‚Šã¾ã™ã€‚一般的ãªã‚ªãƒ–ジェクト指å‘言語ã®ã‚ˆã†ã«ã€ã‚¯ãƒ©ã‚¹å´ã§ã¾ã¨ã‚ã¦ã€ãƒ¡ã‚½ãƒƒãƒ‰ã®ãƒ†ãƒ¼ãƒ–ルをæŒã¤ã“ã¨ã¯ã§ããªã„ã§ã—ょã†ã‹ï¼Ÿ ã“れを実ç¾ã™ã‚‹ãŸã‚ã«ã€JavaScriptã§ã¯ã€prototypeプãƒãƒ‘ティã¨ã„ã†ã‚‚ã®ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScript言語ã§ã¯ã€ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティを探索ã™ã‚‹éš›ã«ã€ã¾ãšã‚ªãƒ–ジェクトãŒç›´æŽ¥æŒã£ã¦ã„るプãƒãƒ‘ティã‹ã‚‰ã€è©²å½“ã®ãƒ—ãƒãƒ‘ティを探索ã—ã¾ã™ã€‚ãã“ã«ãªã‹ã£ãŸå ´åˆã€ã‚ªãƒ–ジェクトã®ã‚¯ãƒ©ã‚¹ï¼ˆJavaScriptã®å ´åˆã€åŽ³å¯†ã«ã¯ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ï¼‰ã®prototypeプãƒãƒ‘ティã®ä¸ã‹ã‚‰ã€è©²å½“ã™ã‚‹åå‰ã®ãƒ—ãƒãƒ‘ティを探
BlogFish: tooltip.js
For a recent project I needed JavaScript tooltip functionality for showing detail information. All tooltip libraries that I came across were too complicated and bloatet, did just too much and most of the time were still not flexible enough with the tooltip. So I decided to create my own library that is based on prototype.js 1.5: Download it here (BSD license): tooltip-v0.2.js A live demo can be
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
amachang - JavaScript 入門
{{#tags}}- {{label}}
{{/tags}}