アニメーションをcssでやるかjavascriptでやるか

Author:
js

css3というものは非常に色々なことができる。
特にアニメーション周りは非常に強いです。
さてアニメーションってのはjQueryでもできたのだが、どちらを使ったほうがいいのだろうか。

実はjQueryとかjavascriptってのはcpuで処理するのだけど、cssはgpu、グラフィック制御で処理する。
だからcpuパワーを使わないらしいのです。
個人的にはjavascriptのほうが好きなのですが、hoverとかループ系アニメーション程度ならcssで書くべきらしいのですよねえ。

とは言ってもhover以外のトリガーを要するイベント、clickとかスクロールとかショートカットキーなんかはjavascriptの世界になるのだけどね。
それにやっぱりcssで書くのはtransition、animationを始めとして要素が多くて分かりづらいし。
ちょっとしたアニメーション程度ならどっちでもたいして変わらないし。

css3がメジャーになればなるほどcssがメインになるのか、それともES6によってjavascriptがメインになるのかは分からないけど、フロントサイドエンジニアはやっぱりどちらも書けるようにしておいたほうがいいですね。
どちらかを使わざるを得ないってこともあり得るので。

Share on Facebook
Pocket