TECH Matari

最近のとある案件で実際に使ってみたjQueryプラグインを５つ紹介します。
それぞれに主観で「実用性」「楽しさ」「難易度」を評点（５点満点）してみたので、参考までにドウゾ。

それぞれにサンプルを付けています。
サンプルのソースを見たい方は、該当部分のiframeからソースを見てください。

ColorBlend

配布元：colorBlend
実用性：★★★★
楽しさ：★★★★
難易度：★★★
コメント：注目させたい箇所を、ブワンブワンと点滅させるのに使った。開始色・終了色・速度・回数など指定できるため、必ずしも点滅させる必要はないけど。今後、積極的に使っていきたい。

[ サンプル ]

alerts

配布元：jQuery Alert Dialogs
実用性：★★★
楽しさ：★★
難易度：★
コメント：普通に組み込みのalert,confirmでもいいけど、少しの手間で、オリジナル感が出せ、リッチな印象を打ち出せるので◎。

[ サンプル ]

numeric

配布元：::TexoTela:: jQuery – numeric
実用性：★★★
楽しさ：★★
難易度：★
コメント：別途バリデーションは必要だが、入力時に制限できるのであれば、するにこしたことない。こういう小さな工夫の積み重ねが完成度を高めると思う。
ただし、ブラウザによっては全角がそのまま入力できるので、要注意。
似たスクリプトに、jQuery AlphaNumericというのがある。こっちのほうがもう少し多機能で実用性があるかもしれない。お好みで。

[ サンプル ]

clockpick

配布元：jNathanson.com | the interwebs home of josh nathanson
実用性：★★
楽しさ：★★★
難易度：★
コメント：配布サイトでパラメータを試せるのも便利。インターフェースとしても面白い。見た目をもう少し工夫したらもっと良くなるかも。必ずしもこのインターフェースが使いやすいとは言いづらいけど、プルダウン×２（時：分）つより、融通が利くと思う。（直接入力もできるし）

[ サンプル ]

datepicker

配布元：jQuery UI Datepicker
実用性：★★★★
楽しさ：★★★
難易度：★★
コメント：jQuery UIを使ったカレンダーUI。日本語にも対応していて使いやすい。以前、Yahoo UIのカレンダーを使ったことあるが、挙動が怪しく、苦労した。このjQueryカレンダーは、組み込みも簡単。Themeから見た目をチョイスできるのも便利（同時に、不便でもあるが）
jQUery UIを使っているため、関連ファイルを多数ダウンロードする必要がある。最低限必要なファイルの組み合わせが分かりづらい。

デフォルトのままで組み込むと、カレンダー表示時に、「ニョイン！」っと、ヘンなフェードインというか、ズームがかかるため、コレを止めたい場合は、
<

<br />
$("input#day").datepicker(<br />
{duration: "",dateFormat: 'yy-mm-dd'}<br />
);<br />

と、durationを空にしてやればOK。
もう一つ、デフォルトだと、西暦の「年」の文字が入って無かったような。

とりあえずこんな感じ。

[ サンプル ]

今後も、実働サイトに組み込んだものを紹介していこうと思います。

Popularity: 37% [?]

written by ANN