アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » WEB+DESIGN STAGE » 連載 » jQueryプラグインで彩る,ワンランク上のサイト制作 » 第1回 プラグインを見つけよう

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

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

はじめに

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

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

jQueryプラグインの見つけ方

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

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

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

検索エンジンで探す

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

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

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

Googleの検索結果

Googleの検索結果

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

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

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

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

jQuery - Plugins

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

skuare.net - jQuery 140 Plugins

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

Sastgroup - 240 plugins jquery

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

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

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

Noupe - 37 More Shocking jQuery Plugins

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

著者プロフィール

iret R&D team

iret社内の有志によるインフォーマルな技術者集団。社内の各スペシャリストで構成され,Flash制作からサーバ運用まで,インターネットに関する様々な案件に対し最前線で活躍する。その傍ら,講師業や執筆業なども行っている。

URL:http://www.iret.co.jp/

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

C/C++プログラマのためのDTrace入門

よくカーネルのチューニングや解析で活用されるDTraceですが,実はユーザプログラムの開発においても非常に有用です。連載ではC/C++プログラマやテストに関わる方向けにDTraceの使い方を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

検索エンジンはいかにして動くのか?

本連載では, 今や誰もが利用している検索エンジンの中身を,全体の仕組みやデータ構造,アルゴリズムから分散インデックスまで,最近の研究事例も交えて紹介します。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス