ってことでここ最近で覚えたこと。

• Javascriptの既定クラスの機能を拡張する
• jQueryへ”ヘルパ関数”を追加する ($.extend)
• jQueryへ”機能クラス”を追加する ($.fx.extend)
• IMPACTJSを拡張する (ig.Xxxx.inject)

今回はその内の最初の既定クラスの機能拡張について。例えば、文字列に対してフォーマッター(printf(), format()のようなもの)が欲しい場合は以下のようにすると良いらしい。

String.format = function() {
  var s = arguments[0];
  for (var i = 0; i < arguments.length - 1; i++) {
    var reg = new RegExp("\\{" + i + "\\}", "gm");
    s = s.replace(reg, arguments[i + 1]);
  } 
  return s;
}

そして、よく使われる文字列の接頭辞、接尾辞が等しいかどうかを判断する関数は以下のようにすると良いらしい。

String.prototype.endsWith = function (suffix) {
  return (this.substr(this.length - suffix.length) === suffix);
}

String.prototype.startsWith = function(prefix) {
  return (this.substr(0, prefix.length) === prefix);
}

というのが、私が愛するサイトの一つであるstackoverflow (Equivalent of String.format in JQuery)に書いてる！

多分まとめるなれば

• クラス関数を追加する場合は”クラス名.関数名 = function() { 定義 }”とすればよい。
• インスタンス変数に関数を追加する場合は”クラス名.prototype.関数名 = function() { 定義 }”とすればよい。

だと思います。endsWith(), startsWith()はそれぞれ別個で書いてありますが、jQueryの機能を使えば恐らくは以下のようにもに書けるのではないかな、思ったり。でも詳しくないから知らない。

$.extend(String.prototype, {

endsWith: function(suffix) { 
  return (this.substr(this.length - suffix.length) === suffix);
}, 
startsWith: function(prefix) {
  return (this.substr(0, prefix.length) === prefix);
}

});

ってな感じなのですが、たま～に技術っぽいものを書くと違和感を覚える今日この頃。

自身、まだjQuery自体を良くわかっていませんがこんな感じなのかな(今更感ですが)。

• JavaScriptの高機能なライブラリ群
• DOM操作のみならず、非同期コール(Ajax?)もサポートする

Web開発はHTML5+CSS3+JavaScriptと言われていますが、実質JavaScript＝jQuery、という気がしてなりません。まだまだ初心者ですが初心者ながら進まないといけないので書籍に手を出してみるテスト。

jQuery ポケットリファレンス (POCKET REFERENCE) 鶴田 展之

Ajaxアプリケーション & Webセキュリティ Christopher Wells

処理的にはなるべくクライアント(ブラウザ側)で済ませたいですが、どうしても情報量の関係からサーバに通信せざるを得ません。仮にJSON形式でデータを返すにしてもクライアント側でその情報を改ざんしてポストされかねないとか、セキュリティ的にも頭を悩ませて・・・・。私、システムプログラマではないんですけどね、多分。
# でもみんなそろって私をシステム屋だという・・・

追加で、家電とコミックも買ってみるテスト。

Panasonic 電気掃除機 クリスタルブルー MC-PA20W-A

Waltz 4 (ゲッサン少年サンデーコミックス) 伊坂 幸太郎 大須賀 めぐみ

うん、今月も散財プレイが楽しめそうです。

この段階でいつまでも前のガラケーに固執することなく次の流れに移るとしたら自分としては次の技術あたりは割と狙うべきなのかな、と。

• Unity3D – PC(Win/Mac), iPhone, Android
• Mono系 – iPhone, Android
• Titanium – iPhone, Android
• PhoneGap – iPhone, Android, BlackBerry, Windows Phone7, etc…

個人的にはMono系とPhoneGap当たりが面白いです。Mono系はUI部分とロジック部分をうまく使い分けないとMonoTouch/Monodroid間の移植でそのメリットを生かせないですがそれだけの価値があるかな、と。
PhoneGapもJavaScriptながら、各種デバイスのAPIを叩いたり。また内部的にHTML5+CSSで動かせるゲームエンジンなんかも徐々に出ていたりします。Akihabaraとかフリーのゲームエンジンがあったり(ただ、スマフォで動かすには結構重いんです)。

サーバ周りで言うとSymfony1.4系(PHP)を使っていたりしますが、そろそろSymfony2.0系に移る準備をしたり、ASP.netというMS系を触ってみたいな、と思うところもあったりと。いずれにしても常に勉強あるのみ、ですね。