基本的な形

プラグインとか書いた事もありましたが、
結局今は、こんなオーソドックスな形に収まっています。

var Person = function( name ){
    /* コンストラクタ */
    this.name = name;
};
Person.prototype = {
    name : null,
    sayHello : function(){
        console.log( "こんにちは！" + this.name + "です！" );
    }
};
var john = new Person( "まっは" );
john.sayHello(); // "こんにちは！まっはです！"

プロパティにオブジェクトを使う

オブジェクトに設定値をまとめてコンストラクタに引数で渡して～っていうのは結構頻出ですが、
プロパティにオブジェクトを使いつつ、インスタンスを複数作りたい場合は注意が必要。
普通に書いてしまうと、どのインスタンスもprototypeのメンバを参照してしまい、
或るインスタンスで値を変えると、他のインスタンスでも変わってしまうという困った事になります。

こちらの記事がわかりやすかったです。

• zudolog » prototypeでメンバにオブジェクト指定してるとハマるかも

そこで、上の記事を参考にこんな感じ書いておきます。

var Person = function( option ){
    this.option = $.extend( {}, this.option ); // 重要！
    this.setOption( option );
};

コンストラクタ一行目、optionを空のオブジェクトに格納しなおして代入しています。
こうすることで、インスタンス毎に別のオブジェクトを扱えるという寸法。なるほどなるほど。

Person.prototype = {
    option : {
        name : null,
        age : null
    },
    setOption : function( option ){
        $.extend( this.option, option );
    },
    sayHello : function(){
        console.log(
            "こんにちは！" + this.option.name + "です！" +
            "永遠の" + this.option.age + "歳です！"
        );
    }
};

var john = new Person( { name : "ジョン", age : 29 } ),
    tom = new Person( { name : "トム", age : 16 } );

john.sayHello(); // "こんにちは！ジョンです！永遠の29歳です！"
tom.sayHello(); // "こんにちは！トムです！永遠の16歳です！"

コンストラクタの一行目の処理がない場合、
上の出力結果はどちらもトム16歳になってしまいます。

カスタムイベントを使う

AS3のdispatchEventみたくカスタムイベントを利用してみます。
同じ内容を確か以前書きましたが、まとめの為、一応。

var Items = function( data ){
    this.data = $.extend( [], this.data, data );
};
Items.prototype = {
    EVENT_ADDED : "added",
    data : [],
    add : function( value ){
        this.data.push( value );
        $(this).trigger( this.EVENT_ADDED );
    },
    bind : function( type, handler ){
        $(this).bind( type, handler );
    }
};

といっても、自身を格納したjQueryオブジェクトからbind/triggerを呼び出してるだけですが…。

var MyItems = new Items;
MyItems.bind( MyItems.EVENT_ADDED, function(){
    console.log( this.data );
});

MyItems.add( "foobar" ); // ["foobar"]

イベントリスナの登録はbindを使います。
addメソッドで値を追加すると、”added”イベントに着火される仕組み。

あまり頻繁に使う事もない気がしますが。

と、こんな感じで書いておりますが、
他の方がどのように書いているのかも知りたいところですね！

Learning jQuery – Tips, Techniques, Tutorials

簡単な仕組み

ネタ元はこの記事です。
Detecting Ajax Events on the Server » Learning jQuery – Tips, Techniques, Tutorials

どうやらjQueryはXmlHttpRequestでリクエストをする際に
「X-Requested-With」というヘッダに
「xmlHttpRequest」という値を格納しているそうな。
jQuery…なんという愛でしょう。

jQueryの素晴らしさを実感すると同時に、
やはり一度はソースを熟読しておくべきだなぁと感じますね。
参考になる設計手法とか、恐らく随所に見られる事でしょう！

取得してみる

PHPとRubyで、試しに取得してみました。

PHP

$xhr = ( @$_SERVER["HTTP_X_REQUESTED_WITH"] === "XMLHttpRequest" );
echo ($xhr) ? "jQuery Ajax" : "Requested Directly" ;

Ruby

xhr = ( ENV["HTTP_X_REQUESTED_WITH"] === "XMLHttpRequest" )
print (xhr) ? "jQuery Ajax" : "Requested Directly"

ちなみにこのヘッダが渡されるのは、あくまでもXMLHttpRequestを介して行われた通信だけです。
それ以外のもの、例えばJSONP等の場合は渡されないので注意しましょう。
（JSONPはscript要素を追加しているだけなので、XMLHttpRequestは使用していません）
cf) jQueryはJSONPの理解の妨げになるか？

ネタ元のブログも素晴らしいです！
今回初めて知ったのですが、是非とも全てに目を通したいです。
Learning jQuery – Tips, Techniques, Tutorials

「ファイル名を指定して実行」とは

「ファイル名を指定して実行」というのは
コマンドを入力することでプログラムを実行出来るダイアログボックスの事です。
「calc」や「notepad」や「cmd」等々、Windowsを使っていれば結構使っているはず？
以下のショートカットキーで呼び出す事ができます。

Windowsキー＋R

例えば「calc」と入力してOK/Enterすると、
Windows標準装備の超クールな計算機が立ち上がります。
なぜcalcで計算機が立ち上がるのかというと、
「パスが通っている場所」にcalc.exeがあるから。それだけ。

使えるコマンドを増やそう

増やし方

コマンドの追加方法は至ってシンプルで、
パスが通っているフォルダにショートカットを作っておくだけ。

1. スタートメニュー>プログラムで好きなプログラムのショートカットをコピー
2. パスが通っている場所（例えばc:windows）にペースト
3. お好みの名前にリネーム

例えばPhotoshopのショートカットを「ps」という名前で保存しておけば、
「ファイル名を指定して実行」>「ps」で簡単に呼び出す事が出来ます。
名前さえ覚えておけばランチャーいらずで何でも一発起動できますね。

保存場所は自分で作ろう

上の例ではc:/windowsなどと書きましたが、
そんな所においてしまっては管理しづらい上に妙な物を弄ってしまわないか心配です。
新たに作成したフォルダにパスを通して、そこで管理した方が安全です。

パスを通すのは簡単で、下記の場所の「Path」の項目に追記するだけ。
あとは再起動すれば適用されるはずです。

「システムのプロパティ」>「詳細設定」>「環境変数」>「Path」

c:aliase等、分かりやすい場所が良いですね。

まとめ

よく使うアプリケーションはすぐ起動出来るようにしたい。
作業効率上、できるだけキーボードから手を離したくない。
そんな時に大変役立つ小技です。

また、パスを通しておけば「ファイル名を指定して実行」だけでなく、
コマンドプロンプトからも一発起動出来るので、
バッチファイル等を保存しておいても何かと便利ではないでしょうか。