1. WebOS
最新動向
東北デベロッパーズコミュニティ5周年記念
GClue, Inc.
佐々木 陽
13年2月9日土曜日

2. 2007
トレンド
2011
4年周期
2015
4年周期
13年2月9日土曜日

3. スマフォ市場
iOS, Android 出荷数 7億6800万台/年の勢い
3ヶ月 1年
iOS 7500万 3億台
Android 1億1700万 4億6800万台
2014年には10億台を突破するでしょう
13年2月9日土曜日

4. HTML5デバイス
発売済み
2013年
発売
13年2月9日土曜日

5. トレンドと社内R&D
13年2月9日土曜日

6. HTML5
Droidget
HTML5 Widget Runtime Engine
2009年∼
13年2月9日土曜日

7. WebGL Runtime
2011年∼
13年2月9日土曜日

8. Fabrication(GClue社内)
2012年∼
13年2月9日土曜日

9. スマートフォンの進化
13年2月9日土曜日

10. CPUの進化
CPUはAndroidから15倍程度向上
2倍/年程度
13年2月9日土曜日

11. GPUの進化
5倍/年 程度高速化
13年2月9日土曜日

12. 2013年最速
CPU 8個
Cortex-A15(1.8GHz) x 4
Cortex-A7(2.0GHz) x 4
GPU
Mali-T678
Process
28nm
13年2月9日土曜日

13. 抽象化レイヤー
System On Chip GPU Graphics系API
Rockchip ARM OpenGL ES 1.1 & 2.0
RK3188 Mali400 OpenVG 1.1
MediaTek PowerVR OpenGL ES 1.1,2.1
MTK6589 SGX544 OpenCL 1.1
NVidia NVidia OpenGL ES 1.1,2.0,3.0
Tegra 4 GeForce OpenCL 1.1
Samsung ARM OpenGL ES 1.1,2.0,3.0
Exynos 5 Octa Mali-T678 OpenCL 1.2
Apple PowerVR OpenGL ES 1.1,2.0
処理によっては100倍 A5X SGX 543M4 OpenCL 1.0
程度の速度差
Platform WebComponent JavaScript Engine
iOS WebKit Nitro
WebKit Android WebKit V8 Engine
Tizen WebKit V8 Engine
BB10 WebKit
Firefox OS Gecho SpiderMonkey
WindowsPhone8 IE Chakra
13年2月9日土曜日

14. OpenGLとHTML5
HTML5+CSS3+JavaScript
WebView
Native App
JavaScript
WebCore Engine Device Extension
API API
OS OpenGL OS(Linux)
CPU/GPU
13年2月9日土曜日

15. HTML5デバイス
13年2月9日土曜日

16. Palm Pre Windows Phone8 BB10 Firefox OS Tizen Ubuntu
2009年6月6日 2012年6月 2013年1月 2013年1Q 2013年1Q 2013年10月
Chrome OS
2009年7月7日
13年2月9日土曜日

17. Pure Native Hybrid Pure HTML5
Nativeで Native & HTML5で HTML5にみで
アプリ開発 アプリ開発 アプリ開発
13年2月9日土曜日

18. Pure Native
公式開発環境が、Nativeのみ
XCodeでObjective-Cで開発
AndroidでJavaで開発
HTML5+CSS3+JavaScriptを動かしたい場合は、Google, Apple提供のWebView
をNativeアプリに組み込み
13年2月9日土曜日

19. Hybrid
公式開発環境が、HTML5+CSS3+JSとNativeいず
れもサポート
Nativeでの開発が可能
HTML5+CSS3+JavaScriptでの開発も可能
(開発ツールが提供されている)
13年2月9日土曜日

20. Pure HTML5
公式開発環境が、HTML5+CSS3+JSのみ
HTML5+CSS3+JavaScriptでアプリ開発
Nativeアプリをサポートしていない
13年2月9日土曜日

21. HTML5が一番動くスマフォは？
BB10やTizen2世代からは、PCのスコアをモバイ
ルが逆転
BB10 Chrome 468
Tizen2 485 MAXTHON 464
iOS6 386
Android4 297
13年2月9日土曜日

22. Tizen Demo
http://www.youtube.com/watch?v=dZ-yMJR65VU
13年2月9日土曜日

23. アプリ開発の遷移
スマートフォンでUIが一変、Physical UIに
ケータイアプリ開発 iPhone/Android開発
2001-2007 2007-2010
十字キー タッチパネル
Desktopアプリ開発
1994-
マウス
13年2月9日土曜日

24. Facebook
13年2月9日土曜日

25. Facebook
HTML
機能追加やデザインが変更できる
5億人 7000デバイスをサポート
Native
早くて、安定していて、機能が豊富
結論
Native > HTML
将来 HTMLがNativeを駆逐する
13年2月9日土曜日

