2-4. よく使うライブラリ一覧

更新日：2025年12月7日

2-4. よく使うライブラリ一覧について解説します。

※画像は生成AIによるイメージです。

JavaScript開発でよく使われるライブラリを用途別に紹介します。各ライブラリの特徴と基本的な使い方を理解して、適切なツールを選択できるようになりましょう。

DOM操作・ユーティリティ

ライブラリ	用途	サイズ	特徴
jQuery	DOM操作全般	87KB	長年の実績、豊富なプラグイン
Lodash	配列・オブジェクト操作	71KB	関数型プログラミング、高性能
Underscore.js	ユーティリティ関数	17KB	軽量、Lodashの前身

日付・時刻処理

ライブラリ	特徴	使用例
Day.js	Moment.jsの軽量版（2KB）	dayjs().format('YYYY-MM-DD')
date-fns	モジュラー設計、Tree-shaking対応	format(new Date(), 'yyyy-MM-dd')
Moment.js	多機能だが開発終了（非推奨）	moment().format('YYYY-MM-DD')

グラフ・チャート

ライブラリ	特徴	難易度
Chart.js	簡単、美しいデフォルトデザイン	初級
D3.js	高度なカスタマイズ、学習曲線高い	上級
ApexCharts	レスポンシブ、アニメーション豊富	中級
Recharts	React専用、コンポーネント型	中級

HTTP通信

ライブラリ	特徴	基本的な使い方
Axios	Promise型、インターセプター機能	axios.get('/api/data')
Fetch API	標準機能（ライブラリ不要）	fetch('/api/data')
SuperAgent	チェーン記法、プラグイン対応	request.get('/api/data')

アニメーション

ライブラリ	用途	特徴
GSAP	高性能アニメーション	プロ向け、有料プラン有
Anime.js	軽量アニメーション	シンプルAPI、16KB
Lottie	After Effectsアニメーション	JSON形式、高品質
AOS	スクロールアニメーション	簡単実装、CSS定義

フォームバリデーション

ライブラリ	特徴	フレームワーク対応
Yup	スキーマベースバリデーション	React (Formik)
Joi	Node.js向け、高機能	汎用
Validator.js	文字列検証特化	汎用
VeeValidate	Vue.js専用	Vue.js

画像処理

ライブラリ	用途	特徴
Cropper.js	画像切り抜き	タッチ対応、高機能
Compressor.js	画像圧縮	ブラウザ内で完結
PhotoSwipe	画像ギャラリー	モバイル対応、高性能
Lazy Load	遅延読み込み	パフォーマンス向上

地図・位置情報

ライブラリ	特徴	料金
Leaflet	オープンソース、軽量	無料
Google Maps API	高機能、詳細な地図データ	従量課金
Mapbox	カスタマイズ性高い	従量課金
OpenLayers	高度な機能、GIS対応	無料

テスト・品質管理

ライブラリ	種類	特徴
Jest	ユニットテスト	Facebook製、設定不要
Mocha	テストランナー	柔軟、プラグイン豊富
Cypress	E2Eテスト	ブラウザテスト自動化
ESLint	静的解析	コード品質チェック

ビルドツール・バンドラー

ツール	特徴	学習曲線
Webpack	最も普及、高機能	高
Vite	高速、モダン	低
Parcel	設定不要	最低
Rollup	ライブラリ向け	中

選定のポイント

メンテナンス状況：最終更新日、Issue対応状況
コミュニティ：利用者数、ドキュメント充実度
パフォーマンス：ファイルサイズ、実行速度
依存関係：他ライブラリへの依存度
ライセンス：商用利用可能か確認

まとめ

ライブラリの選定は、プロジェクトの要件と制約を考慮して行います。人気があるからといって必ずしも最適とは限りません。小さく始めて、必要に応じて追加していくアプローチが推奨されます。次章では、PHPとJavaScriptの連携について詳しく学習します。

免責事項
本コンテンツは2025年12月時点の情報に基づいて作成されている。最新の情報については公式ドキュメントを参照されたい。