WebOS最新動向

東北デベロッパーズコミュニティ5周年記念

GClue, Inc.佐々木 陽

13年2月9日土曜日

トレンド2007

2011

2015

4年周期

4年周期

13年2月9日土曜日

スマフォ市場3ヶ月 1年

iOS 7500万 3億台Android 1億1700万 4億6800万台

iOS, Android 出荷数 7億6800万台/年の勢い

2014年には10億台を突破するでしょう

13年2月9日土曜日

HTML5デバイス

発売済み

2013年発売

13年2月9日土曜日

トレンドと社内R&D

13年2月9日土曜日

HTML5

DroidgetHTML5 Widget Runtime Engine

2009年～

13年2月9日土曜日

WebGL Runtime

2011年～

13年2月9日土曜日

Fabrication(GClue社内)

2012年～

13年2月9日土曜日

スマートフォンの進化

13年2月9日土曜日

CPUの進化

CPUはAndroidから15倍程度向上2倍/年程度

13年2月9日土曜日

GPUの進化

5倍/年 程度高速化

13年2月9日土曜日

2013年最速CPU 8個Cortex-A15(1.8GHz) x 4Cortex-A7(2.0GHz) x 4GPUMali-T678Process28nm

13年2月9日土曜日

抽象化レイヤーSystem On Chip GPU Graphics系API

Rockchip RK3188

ARM Mali400

OpenGL ES 1.1 & 2.0OpenVG 1.1

MediaTek MTK6589

PowerVRSGX544

OpenGL ES 1.1,2.1OpenCL 1.1

NVidiaTegra 4

NVidiaGeForce

OpenGL ES 1.1,2.0,3.0OpenCL 1.1

SamsungExynos 5 Octa

ARMMali-T678

OpenGL ES 1.1,2.0,3.0OpenCL 1.2

Apple A5X

PowerVR SGX 543M4

OpenGL ES 1.1,2.0OpenCL 1.0

Platform WebComponent JavaScript Engine

iOS WebKit Nitro

Android WebKit V8 Engine

Tizen WebKit V8 Engine

BB10 WebKit

Firefox OS Gecho SpiderMonkey

WindowsPhone8 IE Chakra

WebKit

処理によっては100倍程度の速度差

13年2月9日土曜日

OpenGLとHTML5

OS(Linux)

WebCore

HTML5+CSS3+JavaScript

DeviceAPI

JavaScriptEngine Extension

API

WebView

OS OpenGL

CPU/GPU

Native App

13年2月9日土曜日

HTML5デバイス

13年2月9日土曜日

2009年6月6日 2013年10月2013年1Q2013年1月

BB10 Tizen UbuntuPalm Pre Firefox OS

2013年1Q

2009年7月7日

Chrome OS

2012年6月

Windows Phone8

13年2月9日土曜日

Pure HTML5HybridPure Native

HTML5にみでアプリ開発

Native & HTML5でアプリ開発

Nativeでアプリ開発

13年2月9日土曜日

Pure Native

XCodeでObjective-Cで開発

AndroidでJavaで開発HTML5+CSS3+JavaScriptを動かしたい場合は、Google, Apple提供のWebViewをNativeアプリに組み込み

公式開発環境が、Nativeのみ

13年2月9日土曜日

Hybrid

Nativeでの開発が可能HTML5+CSS3+JavaScriptでの開発も可能(開発ツールが提供されている)

公式開発環境が、HTML5+CSS3+JSとNativeいずれもサポート

13年2月9日土曜日

Pure HTML5

HTML5+CSS3+JavaScriptでアプリ開発Nativeアプリをサポートしていない

公式開発環境が、HTML5+CSS3+JSのみ

13年2月9日土曜日

HTML5が一番動くスマフォは？

BB10

Tizen2 485

iOS6 386

Android4 297

MAXTHON

468Chrome

464

BB10やTizen2世代からは、PCのスコアをモバイルが逆転

13年2月9日土曜日

Tizen Demohttp://www.youtube.com/watch?v=dZ-yMJR65VU

13年2月9日土曜日

アプリ開発の遷移

2001-2007ケータイアプリ開発

2007-2010iPhone/Android開発

十字キー タッチパネル

1994-Desktopアプリ開発

マウス

スマートフォンでUIが一変、Physical UIに

13年2月9日土曜日

Facebook

13年2月9日土曜日

Facebook

早くて、安定していて、機能が豊富

HTML機能追加やデザインが変更できる5億人 7000デバイスをサポート

Native

結論Native > HTML

将来 HTMLがNativeを駆逐する

13年2月9日土曜日

なぜFacebookはNativeを選んだか？OS WebKit HTML5Score4.1.1 535.19 3694.0.3 534.30 2702.3.6 533.1 1892.3.5 533.1 1892.3.4 533.1 1892.3.3 533.1 1892.3.2 533.1 1892.2.1 533.1 189

2.1-update 530.17 160