26. なぜFacebookはNativeを選んだか？
OS WebKit HTML5Score 要因1)
4.1.1 535.19 369
4.0.3 534.30 270 WebViewのバージョンが乱立
2.3.6 533.1 189
2.3.5 533.1 189
2.3.4 533.1 189
アプリが安定しない
2.3.3 533.1 189
2.3.2
2.2.1
533.1
533.1
189
189
要因2)
2.1-update 530.17 160
WebViewのAPIに制限がある
OS WebKit HTML5Score 使える機能が少ない
6.0 536.26 360
5.1.1 532.9 324
5.0.1 532.9 324
4.2 533.17.9 324
WebViewメリット)
5億人 7000デバイスをサポート
デザインのアップデートができる
機能の動的追加ができる
13年2月9日土曜日

27. 早くて、安定していて、機能が豊富
遅くて、安定していなくて、機能が足りない
13年2月9日土曜日

28. 早くて、安定していて、機能が豊富
遅くて、安定していなくて、機能が足りない
13年2月9日土曜日

29. Future of HTML5
http://www.youtube.com/watch?v=9Ttux1A-Nuc
13年2月9日土曜日

30. WebGL support
WebGL Active
WebKit WebKit WebKit WebKit Geckor IE
iOS Android BBX Tizen Firefox WP
iOS Android BBX Tizen B2G WP
Device
WebGL
WebGL Active
Aurora Chrome Opera
Aurora Chrome Opera
WebGL
Tizen, BlackBerry 10がすでに実装済み。Android向けBrowserではOperaが実装済み。
B2GとAurora(Firefox Beta)も現在実装中。
13年2月9日土曜日

31. 早くて、安定していて、機能が豊富
遅くて、安定していなくて、機能が足りない
13年2月9日土曜日

32. NativeとHTML5
HTML5+CSS3+JavaScript
WebView
Native App
JavaScript
WebCore Engine Device Extension
API API
OS OpenGL OS(Linux)
CPU/GPU
13年2月9日土曜日

33. WebKit Component
Web Component JavaScript Engine
Android Webkit(Chrome) V8 Engine
iOS Webkit2 Nitro
Tizen Webkit2 JavaScript Core
Firefox Gecko SpiderMonkey
WindowsPhone IE(Trident) Chakra
BB10 Webkit
HTML5+CSS3+JavaScript
WebView
JavaScript
WebCore Engine Device Extension
API API
OS(Linux)
13年2月9日土曜日

34. 早くて、安定していて、機能が豊富
遅くて、安定していなくて、機能が足りない
13年2月9日土曜日

35. アーキテクチャー
HTML5+CSS3+JavaScript
WebView
JavaScript
WebCore Device Extension
Engine API API
OS(Linux)
13年2月9日土曜日

36. NativeとHTML5
HTML5+CSS3+JavaScript
WebView
Native App
JavaScript
WebCore Engine Device Extension
API API
OS OpenGL OS(Linux)
CPU/GPU
13年2月9日土曜日

37. 理想のHTML5デバイス
13年2月9日土曜日

38. Chrome
HTML5
APIs Chrome.*
APIs Chrome
external
APIs
alarms experimental.app
permissions
bookmarks experimental.bluetooth
privacy
browserAc/on experimental.devtools.audits
proxy
browsingData experimental.devtools.console
run/me
contentSe6ngs experimental.discovery
scriptBadge
contextMenus experimental.iden/ty
storage
cookies experimental.infobars
tabs
debugger experimental.keybinding
topSites
declara/veWebRequest experimental.mediaGalleries
Ls
downloads experimental.offscreenTabs
LsEngine
events experimental.processes
types
extension experimental.serial
webNaviga/on
fileBrowserHandler experimental.socket
webRequest
fontSe6ngs experimental.speechInput
webstore
history experimental.usb
windows
I18n
idle
input.ime
management
omnibox
pageAc/on
pageCapture
13年2月9日土曜日

39. 広義のHTML5の定義
項目 策定項目 策定
Seman/cs HTML5
new
Tag、RDFa、Micro
data、Micro
W3C
HTML5
Working
Group
format
Online
and
Storage App
Cache、Web
Storage、Indexed
W3C
Web
Applica/ons
Working
Group
Database
API、File
API
Device
Access Geoloca/on
API、Mic/Camera、 W3C
Geoloca/on
Working
Group、W3C
Device
AddressBook/Calender、Rota/on APIs
Working
Group
Network 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日土曜日

40. まとめ
• 2013年は、本格指向のHTML5デバイスが発売
される
• 「遅くて、安定していなくて、機能が足りない」
HTML5をいかに解決できるかがポイント
• WebGL/WebCLは、重要なキーワード
• WebViewの安定化をどうするか？
• APIの拡張をどうするか？
40
13年2月9日土曜日