Jsアニメーションライブラリのトリガーについて

Question

Javascriptのアニメーションライブラリについての質問です。

現在Jsのアニメーションライブラリは数多く存在しますが（例でいうとanime.jsやTweenJs、TweenMAx等々）

これらは、動きを制御するためのライブラリであって、トリガーとなるホバーやクリックなどを指定する機能は

有していないということでしょうか。

実際に使ってみて、トリガーの指定ができなかったので、そこらへんは素のJavascripで書いてください。

という認識なのでしょうか。

また、もし可能でしたら、実際の現場での使用方法なども教えていただきたいです。

よろしくお願いします。

Answer 1

これらは、動きを制御するためのライブラリであって、トリガーとなるホバーやクリックなどを指定する機能は

有していないということでしょうか。

その通りです。
ただ、中にはトリガーも定義されているライブラリもあるかもしれません。
しかし、アニメーション系ライブラリの多くは、
jQueryのような、総合的ライブラリとしてではなく、
アニメーションに特化させる目的で作られているかと思われるので、
トリガー機能を有しているものはあまりないでしょう。
だって、トリガーとかの機能も欲しいなら、そもそもjQueryとかprototype.jsとか使えばいいだけですしね。

実際に使ってみて、トリガーの指定ができなかったので、そこらへんは素のJavascripで書いてください。

上記で考えるならそういうことですね。
あとは、jQuery使うとか。
いや、だったら、アニメーションもjQueryでやった方が早いかもですね。

また、もし可能でしたら、実際の現場での使用方法なども教えていただきたいです。

これは案件や職場環境によります。
汎用的に、楽にJS書けるようにするために、jQuery使ってくれっていう職場もありますし、
処理速度上げるためにライブラリ使わないでネイティブ使ってくれって職場もあります。
案件によって、上記が発生する場合もあります。

ただ、個人的には、とにかく、案件によって適切な使い方をすべきだと思ってます。
（総合的にならjQuery、アニメーションのみなら、そういったライブラリ、似合うライブラリなどが無ければ自作、とか）
ですが、状況により（クライアントのこだわりだったり、他のデベロッパーの技術力に合わせたり）そうはいかないものです。

Comments

[hanabi0703]

ご回答ありがとうございます。

やはり、そういうことでしたか。
時代は脱jQueryなのかと思っていましたが、まだまだ現役そうなので学習の余地はありそうですね。

学習の方向性を決めるのに参考になりました。
ありがとうございました。

[miyabi_pudding]

> 時代は脱jQueryなのかと思っていましたが、まだまだ現役そうなので学習の余地はありそうですね。

そうですね・・・私も個人的には脱jQueryをしていきたいと思いつつ、
やはりjQueryは偉大な発明で、抜け出し切れないのが正直なところです。
世の中でも、まだまだ使われていますし、jQuery自体も、より軽く、時代に即したものへ、と進化は続いています。
まだまだ、勉強のしがいがあるライブラリだと思いますよ。
ただ、DOMコントロールに関しては、ネイティブも、jQuery感覚でコントロールできるような進化を遂げているのも事実です。
これに関しては、実はjQueryの功績の一つと云われており、
jQueryの概念や、仕様を参考に、ネイティブ自体がバージョンアップしてきた、って歴史もあるみたいですよ。
また、話が変わると、クラス構文に関しては、TypeScriptの登場が大きく影響しているかと。