Javascript

痒い所に手が届く【ユーティリティ系】jsライブラリ10選

今回は、「あんなことがもっと簡単にできれば良いのに。。」というような痒い所に手が届く【ユーティリティ系】jsライブラリをまとめてみました。

shave.js

指定された「max-height」まででテキストを切り捨てることができるライブラリ。CSSだと1行の場合は寒天に切り捨て3点リーダーにできますが、このプラグインでは複数行を3点リーダーにできるので便利です。
【IE11対応】

ダウンロードは以下から
https://github.com/yowainwright/shave
https://www.npmjs.com/package/shave

MITライセンス

imagesLoaded

画像の読み込みイベントを取得するライブラリです。
オプションで「画像が全て読み込んだら〜」「全ての画像正常に読み込まれたら〜」「画像の読み込みに失敗があったら〜」などが指定できます。
jQueryプラグインとして使用することもできます。
【IE11対応】

ダウンロードは以下から
https://github.com/desandro/imagesloaded
https://www.npmjs.com/package/imagesloaded

MITライセンス

isMobile.js

モバイル端末を判別する時に便利なJavascriptライブラリです。

ダウンロードは以下から
https://github.com/kaimallea/isMobile
https://www.npmjs.com/package/ismobilejs

MITライセンス

使い方はこちらから
簡単にPCかモバイルを判別できる【isMobile.js】

smooth-scroll.js

ページ内のアンカーリンクのアニメーション化できるプラグイン。
jQuery無しで対応できる点が○
【IE11対応】

ダウンロードは以下から
github.com/cferdinandi/smooth-scroll
https://www.npmjs.com/package/smooth-scroll

MITライセンス

PACE.js

簡単にプログレスバー(読み込み進捗)を実装できる【PACE.js】
ローディングのデザインパターンも豊富なので便利です。

ダウンロードは以下から
https://github.com/HubSpot/pace
https://github.hubspot.com/pace/docs/welcome/

MITライセンス

List.js

リスト、テーブルなどの要素に、【検索、並び替え、フィルターがけ】を実装することができます。
【IE11対応】

ダウンロードは以下から
https://listjs.com/
https://github.com/javve/list.js

MITライセンス

Cleave.js

日付や電話番号などの入力フォームコンテンツを自動的にフォーマットすることができます。

ダウンロードは以下から
https://github.com/nosir/cleave.js
https://www.npmjs.com/package/cleave.js

Apache-2.0ライセンス

parsley.js

【parsley.js】はフォームのカスタムバリデーションを作成できるJSライブラリです。
【IE11対応】【jQueryが必要です】

ダウンロードは以下から
https://github.com/guillaumepotier/Parsley.js
https://www.npmjs.com/package/parsleyjs

MITライセンス

Voca.js

【Voca.js】は簡単に文字列操作することができるライブラリです。
大文字小文字の変更やトリム、切り捨てなどの機能が提供されています。
【IE11対応】

ダウンロードは以下から
https://vocajs.com/
https://github.com/panzerdp/voca

MITライセンス

Chart.js

「Chart.js」はCanvasを使用したグラフ/チャートを描画するJSライブラリです。グラフ用のデータを用意すれば、折れ線グラフや棒グラフ、円グラフなど様々なグラフを描画することができます。
【IE11対応】

ダウンロードは以下から
https://github.com/chartjs/Chart.js
https://www.npmjs.com/package/chart.js

MITライセンス

使い方は以下から
グラフ/チャート作成用JSライブラリ「Chart.js」を試してみた

最後に

以上今回は、「あんなことがもっと簡単にできれば良いのに。。」というような痒い所に手が届く【ユーティリティ系】jsライブラリをまとめてみました。