Movatterモバイル変換

[0]ホーム
URL:

Satoshi Tanaka, profile picture
Uploaded bySatoshi Tanaka
PDF, PPTX3,144 views

The forefront of html5 implementation

Developers Summit 2012

Embed presentation

Download as PDF, PPTX
スマートフォンにおける 実装の最先端HTML5実装の最先端17-A-3 紀平 拓男 株式会社ディー・エヌ・エー CTO室 Developers Summit 2012
自己紹介 紀平 拓男 DeNA CTO室 所属 @tkihira http://nmi.jp/ 会社を2つ設立した、シリアルアントレプレナー HTML5によるFlash Player『ExGame』を製作 「インストール」が大嫌い Developers Summit 2012
今回の話題はスマートフォンに限ります PCブラウザに関する話は一切しません。現在出来ることについて話します 将来こうなるかもしれない、ということは 別途その旨はっきりとお伝えします。 Developers Summit 2012
とは? とはHTML5とは HTML + JavaScript 今までに比べて豊富なAPI ドット単位の描画が可能なCanvas ベクターグラフィックスを扱えるSVG アニメーションなど豊富な表現力を持つCSS3 クライアントにデータを保存出来るlocalStorage etc… Developers Summit 2012
描画能力の向上 曲線のある図形を描画することが出来るよ うになった アニメーション能力も非常に高くなっているHTML5でFlash並のアニメーションが達成可能に Developers Summit 2012
Developers Summit 2012
アプリ機能の拡充Webアプリ機能の拡充 ApplicationCache機能 一度アクセスすれば、二度目からはキャッシュ を利用することが可能 localStorage機能 スマートフォン端末の中に、アプリケーション特 有のデータを保存することが可能 Developers Summit 2012
iPhone専用http://nmi.jp/ds/ Developers Summit 2012
しかしアプリには敵わない アプリにくらべて劣っている点 ３D 音楽 速度 Developers Summit 2012
と音楽3Dと音楽 OpenGLが使えない WebGLはFirefox for mobileのみサポート 音楽に制限が多い 音のタイミング調整が非常にシビア iPhoneは、画面がタッチされたタイミングでのみ 音楽の再生が可能 WindowsPhoneとiPhoneは、同時に2つの音 源を鳴らせない Developers Summit 2012
速度 HTML5の実行速度は、遅い 描画が遅い JavaScriptの実行が遅い Developers Summit 2012
描画手段 HTML5の描画手段 Canvas: ラスターグラフィックス SVG: ベクターグラフィックス CSS3: 変形やアニメーション SVGはAndroid 2系列でサポート外 うまくやればCanvasで代用可能 Developers Summit 2012
Canvas Android > iPhone iOS4 drawImageが遅い、いかに回数を減らすか キャッシュに綺麗に乗せたら勝ち DOM構造でCanvasの上に物をのせない iOS5: GPU support！ じゃじゃ馬 使いこなせば優秀だがそれまでが大変 Developers Summit 2012
CSS3悪女 とっつきやすいが、いきなり裏切る 基本的にGPUサポート 同時に動く物体数が増えると急激に重くなる 特にAndroidで、ブラウザバージョン間、端 末間の互換性がないことが多い 変形に関してはある程度互換性が期待できる アニメーションに関しては、、、 Developers Summit 2012
メリット・デメリット Canvasが効力を発揮するのは シチュエーションに応じて変わるアニメーション 同時に動くものが多い時 CSS3が効力を発揮するのは 1枚もののアニメーション 同時に動くものが少ない時 Developers Summit 2012
JavaScript Engine JavaScriptが重い理由 アルゴリズムが重い JITが重い GCが重い JITが重い＝eval、クロージャの生成を疑う Developers Summit 2012
Garbage Collection AndroidにおいてFull GCが走ることがある 走るとシャレにならないほど止まる V8は世代別GCを利用している なるべく新世代にいるうちに参照を切る iOSは、メモリが足らなくなると落ちる Developers Summit 2012
メモリとの戦い：王道編メモリとの戦い：王道編 何度も使うメモリをあらかじめ確保する 頻繁に使う画像は、最初に全部ロードしておく 上限の決まっているオブジェクトは、初期化 時に上限まで確保しておく オブジェクトの生成の回数を減らす Developers Summit 2012
メモリとの戦い：邪道編メモリとの戦い：邪道編 の戦い：邪道 何とか実機上でのメモリ使用量を確認する どの部分がどれだけメモリを消費するか注意：iPhone Simulatorは信用できない UIWebViewも信用できない Developers Summit 2012
実機でのプロファイル ExGameなどでは自作プロファイルを使用 関数単位で count, total, self を取得 どの関数のプロファイルを取るかを指定 CanvasなどのビルトインAPIも指定可能 プロファイルのタイミングを設定可能 最初から、もしくは二本指タッチで開始・終了など 結果をサーバに送信 Developers Summit 2012
実機でのデバッグ JsConsole http://jsconsole.com/ nmi.jpでも紹介しています console.log iPhoneでも設定を操作すれば参照可能 console.error hack Developers Summit 2012
ngCore on HTML5 Developers Summit 2012
の将来HTML5の将来 インストールソフトの時代は終わる 歴史はくりかえす 将来あるべき姿はどのようなものか 10年後に通用するエンジニアであるために Developers Summit 2012
御清聴ありがとうございました。 紀平 拓男 @tkihira http://nmi.jp/ Developers Summit 2012

