こんばんは。
今回は月島蛍もご飯を大盛にするレベルの備忘録です。
先日、ごちゃごちゃとJQueryで遊んでいたところ、animate関数が動かない事象がありました。
hoge.js:12 Uncaught TypeError: $(...).animate is not a function
えぇ…「そんな関数ありません」ってどういうこと？
と思ってググったら以外とすぐに解決。
CDNでslim版を読み込んでいるのが原因でした。
「～～/jquery/3.7.1/jquery.slim.js」みたいになってるとダメ。
まぁCDNがダメって言うよりslim版がダメって話なんですけど。
slim版って何が違うの？
はい、いつものようにAI先生にきいてみましょう。
jQuery Slim（スリム）版は、通常版のjQueryからAjaxやアニメーション（Effect）機能などを削除し、軽量化されたバージョンです。DOM操作のみを行うアプリケーションや、別途ライブラリでAjax機能やCSSでアニメーションを実装するケースで、ファイルサイズを削減してパフォーマンスの向上が期待できます。
要するに「一部の機能を削減して容量を小さくしたもの」です。
slimだとanimate関数が含まれないってことですね。
横着してCDNを使う場合も、slim版ではなく通常版を使う用にしましょう、というお話でした。
月島「皆どんな原動力で動いてんだよ！？」
