今、大学のほうで先輩が作ったシステムをつくり直そうとしています。
簡単なメッセージ機能とフォームを使った申請・管理機能を持ったものなのですが、CakePHPを使って作りたいと考えてます。

せっかくなのでよりリッチなものにしたいと思ってるんですが、備忘録的に使いたいと思ってるjQueryとCakePHPのプラグインなどをまとめてみます。

 

長くなってしまうのでjQuery編とCakePHP編に分けたいと思います。

まずはjQuery編からどうぞ。
フォーム関連のものが多めで、あとは定番のチップとかクリアボックスとかです。

 

Uniform – Sexy forms with jQuery

Uniform はフォームの見た目を良くしてくれるプラグインです。

フォームの見た目を変えるプラグインはたくさんあるんですが、これが一番シンプルだったので。クリーンで良い感じです。

jQuery Form Tips Plugin

jQuery Form Tips Plugin はinput要素にうすーくコメントを表示できるプラグインです。

こういうのってすごく気がきいてていいですよね。
ユーザにもありがたいだけでなく、管理側にとってもフォームの入力のゆれが減るので助かります。

jQuery MultiSelect | A Beautiful Blog

jQuery MultiSelectはselect要素のmultiple属性を適用したときの
入力を楽にしてくれるプラグインです。

select要素のプラグインというと、5509さんのjQselectable(jQuery.selectable.js)がとても使いやすそうなのですが、
残念ながらmultipleには対応していないということでこちらのプラグインを使うことにします。

A jQuery inline form validation

こちらのプラグインはフォームのバリデーションができるプラグインです。
CakePHPのバリデーションで十分かとも思うので使うかどうかは微妙ですが、一応候補にいれときます。

JavaScriptでのバリデーションは柔軟にルールを変えられたり、いちいち画面遷移がなくストレスにならないので便利ですね。

jQuery autosave plug-in

jQuery autosave plug-inは、フォームの入力内容を自動的にCookieに保存してくれるプラグインです。
Cookieに保存するということで、サーバへのリクエストも少なくてすみます。

たくさん入力内容があってほとんどを入力したのに、突然ブラウザが落ちて全部消えてしまったときの悲しさといったらないですよね。
そんな悲劇を起こさないようにしてくれる素晴らしいプラグインだと思います。

ただしほんとに使うかは検討中。

Uploadify

UploadifyはAJAXを使ってシームレスなファイルアップロードを可能にするプラグインです。

メッセージでファイルの添付をしたい時に使うかな、と思ったんですがCakePHPのプラグインで実装するかもしれません。

一応メモとして。

Tablesorter 2.0

Tablesorter 2.0はテーブルのカラムを動的にソートできるようにするものです。

管理画面で申請内容を出力する必要があるので、使ってみようと思いました。表示もクリーンですね。

jQueryにはテーブル関連のプラグインもたくさんあるんですが、使ったことがなくていまいち決定打にかけます。。
なんかつかいやすいのないかなぁ。

Page Scroller ver.3

Page Scroller ver.3はコリスさんが配布しているプラグインで、ページ内のスムーズスクロールを実装できます。

ページトップだけでなく、任意の要素にもスクロールできるのは素晴らしいですね。縦長のサイトにはもってこいだと思います。

ちなみに個人的には関係ないのですが、ver3.0.7から商用無料になりました。

hoverfade-1.0.2

hoverfadeはCSS Spriteで作られたナビゲーションをフェードで
かっこよく表示してくれるプラグインです。

変わるのは見た目だけなんですが1KBほどのスクリプトで軽量だったので使ってみようと思います。

tinyTips 1.0

tinyTipsは軽量のプラグインで、マウスオーバーでチップを表示してくれます。

あんまり使い道ないかもですが、いざチップを使いたい時に迷わないように。

ColorBox – customizable lightbox plugin for jQuery 1.3 & 1.4

ColorBoxは定番のライトボックス用のプラグインです。
ライトボックスを実装するものはいろいろ試したことがあるのですが、これが一番かっこよく、かつ使い勝手がいい気がします。

テーマが5種類あるのもうれしいですね。

参考にしたまとめ

というわけで以上でした。全てではないですが、参考にしたのは以下のサイトです。コリスさん様様ですね笑

[JS]jQueryのプラグイン100選 -2010年総集編 | コリス
[JS]jQueryのプラグイン100選 -2009年総集編 | コリス
[JS]jQueryのプラグイン100選 -2008年総集編 | コリス
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

 

次回はCakePHP編！