Recommended

PDF
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに！
PDF
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
PDF
Delphi のひみつ！（2015/01/29 CROSS 2015）
PDF
【社内LT】AdobeAIRでアプリ
PPTX
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
PDF
20101127 Android Usability Seminar
PDF
HTML5でハイブリットなアプリ開発をアレしてみた件
PDF
Unity,Cocos-2dx,AIRを徹底比較！最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう！【とのさまラボ】
PDF
Windowsフォームで大丈夫か？一番良いのを頼む。
PDF
デスクトップアプリ開発者が押さえておくべきWindows 8 時代の変革
PPTX
HTML5/JavaScriptで作るAndroidアプリ開発seminar
PDF
Developers Summit 2013【14-E-3】Windows 8デザインガイド
PDF
Windows 10 対応のデスクトップアプリを 作る技術（事前公開版）
PDF
AndroidStudioのインストールをゼロからしてみる
PDF
BlackJack
ODP
Unity ネイティブプラグインの作成について
PDF
Unity sdk-plugin
PDF
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
PPTX
NfC ckaiki
PDF
あるゲームアプリケーションの構成とアップデートサイクル
PDF
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
PDF
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
PPTX
PhoneGapユーザー会＠大阪 講演資料
 
PDF
クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発
PDF
2014年くらいにやる Adobe AIR スマフォゲーム開発
PDF
「フォームアニメーションで満足度向上！モバイルアプリ改善術」
PDF
2016/11/21 社内LT Android TV
PDF
【17-A-2】 10年後も通用する開発環境の秘訣 ＜デブサミ2012＞
PDF
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方

More Related Content

PDF
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに！
PDF
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
PDF
Delphi のひみつ！（2015/01/29 CROSS 2015）
PDF
【社内LT】AdobeAIRでアプリ
PPTX
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
PDF
20101127 Android Usability Seminar
PDF
HTML5でハイブリットなアプリ開発をアレしてみた件
PDF
Unity,Cocos-2dx,AIRを徹底比較！最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう！【とのさまラボ】
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに！
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
Delphi のひみつ！（2015/01/29 CROSS 2015）
【社内LT】AdobeAIRでアプリ
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
20101127 Android Usability Seminar
HTML5でハイブリットなアプリ開発をアレしてみた件
Unity,Cocos-2dx,AIRを徹底比較！最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう！【とのさまラボ】

What's hot

