• prototype 関連エントリイ一覧 in this Blog

prototype.jsでClass.create()はどう使われているか？

3277行に及ぶprototype.js(ver1.5.1.1)の中でClass.create()は16回使われています。次の16個のClassオブジェクトが定義されています。

• PeriodicalExecuter、
 
• var Template、
 
• ObjectRange、
 
• Ajax.Request、


• Ajax.Updater、
 
• Ajax.PeriodicalUpdater、
 
• Insertion.Before、


• Insertion.Top、
 
• Insertion.Bottom、
 
• Insertion.After、


• Element.ClassNames、
• var Selector、
 
• Form.Element.Observer、


• Form.Observer、
 
• Form.Element.EventObserver、
 
• Form.EventObserver

これらの16個のオブジェクトが何故Classとして定義されなければならないのか、他のオブジェクトとどのような差異をもたせたいためにClassとして定義されたのか、それが分からないのです。

オブジェクト指向で、敢えて問題を複雑にするメリットは何？

var myObj = {};

たったこれだけでObjectは生成出来てしまうのに、どうしてClass定義が必要なのでしょうか？

あるいはコンストラクタ関数を

var myObj = function (a, b){this.a=a; this.b=b;}

または、

function myObj(a,b){this.a=a; this.b=b;}

のように定義すれば、これでObjectの初期化が可能なのに、どうしてClassを定義する必要があるのでしょう？

以上の極めて初期的な疑問をまず解決したいと考えています。

最初のボタンを掛け違えてしまうと、prototype.js の理解は決して深まらないでしょうし、今までのJavascriptコード利用がそうであったように、取りあえず動けばよい、とばかりに半可通のままでそれを使いたくないからです。

Javascript２ ではClassが導入されるらしい

待望されているJavascript2がいつ登場し、例えばFireFoxに搭載されるのか知らないのですが、近々登場するであろうJavascript2ではClass概念が導入されるようです。そうだとするとClassを使いこなせるようになっておいた方が、後々Javascript利用上の応用度、自由度は間違いなく高まると思われます。

そこでまず、オブジェクト指向なJavascriptについて記述されているWebサイトを探してみました。

オブジェクト指向Javascript関連WWW

1. JavaScriptによるオブジェクト指向プログラミング
2. Javascriptを洗練させるprototype.js
3. Core JavaScript 1.5 Guide:Class-Based vs. Prototype-Based Languages - MDC
4. Core JavaScript 1.5 Guide - MDC

上記のサイトを概観しても、Class定義を敢えて行う必要性についてはピンと来ません。Class 定義の必要性が十分理解できないのです。

上記Webサイトの2番において、Class定義のメリットについてさらっと触れられていますが、あっさり過ぎて、敢えてClass定義を利用する意義や重要性の認識は深まりません。

まだまだ道は遠い！

▲ToTop

関連エントリイリスト in this Blog

• 大晦日の閲覧者が237人！過去最高の記録

7月16日のユニーク閲覧者数が何と555！

数日前から閲覧者数が増加していることは把握していました。しかしこれまでの数ヶ月間ずっと200台だったユニーク閲覧者数が突然一昨日あたりから急増し始め、ついに昨日7/16には555人となったのです。

トータルアクセス数では914回と一千の大台に近づいてしまいました。

こんな拙ブログの何がそれ程の閲覧者を獲得しているのか？　アクセス解析を見ても決して特定のエントリイに集中してアクセスされている訳ではないのです。

7月の約２週間の検索ワードを調べてみると、相変わらず「Yahoo解約」関連検索結果としての閲覧がダントツで多く、これにDRM解除が続いています。今盛んにエントリイしているJavascript関連の検索語による訪問は決して多くはありません。最も多いoffsetParentで検索して閲覧してくれた方でも、7月中のユニーク訪問者数累計＝4,164人（参考：6月-6015人、5月-5199人、4/22〜30で1147人）の内、わずか26人に過ぎません。

つまり今集中して書いているJavascript関連のエントリイが注目を浴びている訳ではなく、以前に書いたいくつかの話題が関心を集めているようです。

ちょっと残念ですが，それでも沢山の方々に閲覧されていると言う事実は、大変嬉しいことです。

そして大いに励みになることでもあります。引き続き頑張りたい、との決意を新たにしている今日この頃です。

閲覧者の皆さん、ありがとうございます。

• prototype 関連エントリイ一覧 in this Blog

Ajax Libraryを概観し、いくつかの書籍を読みました

そこで思い付き、到達した学習方法をまとめておきたいと思います。

何度も書いているとおり、Libraryをそのままincludeして利活用する方法はとりたくないのです。そうすれば少なくとも Libraryの利用方法は分かるでしょうし、それだけでも一定の価値と意味はあります。しかし、それではJavascript本体のObject指向的なコード記述方法、つまりJavascriptそのものを十分には理解し得ないと思うのです。

愚劣ではあっても、丁度鉛筆でなぞる奥の細道のように、たとえ一字一句転写することになったとしても、オブジェクト指向的なJavascriptコードを自分で納得して書いてみるべきだと考えるのです。

まず Event Object の拡張を行ってみたい

イベントObjectは、Javascript本体に装備されているObjectの中でも大変分かりにくいものです。おそらく、今でも私は十分にそれを理解仕切れてはいません。

だからこそ、Event Object（以下EO）への理解をきちんとしたものにするためにも、EOの拡張にチャレンジしてみる必要があるし、もしかしたらprototype.jsで実装されているEOを更に拡張することが出来るかもしれません。

prototype.jsにおけるEvent Objectの更なる拡張について
例えば、prototype.jsにおけるEOの拡張は、まだ勧告に至っていないW3CのDOM Level 3で規定されるはずのキーボードイベント監視や、イベント発生元要素の取得、左クリックされたか否か、マウス位置取得、デフォルトアクションの停止、リスナーの停止、Listenされているかいないか、リスナー履歴（Cache）取得などです。

ここで欠落しているのはイベント発生先要素の取得、及び当該イベントのリスナーが設定されている要素の取得などです。

▲ToTop

次には訪問履歴（どのサイトから来てくれたのか）の取得です

アクセス解析を一々見なくても、document.referrerプロパティを活用して、訪問前サイトのリストを作成してみたい。単に今のこのブログに装備されていないから、オブジェクト指向Javascriptの練習台とし、取り組んでみたいというのが動機ですが、リファラー履歴をエントリイに取り込むということは、当該エントリイが表示される際に取得できるdocument.referrerの値を累積していくことであり、同じサイトから来てくれた場合のリストアップをどうするか、自サイト内のindex頁からの訪問も取得するのか、不定期に閲覧されるその都度、取得されるreferrer値をどのようにして累積するか、等の問題があり、結構挑戦し甲斐のある課題なのではないか、と考えています。まだ分からないこともありますが、チャレンジしてみようと思います。

幸いなことに、最近はユニーク訪問者数が200カウント台から300、日によっては400オーバーに乗ることもありますが、どんなルートから訪問してくれたのか、知っておくことは意義があると思うのです。

また、その情報が訪問者にも見えることにも意義があるはずです。リファラーはある意味で重要な関連情報ですから。

このリファラー履歴を各エントリイの末尾に掲載出来たらいいな、と考えた訳です。もしかしたらFC2のプラグインツールで既にあるかも知れないが、敢えて自前で作ってみようと思います。