JavaScript Libraries参考サイトURL

JavaScriptの機能を拡張するためのコードの集まりです。
開発者は複雑な機能を簡単に実装できます。
種類がありすぎるのでピックアップして紹介

CDNコードをコピーして使用しても使用できない時

chart.min.jsを単体で読み込んでもChartクラスがグローバルに存在しません
(モジュール形式になっているため)

  
  動かない
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.min.js"> </script>

  動く                                                                    (.umd)追加してる
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"> </script>
  

Scroll Magic解説URL

基本的な使い方編：スクロール位置に応じて要素のスタイルやアニメーションを制御可能

Animate On Scroll解説URL

AOSは、スクロールに応じて要素をアニメーションさせるライブラリ
ページの読み込み時にアニメーションを設定
ユーザーがスクロールすることでアニメーションが発動します。

Chart.jst解説URL

データ分析分野に関連して統計データの表示が簡単に実装できるグラフを簡単に表示

Chartist.js解説URL

グラフ制作用のライブラリ,様々な種類のグラフが簡単に使用可能

Google Charts解説URL

Google製の無料グラフ描画ライブラリ
様々な種類のグラフが製作できる

GSAPアニメーション解説URL

「演出のこだわり」「見て触って気持ちいWebサイト制作」「自由な動きを作りたい」

GSAPスクロール解説URL

GSAPのScrollTriggerプラグインを使用して、スクロールに応じた画面変化を実装

GSAPスクロール&アニメーション解説URL

GSAPのScrollTriggerプラグインを使用して、スクロールに応じたアニメーションを実装

jQuery解説URL

DOM操作やイベント処理を簡単に行うことができる
クロスブラウザ対応のための多くの機能を提供し、開発者がより効率的にコードを書くことができる。