プロトタイプ（prototype）によるJavaScriptのオブジェクト指向
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をして
prototype.js の extend メソッド - (new Hatena).blog()
prototype.js の提供する便利な機能の一つに、extend によるオブジェクトの拡張があります。prototype.js の中でも、クラスの継承等、随所に使われています。 ところが、これには問題があるんですね。 id:nazoking:20050425:1114374966 id:secondlife:20051007:1128688909 http://la.ma.la/blog/diary_200507101154.htm 各所で指摘されていますように、Object.prototype に対して追加されているメソッドなので、全ての Object オブジェクトが（空のオブジェクトを作ったつもりでも）強制的にこのメソッドを持たされてしまうわけです。これは for in ループで回したい時なんかに困りますね。 こうした意見を反映して、開発版の prototype.js では従来の
scripty2: for a more delicious web
scripty2 is now out in a preview alpha release, with cool demos and some of the nicest documentation any open source project has (we do know that's a bold statement!). In this release, the focus has been on the effects engine, with the UI parts still pending a rewrite (there will be a lot of really cool stuff coming for the UI part, but more about that later). As a bonus, the minified and gzipped
prototype.jsを読み解く：第1回 Prototypeライブラリ（1〜197行目）｜gihyo.jp
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
いやなブログ - 文字列操作の比較表: Ruby, Python, JavaScript, P...
文字列操作の比較表: Ruby, Python, JavaScript, Perl, C++ Ruby, Python, JavaScript, Perl, C++ の文字列操作の比較表を作りました。配列操作の比較表の続編です。間違いなどがあったらご指摘いただけると助かります。 Ruby (String) Python (str) JavaScript (String) Perl C++ (std::string)
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
ヽ( ・∀・)ノくまくまー(2005-12-05)
● [Rails] RJS Template RJS Template は Ajax レスポンス用の JavaScript コードを生成する新しいテンプレート機能です。(JavascriptGeneratorTemplatesとも呼ばれています)。通常のテンプレート(rhtml)が出力するHTMLを記述するのに対して、RJSテンプレートでは既存のHTMLページのDOM要素に対する操作を記述します。これまで Rails で Ajax ヘルパを利用する場合、JavaScriptHelper の多くの remote 系メソッドでは、:update でID指定されたDOM要素の内容を Ajax action の実行結果のHTMLで置換(追加)する形式だったため、複数の要素を更新したり動的に(Controller側でその実行結果に応じて)更新対象の要素を決定することはできませんでしたが(*1)、RJ
RJS Templateを試してみた - zorioの日記
何これ Ruby On Railsの1.1から使えるようになった新しいView(？) JavaScriptをサーバサイドで生成して出力する。 使用例 実装する機能 前に作った新刊をチェックするWebアプリに機能追加する。 登録した条件で書籍を検索して、今月以降に出る検索結果だけをRSSで返すという単純なもの。 しばらく使ってみたが、購入済みの書籍がずっと出てくるのがうっとおしい。 そこで、特定の製品を選んでリストから除外する機能を付ける事にした。 つまるところ、クリックの操作でDB上の特定のレコードにフラグを立てるだけの単純な機能だ。 製品テーブルにリスト除外日という列を追加し、そこに日付が入ってたら除外、nullなら表示という事にした。 RJSを使わない場合 まずはRJSを使わないケースから。 Viewはこんな感じ。AJAXの呼び出しと、処理後の操作を記述する。 更新するHTML res
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript DOM リファレンス
Shibuya.js TT#1
prototype.js リファレンス