teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

5

修正

2015/08/24 20:28

投稿

退会済みユーザー
answer CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  時系列的に言うと、いままではjsでしか実現できなかったアニメーションがCSS3でできるようになった!やっほーーいっ!ってことだと思います。
4
4
 
5
- そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは「早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
5
+ そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは質問者様のおっしゃるとおり簡単・早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
6
6
 
7
7
  jqueryでのeasingはプラグインがあります
8
8
  [jQuery Easing Plugin (version 1.3)](http://gsgd.co.uk/sandbox/jquery/easing/)

4

修正

2015/08/24 20:28

投稿

退会済みユーザー
answer CHANGED
@@ -1,4 +1,4 @@
1
- レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
1
+ レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。なので、簡単に言うとjsでのアニメーションより「滑らか」な動きになります。PCのようなハイスペックな端末であれば、体感的にそれほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
2
2
 
3
3
  時系列的に言うと、いままではjsでしか実現できなかったアニメーションがCSS3でできるようになった!やっほーーいっ!ってことだと思います。
4
4
 

3

修正

2015/08/24 20:27

投稿

退会済みユーザー
answer CHANGED
@@ -1,5 +1,7 @@
1
1
  レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
2
2
 
3
+ 時系列的に言うと、いままではjsでしか実現できなかったアニメーションがCSS3でできるようになった!やっほーーいっ!ってことだと思います。
4
+
3
5
  そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは「早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
4
6
 
5
7
  jqueryでのeasingはプラグインがあります

2

修正

2015/08/24 20:24

投稿

退会済みユーザー
answer CHANGED
@@ -1,4 +1,6 @@
1
1
  レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
2
2
 
3
+ そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは「早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
4
+
3
5
  jqueryでのeasingはプラグインがあります
4
6
  [jQuery Easing Plugin (version 1.3)](http://gsgd.co.uk/sandbox/jquery/easing/)

1

修正

2015/08/24 20:19

投稿

退会済みユーザー
answer CHANGED
@@ -1,4 +1,4 @@
1
- レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのようにスペックがそれほど高く端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
1
+ レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
2
2
 
3
3
  jqueryでのeasingはプラグインがあります
4
4
  [jQuery Easing Plugin (version 1.3)](http://gsgd.co.uk/sandbox/jquery/easing/)