画面周りのちょっとした処理をjavascriptで関数化することはよくありますが、規模が大きくなってくると本来のロジックが見えにくくなってしまってあまりよろしくないなあ、と思うことが多々あります。
過去にjQueryプラグインのソース解析に挫折したことがあって作るのも難しいと思い込んでいたのですが、実はとっても簡単でしたのでご紹介します。
jQueryプラグインの作り方
ネットで検索するとたくさん出てきますが、こちらのサイトがわかりやすいと思います。
基本、
- プラグイン（メソッド）名
- オプション引数の処理
- 実際の処理
- メソッドチェイン
この4点を抑えておけば簡単に作れてしまいます。
作ってみる
試しにプラグインを作ってみます。
今回は、文字列から画像を取得するWebサービス「mebe（http://mebe.co/）」と組み合わせてみます。
対象タグの中身の文字列から画像のダイアログを表示します。
- 貞子
- cat
- motogp
以上です。