ブログ

ウェブ制作者がよく使うJavaScript・jQueryプラグイン(ライブラリ)5選

Web制作の現場でよく使うJavaScriptプラグイン・jQueryプラグインをいくつかご紹介します。

スライドショー、モーダルウィンドウなど、実用度の高いプラグインを厳選してピックアップしています。

利用するかどうかはケースバイケースですが、少なくとも知っておきたいプラグインであることは保証できます。

ぜひ参考にしてください。

slick

slick

http://kenwheeler.github.io/slick/

レスポンシブに強いカルーセルスライダー。
ブレイクポイントごとに表示数やスクロール数を決められる柔軟性が強みで、カスタマイズ性に富んでいます。
ウェブデザインギャラリーサイトで紹介されるようなハイクオリティのウェブサイトでも実装されているケースがあります。

jquery.matchHeight.js

jquery.matchHeight.js

http://brm.io/jquery-match-height/

要素が横並びのレイアウトを組むときに重宝するjQueryプラグイン。
高さを自動的に取得し揃えてくれます。
CSS3のFlexboxや、『tile.js』『jquery.heightLine.js』など近いプラグインもありますが、最も精度が高く使いやすいと感じています。

Magnific Popup

Magnific Popup

http://dimsemenov.com/plugins/magnific-popup/

レスポンシブデザインにも対応しているシンプルなモーダルウィンドウ。
元祖『Lightbox』でもいいですが、YouTube、Google Mapなどにも適応できるという強みも考慮し、筆者は『Magnific Popup』を愛用しています。

jQuery Cookie Plugin

jQuery Cookie Plugin

https://github.com/carhartl/jquery-cookie

JavaScriptでcookieを扱うためのjQueryプラグイン。
筆者は主に、「サイト訪問者に一番最初に訪れたときだけローディングエフェクトを見せる」というケースで使用しています。

particles.js

particles.js

https://vincentgarreau.com/particles.js/

ポリゴン状の幾何学模様アニメーションを描画できます。
サイトデザインが味気ない場合に取り入れれば良いアクセントになります。
サイト表示が少々重くなるので、状況を見て導入を検討しましょう。

記事を書いた人

杉直樹の写真

杉 直樹 / ウェブ制作者

1990年2月 福岡県柳川市生。学習院大学在学時よりウェブ制作経験を積み、卒業後2014年(24歳時)から独立し、クラウドソーシングを中心に活動。300件以上の様々な制作実績を持つ。シンプルで普遍的なデザインの中規模コーポレートサイト制作業務が最も得意。格安の制作費用が売り。

一覧へ戻る