jQueryだけじゃない。javascriptライブラリ

マークアップ

2016.07.21(Thu)

こんにちは。マークアップエンジニアの近藤です。

6月にjQuery 3.0が登場し、今まであった2つのバージョンが統合されることになりました。

jQuery 3.0 Final Released!

統合にともない、この2種のメジャーバージョンアップはなくなります。
jQueryでも十分かもしれませんが、これを機に他のライブラリも検討したい、といった時に候補となりそうなjsライブラリをご紹介したいと思います。

Zepto.js

http://zeptojs.com/

jQueryと互換性が高く比較的導入しやすいライブラリ。
現在一般的に利用されているjQuery(1.12 約95KB)に比べ軽量(30KB弱)ですので、スマートフォンサイトの制作時に最適といえます。

cash

http://kenwheeler.github.io/cash/

とにかく軽さを追求するならこちら。
約9KBと軽量。完全に代替とはいきませんが、基本的なものはまかなえます。

jQuery3.0に移行する際の注意点

IE8以前のブラウザに対応しなくなったため、その処理を省いて軽量化したjQuery3.0。現在最新バージョンは3.1となっています。
サポートされるブラウザは以下になります。

  • IE9 以降
  • Chrome、Edge、Firefox、Safari の最新版とそのひとつ前のバージョン
  • Opera の最新版
  • iOS 7 以上で稼働する iOS版 Safari
  • Android 4.0 以降

古いバージョンのブラウザやAndroidに対応したい、といった場合を除けば、移行してしまっても問題ないようです。

まとめ

モバイル端末での閲覧を考えた場合、読み込むファイルは容量の小さい方が適しています。しかしサイトにスライダーやタブなどの動きを取り入れたい場合、容量の大きなファイルを読み込むことも多々あります。

次々と新しく、更にモバイルに最適化されたライブラリやスクリプトが発信されている今、定期的に見直しをしてみるのもいいかもしれませんね。