回答編集履歴
5
修正
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは「早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
|
9
|
+
そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは質問者様のおっしゃるとおり「簡単・早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
|
10
10
|
|
11
11
|
|
12
12
|
|
4
修正
test
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
|
|
4
4
|
|
3
修正
test
CHANGED
@@ -1,4 +1,8 @@
|
|
1
1
|
レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
時系列的に言うと、いままではjsでしか実現できなかったアニメーションがCSS3でできるようになった!やっほーーいっ!ってことだと思います。
|
2
6
|
|
3
7
|
|
4
8
|
|
2
修正
test
CHANGED
@@ -1,4 +1,8 @@
|
|
1
1
|
レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
そんなに複雑ではなく、cssで実現できるアニメーションをjsで実装するメリットは「早い」以外には特にないように思いますが、僕は経験の浅いエンジニアなので、もし、あるならぜひ自分も聞きたいです。特別な理由がなければアニメーションは可能な限りCSSでやったほうが良いとおもいます。
|
2
6
|
|
3
7
|
|
4
8
|
|
1
修正
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのよう
|
1
|
+
レンダリング処理をする際、jsはCPUだけで処理しますが、CSSはGPUを併用して処理します。PCのようなハイスペックな端末であれば、それほど違いはありませんが、スマフォのような端末ではかなり差がでます。iPhoneのように高スペックな端末ならそこそこ滑らかに動きますが、一部の低スペックなAndroid端末とかだとjQueryでアニメーションさせると動きがカクカクになったりします。
|
2
2
|
|
3
3
|
|
4
4
|
|