いやはや、jqueryやっていて今更気づきました。
気づかず別の手法でやっていた自分も恐ろしいですが、考えてみれば当然なのです。

$("#test")

上記では”test”のid属性を持っているタグを取得するjQueryの作法です。
通常Javascriptで変数などを扱って値の有無で処理を変える場合

var test;
if(test){
　//処理内容
}

とすると思います。上記のように変数の有無で処理内容を実行するかどうかを決めるのです。
じゃあjQueryでも。。

if($("#test")){
　//処理内容
}

これじゃ駄目なのです！
jQueryだと$(“”)にてjQuery独特のオブジェクトを取得するので、true,falseは返ってきません。
なのでif文で囲っても無駄。じゃあどうすれば良いの？

if($("#test").length){
　//処理内容
}

上記が正解です。そのオブジェクトがいくつあるのかがlengthで返ってくるので、id=”test”がない場合は0が、複数ある場合は1,2,3,…と返ってくるわけです。

考えたら当たり前なのですが、意外と陥りがちな所かと。
自分は1年近くjQueryやってて気づきませんでしたorz
これからはlength使うべし。自分メモ。

jQueryで作る Ajaxアプリケーション

沖林 正紀
技術評論社

Amazon.co.jp で詳細を見る

この本、なかなか見直し勉強には良かったです。

ちょっと前だと、年齢的にゲームはしちゃ駄目でしょとか言われてしまったのが
最近はDSや携帯ゲームのおかげで容認してくれる人も増えましたね。

個人的にはPS3派なのですが
なかなかPS3でやりたいゲームが出てこない。。。

そんな中、レジスタンス2というゲームを買ったのですが、前回あったストーリーモードを2人でプレイするモードが無くなっている…

基本オンラインで60人で対戦出来る？などの機能が充実しているようで
オンライン派ではない自分としては、正直困ったものです。

これからはオンライン未対応のゲームは減っていくのだろうなとふと思うのでした。

肝心の内容はおもしろいです。キャンペーンモードをとりあえずクリアしましたが
ストーリーはこの手の作品は、どうでもいい（失礼）なのは変わっていないです。
前作になかったスケールでの巨大な敵などを倒していくのは結構爽快でした。

是非、興味あればお求めください。オンライン好きにはかなり良いですね。

RESISTANCE 2(レジスタンス 2)

ソニー・コンピュータエンタテインメント

Amazon.co.jp で詳細を見る

秋もいつの間にか冬に変わろうとしていますね。
最近一気に寒くなりました。鍋もおいしい季節。

我が家の猫も2匹で丸くなっています。
そろそろ暖房器具出さないと。

猫たちの冬

ヴォルフガンク・ホールバイン ハイケ・ホールバイン
たかお まゆみ ポプラ社

Amazon.co.jp で詳細を見る

に参加しました。

現状技術の復習と、今後の展開などを再考出来ると良いかなと思って参加。
内容として、Javascriptの話が多い気がしてます。やはり今の旬か。

個人的には、Javascriptを良く扱っているのでうれしい限り。
さらには、webの最新動向や今後が、うっすらと分かりました。

いくつか気になった点調べてみました。

—-
WPF（Windows Presentation Foundation）
.net frameworks 3.0の機能のことですね。聞いた覚えはあったけども、今回の話の中で出てきた、RIAの中に入れていいのか不明だけどもリッチコンテンツが展開できる

bravia アプリキャスト
javascript,pngなどで構成されているようです。対応するテレビでガジェット的にテレビの横に表示出来るようですね。
テレビとの連動などは出来ないようですが、将来的には出来るようになる？
twitterなどで会話しながらテレビ見るとか出来るアプリとかおもしろそう。

googleのデザインガイドライン
googleにもサイトを作る際には、ガイドラインがありました（当たり前ですが）
IxD的なデザイン論ですが、納得するものもあってさすがと言わざるを得ません。

エンタープライズ情報アーキテクチャ（EIA）
企業向けのIAといったところでしょうか？４つのブランド展開パターン（マスターブランド、ハイブリッドブランド、保証付ブランド、個別ブランド）が存在し、企業の戦略などに合わせて型を決めるというものでした。
ウェブを作る時はサイト外も視野として入れる考え方は非常に新鮮でした。

—-
このイベントでは、HTML,CSSの第一人者エリック・メイヤー氏とも話すことが出来ました。
実際、僕が話した内容がショボ過ぎて氏には面倒だったかも…でもwebの未来を彼に聞いて「皆が使えるwebを目指している、君たちの力を貸して欲しい」と言われたのは、久々燃えました。
こんな自分でもwebに役立つ存在であればうれしいですね。

さーもっともっと作らないと！！

半年前位から、JavascriptのライブラリにjQueryのライブラリを使っているのですが
拡張用のプラグインが非常に豊富でうれしい限りです。

制作現場でもよく使っているプラグインをまとめてみました。

IE PNG Fix
IE6などは、まだまだ制作現場ではユーザシェアから言っても対応必須です。
PNG使えれば自由なデザインの幅も広がります。そんな可能性を広げてくれるプラグインです。

$(function(){
　　$("img[@src$=png]).pngfix();
});

とても簡単にPNGの導入が出来る優れものなのです。

Rounded Corners
角丸を現状のHTMLでコーディングするのはとても大変です。
CSS3では仕様の中に角丸があるのですが、FFとsafariのみしか対応していないから現状だと一番スマートなやり方かな？

$(function(){
　　$('.rounded').corners();
});

※corners(“30px 10px”)等と書くと角丸具合も自由に変えられます。

Star Rating
アマゾンなどにある星マークの評価をする機能を実装できます。
若干DB等に調整を入れる必要はありますが、コミュニティサイトなどを作る際に簡単に導入出来るのが魅力的です。

$(function(){
　　$("#star").rating('star.php', {maxvalue:5, curvalue:2});
});

jQuery lightbox
有名なLightBoxのjQuery版です。通常だとprototype.jsやscriptaculous.jsを読み込んだりしなければいけないのでどうしても肥大化してしまうのですが、プラグインなので、他に必要なのはjQueryのみ。

$(function() {
　　$('#gallery a').lightBox({fixedNavigation:true});
});

jQuery Image　Protecter
最近は減ってきましたが、一部企業案件などで話がよく出るのですが「画像をダウンロード出来ないようにしてほしい！」、実際はキャプチャ取ってしまえば取れるのですが右クリックで保存出来ないような処置を加える事が出来ます。
このプラグインはmootoolにあったImage Protecter dwProtecterを参考にjQueryに僕が作り変えたものなのです。

$(function(){
　　$(".protect").ImageProtector({image:"images/blank.gif"});
});

まだまだ、他にも便利なプラグインがあります！
本家には色々なプラグインがカテゴライズされているので、是非とも欲しいプラグイン探してみてください。
ぱっと使って試せるのがプラグインの魅力なので、仕事などで使う際の参考にどうぞ！！

jQuery 本家

猫は「寝子」が語源なのもうなずけます。
うちの子はどこででも寝るのです。これはスーパーの袋の中。

一日の疲れも吹き飛びます。猫の詳しい情報

毎年恒例イベント。ハロウィンパーティです。

皆と集まってのイベントもなかなか良いですよね。
今回は時間なかったので、準備もイマイチでしたが、非常に楽しく過ごせたと思います。

来年も楽しみです。
今年もあと○ヶ月という言い方をするようになると年の終わりを感じます。