OS WebKit HTML5Score6.0 536.26 3605.1.1 532.9 3245.0.1 532.9 3244.2 533.17.9 324

要因1)WebViewのバージョンが乱立

アプリが安定しない

要因2)WebViewのAPIに制限がある

使える機能が少ない

WebViewメリット)5億人 7000デバイスをサポートデザインのアップデートができる機能の動的追加ができる

13年2月9日土曜日

早くて、安定していて、機能が豊富

遅くて、安定していなくて、機能が足りない

13年2月9日土曜日

早くて、安定していて、機能が豊富

遅くて、安定していなくて、機能が足りない

13年2月9日土曜日

Future of HTML5http://www.youtube.com/watch?v=9Ttux1A-Nuc

13年2月9日土曜日

iOS Device

Android BBX Tizen B2G WPWebGL

WebGL supportiOS Android BBX Tizen Firefox WP

WebGL Active

WebKit WebKit Geckor IEWebKitWebKit

Aurora Chrome Opera

WebGL Active

Aurora Chrome OperaWebGL

Tizen, BlackBerry 10がすでに実装済み。Android向けBrowserではOperaが実装済み。B2GとAurora(Firefox Beta)も現在実装中。

13年2月9日土曜日

早くて、安定していて、機能が豊富

遅くて、安定していなくて、機能が足りない

13年2月9日土曜日

NativeとHTML5

OS(Linux)

WebCore

HTML5+CSS3+JavaScript

DeviceAPI

JavaScriptEngine Extension

API

WebView

OS OpenGL

CPU/GPU

Native App

13年2月9日土曜日

WebKit ComponentWeb Component JavaScript Engine

Android Webkit(Chrome) V8 EngineiOS Webkit2 NitroTizen Webkit2 JavaScript CoreFirefox Gecko SpiderMonkey

WindowsPhone IE(Trident) ChakraBB10 Webkit

OS(Linux)

WebCore

HTML5+CSS3+JavaScript

DeviceAPI

JavaScriptEngine Extension

API

WebView

13年2月9日土曜日

早くて、安定していて、機能が豊富

遅くて、安定していなくて、機能が足りない

13年2月9日土曜日

アーキテクチャー

OS(Linux)

WebCore

WebView

HTML5+CSS3+JavaScript

DeviceAPI

JavaScriptEngine Extension

API

13年2月9日土曜日

NativeとHTML5

OS(Linux)

WebCore

HTML5+CSS3+JavaScript

DeviceAPI

JavaScriptEngine Extension

API

WebView

OS OpenGL

CPU/GPU

Native App

13年2月9日土曜日

理想のHTML5デバイス

13年2月9日土曜日

ChromeChrome.*  APIsalarmsbookmarksbrowserAc/onbrowsingDatacontentSe6ngscontextMenuscookiesdebuggerdeclara/veWebRequestdownloadseventsextensionfileBrowserHandlerfontSe6ngshistoryI18nidleinput.imemanagementomniboxpageAc/onpageCapture

Chrome  external  APIsexperimental.appexperimental.bluetoothexperimental.devtools.auditsexperimental.devtools.consoleexperimental.discoveryexperimental.iden/tyexperimental.infobarsexperimental.keybindingexperimental.mediaGalleriesexperimental.offscreenTabsexperimental.processesexperimental.serialexperimental.socketexperimental.speechInputexperimental.usb

permissionsprivacyproxyrun/mescriptBadgestoragetabstopSitesLsLsEnginetypeswebNaviga/onwebRequestwebstorewindows

HTML5  APIs

13年2月9日土曜日

広義のHTML5の定義項目 策定項目 策定Seman/cs HTML5  new  Tag、RDFa、Micro  data、Micro  

format

W3C  HTML5  Working  Group

Online  and  Storage App  Cache、Web  Storage、Indexed  

Database  API、File  API

W3C  Web  Applica/ons  Working  Group

Device  Access Geoloca/on  API、Mic/Camera、AddressBook/Calender、Rota/on

W3C  Geoloca/on  Working  Group、W3C  Device  

APIs  Working  GroupNetwork WebSocket、Server-­‐Sent  Events W3C  Web  Applica/ons  Working  Group

Mul/media audio,  video W3C  HTML5  Working  Group

3D,  Graphics,  Effect SVG、canvas、WebGL、CSS3  3D Khronos  WebGL,  W3C  SVG  Working  Group,  W3C  HTML5  Working  Group,  W3C  CSS  Working  Group

Performance  and  integra/on Web  Workers、XMLHLpRequest  Level  2

CSS3   Include  WOFF W3C  CSS  Working  Group

13年2月9日土曜日

まとめ• 2013年は、本格指向のHTML5デバイスが発売される

•「遅くて、安定していなくて、機能が足りない」HTML5をいかに解決できるかがポイント• WebGL/WebCLは、重要なキーワード• WebViewの安定化をどうするか？• APIの拡張をどうするか？

40

13年2月9日土曜日