クラスを使用したjQueryプラグインのテンプレート
前置き
いくつかjQueryプラグインを作成したことで、ようやく自分の中でお決まりのパターンのようなものが出来上がりつつあります。いまさら感満載ではありますが、プラグイン開発時のテンプレートの一例として、投稿しておきます。
jQuery
toneletter.js – タイ語や中国語の発音記号を入力可能にするjQueryプラグイン
タイトルの通り、かなりニッチなjQueryプラグインを作成しました。タイ語初学者が発音を覚えるために使用する発音・声調記号、中国語のピンイン（拼音）を簡単に入力できるテキストフィールドを作成するプラグインです。
要素が表示されたら関数を実行する jquery.showuptrigger
業務で必要だったので、ちょっとしたjQueryプラグインを書きました。要素がスクロールによって表示されたタイミングで、ある処理を実行できるようにするプラグインです。
ポップアップブロックを回避してsubmitと同時に新しいウィンドウを開く
タイトルだけ読んでも・・・何言ってるかよく分かりませんね。例えばformからsubmitしてデータを保存、と同時に保存したデータでPDFレポートを新しいウィンドウで出力したい・・なんてことありません？ そんなとき、javascriptでwindow.openするのが普通ですが、最近のブラウザではポップアップブロック機能が働いてしまいます。 それを強引に回避してみます。
rails_sortableでマスタをラクラク並び替え
rails_sortableというgemを作成しました。並び順をもつマスタってよく使うと思いますが、当gemはドラッグ＆ドロップによる並び替えを実現するためのプラグインです。ビデオを見ていただくと、イメージが湧くかと思います。