HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
iOSプログラマへ。HTML5 Canvasがおもしろい！ | DOTAPON Blog
…という題で、発表してきました。 さいたま開発勉強会 vol5です。 iOSのCore Graphicsと共通点の多いHTML5 Canvas。 iOSプログラムの経験がまるごと活かせるぜ！面白いものつくろうぜ！ ということをお伝えしたく、実際に手を動かす場面を取り入れてみました。 実際に効果があったかどうかは…わかりません (^^;) 入門的な位置づけに仕上げてみましたので、iOSプログラマの方もそうでない方も、ぜひ触ってみてください。 iOSプログラマへ。HTML5 Canvasがおもしろい！ from cocopon 練習用の「HTML5 Canvas スターターキット」はこちらから。 マウス・タッチイベント両対応のInputManagerが付属していますので、ぜひご活用ください :) CanvasStarterKit_100.zip
iPhoneでのHTML5の実行速度はPCの6分の1、Androidはさらに劣る
HTML5アプリがモバイルアプリ開発者の注目を集めるなか、HTML5のパフォーマンスに関するレポートが5月22日(米国時間)に発表された。それによると、「iPhone 4S」「GALAXY S II」といった最新のスマートフォンにおけるHTML5の実行速度は、PCにおける実行速度に比べて最低でも6倍は遅く、場合によっては1,000倍以上遅いこともあることがわかった。 この調査は、米Spaceportがオープンソースのベンチマークスイート「Perfmarks II」を用いて、スマートフォン(iPhoneとAndroid端末)とノートPC(「MacBook Pro」)上でのHTML5の動作について比較、ネイティブに近いフレームレートとされる30fpsでのパフォーマンスを調べたもの。 OSはAndroid 4.0.3、同4.0.4、iOS 5.1、同5.1.1、Webブラウザはモバイル版の「Go
HTML5アプリ開発基盤「Meteor」がすごい
サーバもクライアントもJavaScriptで記述できる「Meteor」が注目を集めている。サーバ上のコードが変更されると、クライアントも自動的に変更されるという Wikipedia MobileのiOS版がHTML5に 今年は、HTML5を使用したネイティブアプリ開発（ハイブリッドアプリと呼ばれます）が盛り上がりつつありますが、強力な事例が登場しました。WikipediaのiOSアプリがApache Cordova（PhoneGapのオープンソース版）を使って書き直され、Android版と同じソースコードを使用するようになったそうです（詳細：New Wikipedia app for iOS（and an update for our Android App））。 Opera 12ベータ版リリース Operaの次期メジャーリリースが近づいて来ました（リリース）。 一番大きな変化は、Oper
iOS5なのにposition:fixed;が効かない時に確認すること | Culture27
なんだかんだでFirefoxメインで制作しているわけですが、とあるページでposition:fixed;が効いてないみたいだよ？と@e_luckさんに教えてもらいまして、、、でちょっと調べてみて気づいたことです。 HTML5 Rocks - Improving the Performance of your HTML5 Appの「The magic CSS bullet」で紹介されていた下記のコードは、指定するとGPUアクセラレーションが有効になるのでパフォーマンス向上の恩恵を受けることができるかもしれない、といったような事が言われています（アニメーションの描画がスムーズになる？）。 GPUアクセラレーションを有効にするスタイル
スマホで使えるフォトギャラリー実装セット「PhotoSwipe」:phpspot開発日誌
PhotoSwipe スマホで使えるフォトギャラリー実装セット「PhotoSwipe」 スワイプして画像を送れたりするフォトギャラリーの実装セット。iOS、Android、Blackberryで使えるみたいです。 以下のムービーを見れば魅力などが分かると思います PhotoSwipe from Computerlovers on Vimeo. HTML5ベースのアプリで画像ギャラリーを作りたい場合なんかに使えそうですね 関連エントリ 大迫力のページをフルに使ったイメージギャラリー実装デモ スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
