HTML5 Conference 2012/ルームB-4「HTML5によるタフなモバイル開発の最前線」

株式会社ディー・エヌ・エー 紀平 拓男さん。スマートフォンにおけるHTML5を用いた開発における現在の最前線の話をDeNAにてHTML5の技術開発を総括している立場より、具体的なノウハウを交えてお話しします。
1
KJ @yadok

Webアプリ機能の向上 ApplicationChace機能、localStorage/WebSQL 私このあたり一番勉強したい #html5j_b

2012-09-08 16:10:01
Yuta Okamoto @okapies

うは、Bio 100%か。なつぃ…。 #html5j_b

2012-09-08 16:10:56
のえ @noexpect

「インストール」に対する渋々感が堪らない w #html5j_b

2012-09-08 16:12:43
ペンペン @t_yamatoya

HTML5はネイティブの速度には絶対かなわないのは当たり前の話ですが、その中でも秒が速度が一番問題になります。 #html5j_b

2012-09-08 16:13:20
KJ @yadok

ネイティブアプリに敵わない点 3D,音楽,速度 特にiOSでは音楽は使えないって考えたほうがよいくらい。速度は描画速度が問題。 モバイルHTML5の最前線はいかにCanvas/CSS3で描画速度を上げるかが熱い。#html5j_b

2012-09-08 16:14:34
ペンペン @t_yamatoya

CANVASとCSS3を死するものはモバイルHTML5を制する #html5j_b

2012-09-08 16:15:05
charonby @charonby

canvas と css できます!と言い切れるひとはスゲー #html5j_b

2012-09-08 16:15:58
hokaccha @hokaccha

最近はiOSのcanvasは速いのか #html5j_b #

2012-09-08 16:17:46
abe_daisuke @suzuka0506

さりげなくJavaをdisっていますw #html5j_b

2012-09-08 16:17:55
ペンペン @t_yamatoya

Canvasのデメリットは、毎フレームちまいtま描画しないといけないので、ちょっとしたアニメーションをするためにも相当の行数を書かないといけない。 #html5j_b

2012-09-08 16:17:55
KJ @yadok

Canvas vs CSS3 Canvas Javascriptで書き換えられるため自由度高い。 iOS5からのGPU描画サポートで高速で動くように。APIシンプルで端末間の差も小さい。悪い面はコード数が多くなること。 #html5j_b

2012-09-08 16:18:41
ペンペン @t_yamatoya

Canvasは非常に優れているのが作るのが非常に難しいのです。 #html5j_b

2012-09-08 16:19:12
ペンペン @t_yamatoya

CSS3にDOM要素の変形とアニメーションが追加されました。Canvasより優れているのは、3D変形に対応していていること。個人的には書きやすいと感じています。#html5j_b

2012-09-08 16:20:08
Yuta Okamoto @okapies

モバイルサファリ上でゲームがぬるぬる動いている…。 #html5j_b

2012-09-08 16:20:27
ペンペン @t_yamatoya

CSS3は基本的にGPUのサポートがある。CSSの延長なのでデザイナーがかける。一方でデメリットは細かいアニメーション同期にはJavaScriptに頼らないといけない。基本的に高速なのですが、はまるとなぜかわからないけど急激に遅くなる。端末互換は絶望できに無い。#html5j_b

2012-09-08 16:22:02
Ryosuke Tsuji @thujikun

ngCore半端じゃないな。。。 #html5j_b

2012-09-08 16:22:19
KJ @yadok

「Canvas vs CSS3」 CSS3 3Dの変形もできる。GPUサポートで高速。デザイナーが慣れてる。 悪い面は、細かいアニメーションの同期がとれない、書き方によって低速になる場合も。端末間の互換性が絶望的。#html5j_b

2012-09-08 16:23:00
./azu1129 --tweet @azu1129

css3のandroid互換性の話が泣けるw #html5j_b

2012-09-08 16:23:51
ペンペン @t_yamatoya

iOSは端末間の誤差が非常に少ないのでcss3を利用。iOS4/iOS5、iPhone3DS/4/4Sの6通り程度。AndroidはFlashを使うってのが今までの解でした。 #html5j_b

2012-09-08 16:23:59
KJ @yadok

端末間の互換性で苦しめられるのはちょっと… #html5j_b

2012-09-08 16:24:00
Masayuki Ishikawa @M_Ishikawa

やはりApplication Cacheの利用が重要!!! #html5j

2012-09-08 16:24:53
ペンペン @t_yamatoya

使えるのであれば、Canvasを使った方が良い。ほんのわずかCss3の方が速い程度の差しかないので、心が折れないのならCanvasを書いてください。でも心が折れますよね。 #html5j_b

2012-09-08 16:24:57
KJ @yadok

「Canvas vs CSS3」結論!使えるのであればCanvasを使ったほうがいい #html5j_b

2012-09-08 16:25:05
hokaccha @hokaccha

CSS3とcanvasで実行速度にほとんど差はない #html5j_b

2012-09-08 16:25:09
Yuta Okamoto @okapies

CSS3は機種間の互換性が絶望的。iOS間ならまだマシだが、とのこと。 #html5j_b

2012-09-08 16:25:41