jQueryプラグインで彩る、ワンランク上のサイト制作

第1回プラグインを見つけよう

はじめに

この連載では、プログラムはあまり知らないという方に向け、今話題のJavascriptライブラリの一つであるjQueryのプラグインを用いた、ワンランク上のWebサイト制作方法を解説します。

第1回では「プラグインをどのように見つけるか」について、その方法を紹介していきます。今後も増加の傾向にあるjQueryプラグイン。インターネットの海の中から自分に必要なプラグインを効率よく探すテクニックは、jQueryを使いこなす上での重要なポイントとなるはずです。

jQueryプラグインの見つけ方

インターネットの海から必要なプラグインを探す方法は、ざっと次の3パターンに分けることができます。

  • 検索エンジンで探す
  • リスティングサイト/ブログから探す
  • RSS/ML購読など

当然、それぞれの探索方法は一長一短であり、以下にそれぞれの方法に対し、詳しく紹介していくことにします。

検索エンジンで探す

言わずと知れた、GoogleやYahooに検索エンジンにキーワードを入力して検索する方法です。ポイントとなるキーワードは、次に挙げた言葉を組み合わせを利用することです。

  • jQuery、プラグイン、plugin、plugins、list

検索エンジンを利用する長所は、やはり手軽に利用できることです。短所は必ずしも検索結果が自分の望む情報を持つサイトとは限らないことでしょう。ただ、キーワードを工夫(具体的に)することでいくらか改善できるはずです。

Googleの検索結果
Googleの検索結果

リスティングサイト/ブログから探す

リスティングサイト/ブログから探すこと探索が、一番よく利用されている探索方法でしょう。つまり、まとめサイトやブログですでにリスティングされているプラグインの中から、自分の必要なプラグインを探す方法です。

この探索の長所は、掲載されているプラグインはすでにリスティングした人のフィルタがかかっており、良質なものである可能性が高いということです。あとプラグインがカテゴライズされている場合は、目的のものをさらに短時間で見つけることもできます。短所は、そもそもリスティングサイト/ブログ自体をあらかじめ知ってないといけないということですが、こちらはやはり、検索エンジンで探す形が一般的になってしまいます。

以下に、いくつかリスティングサイト/ブログをピックアップしてみました。

jQuery - Plugins

jQuery本家サイトのプラグインを集めたページ(英語)です。非常に多くのプラグインがカテゴリ別に登録されており、検索機能をついています。また、最新プラグイン・人気プラグイン別にもまとめられており、プラグインユーザー必見のページです。

jQuery - Plugins

jQuery - Plugins

skuare.net - jQuery 140 Plugins

skuare.net - jQuery 140 Pluginsでも、プラグインがカテゴリ別にまとめられているページ(日本語)です。プラグイン数もタイトルが示す通り140個と多く、さらに各プラグインごとのサムネイル画像も用意されており、プラグインの機能をイメージしやすい構成となっています。

skuare.net - jQuery 140 Plugins

skuare.net - jQuery 140 Plugins

Sastgroup - 240 plugins jquery

Sastgroup - 240 plugins jqueryはさらに多く、240個ものプラグインを紹介しているブログ記事(英語)です。ただし、カテゴリ分けはされているのですが、単なるプラグイン名の羅列(リンク)となっており、機能概要を把握するにも、リンク先のページまで確認する必要があります。

Sastgroup - 240 plugins jquery

Sastgroup - 240 plugins jquery

コリス - jQueryのプラグイン33+1選

サイト制作に関するTipsを紹介しているブログ(日本語)です。その中で定期的にjQueryのプラグイン33+1選という特集があり、文字通り、数あるjQueryプラグインの中でもクオリティの高いものを紹介してくれています。

コリス - jQueryのプラグイン33+1選

コリス - jQueryのプラグイン33+1選

Noupe - 37 More Shocking jQuery Plugins

Noupe - 37 More Shocking jQuery Plugins(英語)も上記「jQueryのプラグイン33+1選」同様、クオリティの高いプラグインを紹介しています。解説、サムネイル画像だけでなく、デモがあるものに対してはデモページへの直接リンクも用意されています。

Noupe - 37 More Shocking jQuery Plugins

Noupe - 37 More Shocking jQuery Plugins

RSS/ML購読など

新作プラグインをいち早く見つけたいという人は、プラグイン情報を提供しているRSSやプラグインまわりの議論を行っているMLを購読するのも効果的です。⁠Google アラート」「ブログ検索サイト」でjQueryプラグイン関係のキーワードを用いるのも今時のやり方ではないでしょうか。

長所は最新の情報を最速で取得できることです。短所はその情報が玉石混交でり、改めて情報整理が必要なことです。

以下に、⁠Google アラート」「ブログ検索サイト」を利用したjQueryプラグインに関する最新情報の取得方法を紹介します。

Googleアラート

Googleアラートは、指定したキーワードに対して新しい検索結果が見つかったときに、自動的にその情報に関するメールを送ってくれるサービスです。

使い方は簡単で、Googleにログインしている状態で、Googleアラートのページを開き、Goアラート作成ボックスにて、検索用語、タイプ、頻度、メールアドレスを指定するだけです。検索用語は、⁠検索エンジンで探す」で紹介したキーワードを用いると効果的でしょう。

Googleアラートの作成

Googleアラートの作成

ブログ検索サイト

ブログ検索サイトとは、Googleブログ検索テクノラティなどが該当します。文字通り、指定したキーワードでブログを検索するのですが、その検索結果をフィードとして取得することができます。

jQueryプラグインに関連するキーワードでの検索結果フィードを、いつも使っているフィードリーダーに登録することで、ブログで発信されている最新の情報をリアルタイムで取得することができます。

Googleブログ検索

Googleブログ検索

テクノラティ

テクノラティ

まとめ

今回は具体的なプラグインの解説ではなく、そもそも、"そのプラグインをどのように探してくるか?"という方法をいくつか紹介しました。皆さんがより有用なプラグインを、より短時間で見つけ出すことの助けになれば幸いです。

次回はウインドウ内で画像などを紹介する、いわゆるLightBox系プラグインをいくつか解説する予定です。

乞うご期待!

おすすめ記事

記事・ニュース一覧