キーワード検索「prototype」
947
既に多くの方が JavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がチマチなわけで、私自身、「おお、なるほど！」 っていう、頭の中のスイッチがパチンッ！と入るような境地には達していませんでした。 かつて私も オブジェクト指向なJavaScriptプログラミングのススメ なんて...
1854
Structured web programming Home Getting Started Technical Overview Tutorials Hello, World Classes Interfaces Language & Libraries Language Spec Library Reference Code Samples Articles Discuss From qui...
283
1999/06/24 更新 石井 勝はじめにここでは，オブジェクト指向風JavaScriptプログラミングスタイルの解説をします．対象とする読者は，JavaScriptの基本的な文法とコンストラクタ関数，prototype についての知識が必要となりますが，オブジェクト指向さえ知っていればとりあえず大丈夫だと思います（とはいえ，JavaScriptユーザの人数に比べたらオブジェクト指向を理解してい...
205
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライ...
107
はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた jQuery UI v1.8.1 Raphael 1.4.3 - JavaScript Vector Library jQuery v1.6 (function($) { /** * MorphingImage class */ MorphingImage = function(name, data) { this.name = ...
77
春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。 JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらの演算子は書くのが面倒臭い上に気をつけないといけない点がたくさんあります。JavaScript The Good PartsでもBad Partsに選別されているほどです。 ではどう...
81
■感想まず発見したときにサイドバーのデザインが綺麗だなと思った。また文章内でちゃんと内部リンクが貼ってあってとても見やすい作りになっている。 内容もそこまで難しい書き方はしてないので何とか読める。またコード(or 文字)で書くようにしているのかは知らないけど、画像を一切使わずにprototypeとかをちゃんと説明できていて凄いと思った。 かなり仕様も囓ってる感じの人が書いてて、noteにES5の時...
72
0. どのブラウザーで使えるの? 以下で確認できます。 ECMAScript 5 compatibility table ざっといろいろ試してみると… IEは9以上以降かつStandard Modeなら使える Safari 5はFunction.prototype.bindのみ使えない iOS5も同様 Android 2.3ではさらに加えてObject.sealなどObjectをロックする機能が使...
59
京急語コンバータ ドアしまります → ﾀﾞｧｼｪﾘｪｨｽ ひらがな,カタカナ,半角カタカナの変換コードは以下から借用 http://code.google.com/p/kanaxs/ ありがたや、ありがたや。 TODO 小文字（ぁぃぅぇぉゃゅょゎ）の対応 // ひらがな,カタカナ,半角カタカナの変換コード借用 http://code.google.com/p/kanaxs/ String.prot...
78
ECMAScript, JavaScript | 00:32 | ES5からFunction.prototype.bindが入りました. これに準ずるものは数々のFrameworkで提供され続けてきたので, あまり馴染みの無さはないのではないでしょうか.このFunction.ptototype.bindは実はとても面白いので.結論から言えば, Function.prototype.bindはtar...
61
Hogeからは子オブジェクトが存在するかどうか分からない （自分が親になっているのかどうか分からない）ので Hoge内から子オブジェクトに関する記述を行うことはできません。 この場合、Hogeを継承する子オブジェクト（子クラス）を作成し、 その中から上位クラス（.prototype拡張されているクラス）を参照することになります。 JSの場合、オブジェクトの継承関係は.prototypeの継承関係で...
61
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上...
58
18:41またJavaScriptで遊んでる。JavaScriptにもnew演算子があった。クラスを定義してからnewでインスタンスを作成するということができるらしい。コンストラクタになる関数を作ってからそれをnewの後に付けて呼べばいい。function Class1(){this.str = "これはClass1のインスタンス";}Class1.prototype.toString = fun...
41
JavaScript 大変だったけど書き終わった。偉い人みんあ prototype 使ってる（prototype.js のことじゃないよ）んだけど、ボクもこれを使うことで得られるメリットを速く知りたい。Wed Mar 16 05:51:36 via YoruFukurouそらいっち soraiy@soraiy プロトタイプは、要するに、クラスメソッドのことですよ？Wed Mar 16 05:52:...
42
18:41またJavaScriptで遊んでる。JavaScriptにもnew演算子があった。クラスを定義してからnewでインスタンスを作成するということができるらしい。コンストラクタになる関数を作ってからそれをnewの後に付けて呼べばいい。function Class1(){this.str = "これはClass1のインスタンス";}Class1.prototype.toString = fun...
40
+1。 Function.prototype.bindは何がいいのか - 枕を欹てて聴くというわけでFunction.prototype.bindは単なる簡単な追加機能とか補足みたいなのじゃなくて, 凄まじい新機能(call, applyに匹敵)で, かつ非常に奥が深いのでした. なのにSafariとiOSとAndroidでサポートしてないなんて。あんまりだよ、こんなのってないよ。 var oBi...
36
Chrome拡張の権限なんか必要なく、ただのブックマークレットです。Chrome の Dev 版で動作確認。javascript:(function(){Array.prototype.slice.call(document.querySelectorAll('a[href$=".png"], a[href$=".gif"], a[href$=".jpg"], a[href$=".jpeg"], ...
41
テストしやすいコード適切にAPIが公開されている(要はグローバルからアクセスできる)ある引数を渡すと決まった実行結果を返すようなメソッド設計(function(){// クラス定義を上にwindow.MyClass = MyClass;function MyClass(hoge){this.hoge = hoge;}MyClass.prototype = {fuga: fuga,fugafuga:...
45
これでできる！ クロスブラウザJavaScript入門第16回 JavaScriptのthisとcallCheck2010年10月12日太田昌吾JavaScript, クロスブラウザ, 継承, this, クロージャElement, prototype, コンストラクタ, proto, span, 継承関係この記事を読むのに必要な時間：およそ 2 ～ 4 分12こんにちは，太田です。前々回，前回と...
29
Javascriptprototypeってものを本で読んだだけでわかったつもりになっていたけど、いざ使ってみたら勘違いばかりでダメダメだったので覚書。やっぱ何か覚えるときはコードの写経だけでもしといたほうがいい気がする。 動かないコードこんなコードを動かそうとして失敗した。 var proto = { prop:"aaaaaa", alert:function(){ alert(this.prop...
