テクノロジー
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA

テクノロジーカテゴリーの変更を依頼記事元:

ics.media

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

429usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA

429 users

ics.media

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント41件

注目コメント
新着コメント

thesecret3Nexus7とかKindle Fireとかいれてよ。

2013/05/28リンク

その他

htsign手元の端末でもやってみた。http://sdrv.ms/11u6jyJ Chakraはあんまり速くない（結論）

2013/05/28リンク

その他

kijtra有名デザイナー(ブロガー)のサイトでCSS3描画使いまくってるのとか、メモリ消費して電池食うのでやめて欲しいのもある。「Webデザイナーなのに…」とか思うけどそんなこと思うのは少数派かなw

2013/05/28リンク

その他

hosikenベンチとったわけじゃないけど、この辺はWindowsのChromeとSafariでも結構差があって、Safariのほうが結構ぬるぬる動いてくれてた記憶。Mac OS由来の描画まわりが優秀なのかしら。

2013/05/28リンク

その他

keim_at_Si良まとめ参考にします。HTML5の売りであるところの互換性を考慮するなら、当然、ローレベルの端末に合わせないといけないしね

（´_ゝ`）

2013/05/28リンク

その他

mrhdmsパーティクル系の表現は canvas のほうが強いらしい。@iOS

2013/05/27リンク

その他

gayou地道な調査がすごい。

2013/05/28リンク

その他

civicpg会社のNexus7でやってもらったら、Nexus7(Chrome) Canvas 344, Transform(2d) 30, Transform(3d) 50, JS計算 483だった。貧弱ぅ

2013/05/28リンク

その他

coppieeeAndroidのChromeってパフォーマンスチューニングしてないのだろうか。

2013/05/28リンク

その他

d_animal141HTML5エンジニアなら抑えておきたい！初期型から最新のスマホ端末まで、ブラウザのCanvas/CSS3描画パフォーマンス徹底検証

2013/09/17リンク

その他

tanakaBox iPhone5凄いな。

2013/05/31リンク

その他

koroharo『Appleがアプリ市場のためにブラウザでのリッチコンテンツ(ゲーム等)を牽制しているとよく言われます。しかしAppleのデバイスがもっともブラウザの描画パフォーマンスが良く、この矛盾している事実は興味深い...』

2013/05/29リンク

その他

sionsouすげー！ HTML5エンジニアじゃないけど将来参考にしたい

2013/05/28リンク

その他

htsign手元の端末でもやってみた。http://sdrv.ms/11u6jyJ Chakraはあんまり速くない（結論）

2013/05/28リンク

その他

warriorkingHTML5エンジニアなら抑えておきたい！初期型から最新のスマホ端末まで、ブラウザのCanvas/CSS3描画パフォーマンス徹底検証 | ICS LAB

2013/05/28リンク

その他

2013/05/28リンク

その他

o_hiroyukiパフォーマンス

2013/05/28リンク

その他

glass-_-onionこれは良いレポート

2013/05/28リンク

その他

ropparaこれはいい

2013/05/28リンク

その他

ironlionこれは参考になる

2013/05/28リンク

その他

aretokore>> HTML5エンジニアなら抑えておきたい！初期型から最新のスマホ端末まで、ブラウザのCanvas/CSS3描画パフォーマンス徹底検証 | ICS LAB

2013/05/28リンク

その他

ko-ya-maiOSすごい

2013/05/28リンク

その他

mitsugi-bbiPhone5素晴らしい。

2013/05/28リンク

その他

pes_soなにこれすてき

2013/05/28リンク

その他

pefusan　描画パフォーマンステスト

2013/05/28リンク

その他

kojika17HTML5エンジニアなら抑えておきたい！初期型から最新のスマホ端末まで、ブラウザのCanvas/CSS3描画パフォーマンス徹底検証 | ICS LAB

2013/05/28リンク

その他

tamac123html5,js

2013/05/28リンク

その他

yasu-log［B!］HTML5エンジニアなら抑えておきたい！初期型から最新のスマホ端末まで、ブラウザのCanvas/CSS3描画パフォーマンス徹底検証

2013/05/28リンク

その他

civicpg会社のNexus7でやってもらったら、Nexus7(Chrome) Canvas 344, Transform(2d) 30, Transform(3d) 50, JS計算 483だった。貧弱ぅ

2013/05/28リンク

その他

coppieeeAndroidのChromeってパフォーマンスチューニングしてないのだろうか。

2013/05/28リンク

その他

kumarokuおぉいいねこの調査。

2013/05/28リンク

その他

luccafort「Androidにおいて、標準ブラウザはChromeより描画パフォーマンスが優れている」これ何度か目にするんだけどなんでなんだぜ？

2013/05/28リンク

その他

keim_at_Si良まとめ参考にします。HTML5の売りであるところの互換性を考慮するなら、当然、ローレベルの端末に合わせないといけないしね

（´_ゝ`）

2013/05/28リンク

その他

richard_rawiPhone5くらい速ければWebViewでいろいろ問題なく出来そうですな。

2013/05/28リンク

その他

thesecret3Nexus7とかKindle Fireとかいれてよ。

2013/05/28リンク

その他

erishiho809itに使う

2013/05/28リンク

その他

2013/05/28リンク

その他

Ryo_K(あいぽん5) < ﾄﾞﾔｧ

2013/05/28リンク

その他

YukeSkywalkerあとよむ。

2013/05/28リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「HTML5 CanvasとCSS...」が注目されています。

気持ちをシェアしよう

ツイートする

HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA

スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？　近年...スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？　近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。描画性能の検証ビデオをご覧くださいさまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。さまざまな端末のスコアを測定しました次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。