コーディング /

脱jQueryするための代替プラグインまとめ

数年前から唱えられているjQuery不要論。jQueryはプラグインも豊富にある便利なライブラリですが、動作が重いのも事実です。とはいえ、「プラグインも使用しているし、新規案件はまだしも既存案件での切り替えは難しい…」という方も多いのではないでしょうか?
今回は、実案件でも使用機会の多い「スライダー」と「モーダル」のプラグインをご紹介します。

 

Swiper

動作が軽く、機能も豊富なスライダープラグインです。CDNでも利用することができます。
JQueryプラグインの「bxSlider」や「Owl Carousel」のようにオプションが豊富なうえ、レスポンシブにも対応しています。カスタマイズすればだいたいのスライダー表現を実現することができるので、既存案件の切り替えにもオススメです。

 

Remodal

jQueryや他のライブラリに依存していないモーダルプラグインです。CDNでも利用することができます。
軽量かつ一通りのオプションが用意されており、とても使いやすいです。また、JSとCSSを読み込めば使用することができるので、実装用の記述も必要ありません。手軽にモーダルを使いたい人にオススメです。

 

Pure CSS Modal

名前の通り、CSSで実装するモーダルです。ポップアップの表示の仕方や位置はclassで切り分けることができます。
CSSのみで実装されているので、カスタマイズも簡単です。JSが苦手な方には特にオススメです。

 

よりよいUXを実現するためには、ページ表示速度は重要な要素のひとつです。軽量化への第一歩として、jQueryプラグインを切り替えてみてはいかがでしょうか?

この記事を書いた人

永渕百合子

PAGE TOP