「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。 本記事ではJulian Shapiroにより開発された高速かつ強力なJavaScriptアニメーションエンジン、Velocity.js(以降、Velocity)を紹介します。記事のコードやデモすべてに目を通せば、Velocityを使って自分のアニメーションが作れるようになり、サイトはさらにインタラクティブで使いやすいものになるでしょう。jQueryには頼らず、すべて素のJavaScriptだけで作ります。 この記事は『CSSライクでデザイナーに優しい!anime.jsはDOMアニメーションの新定番だ!』『HTMLもSVGもテキストも自在!DOMアニメーションの決定版「KUTE.js」が登場』の続編
![さらばjQuery!アニメーションをサクサク処理できるVelocity.jsの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f432b2290bcc336116a5a242d082b38c08b6b26/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F27%2F2444771%2Fl%2F1ddf8f420978f8e1.png)