PDF
Windowsフォームで大丈夫か？一番良いのを頼む。
PDF
デスクトップアプリ開発者が押さえておくべきWindows 8 時代の変革
PPTX
HTML5/JavaScriptで作るAndroidアプリ開発seminar
PDF
Developers Summit 2013【14-E-3】Windows 8デザインガイド
PDF
Windows 10 対応のデスクトップアプリを 作る技術（事前公開版）
PDF
AndroidStudioのインストールをゼロからしてみる
PDF
BlackJack
ODP
Unity ネイティブプラグインの作成について
PDF
Unity sdk-plugin
PDF
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
PPTX
NfC ckaiki
PDF
あるゲームアプリケーションの構成とアップデートサイクル
PDF
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
PDF
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
PPTX
PhoneGapユーザー会＠大阪 講演資料
 
PDF
クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発
PDF
2014年くらいにやる Adobe AIR スマフォゲーム開発
PDF
「フォームアニメーションで満足度向上！モバイルアプリ改善術」
PDF
2016/11/21 社内LT Android TV
Windowsフォームで大丈夫か？一番良いのを頼む。
デスクトップアプリ開発者が押さえておくべきWindows 8 時代の変革
HTML5/JavaScriptで作るAndroidアプリ開発seminar
Developers Summit 2013【14-E-3】Windows 8デザインガイド
Windows 10 対応のデスクトップアプリを 作る技術（事前公開版）
AndroidStudioのインストールをゼロからしてみる
BlackJack
Unity ネイティブプラグインの作成について
Unity sdk-plugin
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
NfC ckaiki
あるゲームアプリケーションの構成とアップデートサイクル
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
PhoneGapユーザー会＠大阪 講演資料
 
クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発
2014年くらいにやる Adobe AIR スマフォゲーム開発
「フォームアニメーションで満足度向上！モバイルアプリ改善術」
2016/11/21 社内LT Android TV

Viewers also liked

PDF
【17-A-2】 10年後も通用する開発環境の秘訣 ＜デブサミ2012＞
PDF
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
PDF
HBase at Ameba
PDF
大規模BIクラウドWebサービスの裏側
PDF
Scrum changes an organization
PPT
Social Web Japan from goo
【17-A-2】 10年後も通用する開発環境の秘訣 ＜デブサミ2012＞
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方
HBase at Ameba
大規模BIクラウドWebサービスの裏側
Scrum changes an organization
Social Web Japan from goo

Similar to The forefront of html5 implementation

PDF
iPhoneとAndroidのアプリ開発最新潮流
PDF
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
KEY
HTML5でスマートフォン開発の理想と現実
PDF
HTML5@iPhoneゲーム開発
PDF
HTML5 ゲームフレームワーク開発について
PDF
Kddi mugen lab
PDF
スマホ開発でも活きたこと、まだ活かせていないこと 170325 1043
PPTX
スマートフォンの方式検討に関する基礎知識
PDF
devsumi17 d-2
PDF
Devsumi 17 d-2
PDF
Devsumi2013 gunta 2_pdf
PDF
Firefox OS - Blaze Your Own Path
PDF
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには？」
PDF
The return of Mobile5 #mobile5
PDF
Web os最新動向20130209
PDF
Aiming study#6pdf
PDF
20110824 android apps_tanaka
KEY
1.29.user,user,user
PDF
モバイルWebアプリのこれまでとこれから
PDF
Arctic.js開発者から見るFlasherの未来
iPhoneとAndroidのアプリ開発最新潮流
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
HTML5でスマートフォン開発の理想と現実
HTML5@iPhoneゲーム開発
HTML5 ゲームフレームワーク開発について
Kddi mugen lab
スマホ開発でも活きたこと、まだ活かせていないこと 170325 1043
スマートフォンの方式検討に関する基礎知識
devsumi17 d-2
Devsumi 17 d-2
Devsumi2013 gunta 2_pdf
Firefox OS - Blaze Your Own Path
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには？」
The return of Mobile5 #mobile5
Web os最新動向20130209
Aiming study#6pdf
20110824 android apps_tanaka
1.29.user,user,user
モバイルWebアプリのこれまでとこれから
Arctic.js開発者から見るFlasherの未来

The forefront of html5 implementation

[8]ページ先頭
©2009-2025 Movatter.jp