1. HTML5とモバイル
株式会社GClue
佐々木 陽
HTML5 Caravan

2. 簡単な市場動向

3. スマフォ市場
3ヶ月 1年
iOS 5220万 2.17億台
Android 1億2500万 5億万台
iOS, Android 出荷数 7億1700万台/年の勢い

4. CPUの進化
CPUはAndroidから15倍程度向上
2倍/年程度
CPUは、2年で倍の速度になる

5. GPUの進化
2年で5倍程度高速化
GPU(Graphics処理)は2年で5倍になる

6. iPhone4S
26.64 GFlops 12.8 GFlops
iPhone4Sと、廉価ノートパソコンは同じスペッ
ク。

7. Galaxy S4
51.2 GFlops
Galaxy S4と、中レベルのノートパソコンは同じス
ペック。
51.2 GFLOPS

8. Googleの2軸
7.5億の登録ユーザ 累計出荷 9億台

9. Android
最新OS 4.2.2
Mobile Camera TV Glass
累計出荷数: 9億台(この1年で5億台)
累計アプリDL数: 480億(2013/5/15)

10. iOS
最新OS 7.0
累計出荷数: 6億台
累計アプリDL数: 500億DL(2013/5/16)
アプリ数: 90万本(97%が毎月DL)
アプリ数(iPad): 37万5000本
ストアアカウント: 5億7500万
累計アプリ売上げ: 1兆円
昨年度アプリ売上げ: 5000億円

11. AppStore
ユーザアカウント 開発者 アプリ数 累計ダウンロード
1日のダウンロー
ド数
iTunes AppStore 5億7500万
600万人
(1年で150万人増)
900,000
375,000(iPad)
500億
(2013年5月16日)
Google Play 非公開 850,000
480億
(2013年5月15日)
BlackBerry World 非公開
250,000
120,000(BB10)
60億
(2013年7月8日)
600万
WindowsPhone
Store
非公開 145,000 非公開 非公開
ダウンロード売上げ比率: iOS 74%, Android 20%, etc 6% (WWDC2013より）
ちなみに、一昨年のiTunes AppStoreアプリ売上げは$50billion (5000億円)

12. 出荷数
累計出荷台数 1年前の累計出荷数 1日の増加数
iOS 6億 3億6,500万台(2012年3月30日)
Android 9億 4億台(2012年5月15日)
iOS/Androidだけで、194万台/日
iOS/Androidだけで、7億台/年

13. アプリケーション経済の誕生

14. アプリを消費する時間がどんどん増加

15. Tizen Developer Conference
2013

16. 今年で2回目

17. TDCとは？
今年で2回目を迎えるTizen関連の技術者向け
Conference。

18. TDCハイライト
Tizen 2.1の情報
Tizen DevPhoneが配布
Tizen Store
Tizen AppChallange(賞金総額 4億円)
Tizen 24時間ハッカーソン

27. HTML5の話

28. HTML5アプリとは

29. 広義の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.Group
Network WebSocket、ServerMSent.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、XMLHTpRequest.Level.2
CSS3. Include.WOFF W3C.CSS.Working.Group
Firefox OSも、Chrome OSも、広義のHTML5をいかにカバーするかが重要になって
きている。また、ここで未定義な事項は、独自拡張でAPIが整備されつつある。

30. HTML5Web
5億人 7000デバイスをサポート
HTML5アプリ
新規市場
Download型 接続型
成熟市場
2009年から試行錯誤

31. 2009年6月6日
(終了,LGが買収)
2013年10月2013年2Q2013年1月
BB10 Tizen UbuntuPalm Pre Firefox OS
2013年終わり
2009年7月7日
Chrome OS
2012年6月
Windows
Phone8
SailfishOS
2013年??月

32. HTML5Score
Firefox BB10 WindowsPhone 8
Tizen Android iOS

33. Octane
Firefox BB10 WindowsPhone 8
Tizen Android iOS

34. 開発環境
Android iOS WP8 BB10 Tizen Firefox Ubuntu Jolla Chrome
HTML5
for App
○ ○ ○ ○ ○ ○
Native ○ ○ ○ ○ ○ ○ ○ ○
C/C++ ○ ○ ○ ○ ○ ○ ○
HTML5
Score
468 386 320 485 492 393 448
Octane 2016 1698 621 997 1448 - 11624

35. HTML5アプリとは？
config.xml
manifest.json
XML
JSON
manifest.json
JSON
zip

36. HTML5アプリとは？
zip
ローカルにダウンロード

37. HTML5アプリをサポートするプラットフォーム
Android iOS WP8 BB10 Tizen Firefox Ubuntu Jolla Chrome
HTML5
for App
○ ○ ○ ○ ○ ○
Native ○ ○ ○ ○ ○ ○ ○ ○
C/C++ ○ ○ ○ ○ ○ ○ ○
HTML5
Score
468 386 320 485 492 393 448
Octane 2016 1698 621 997 1448 - 11624

38. HTML5アプリのメリット
config.xml
manifest.json
XML
JSON
manifest.json
JSON
zip
configやmanifestフ拡張APIへのアク
セス情報を記載する事で、拡張APIへ
アクセス可能になる。

39. Tizen
HTML5&APIs Tizen&Device&APIs
Alarm
Applica+on
DataControl
Package
Bluetooth
Messaging
NetworkBearerSelec+on
NFC
Push
SecureElement
Content
Download
FileSystem
MessagePort
Bookmark
Calendar
Contact
DataSync
Power
SystemInfo
SystemSeXng
Time
No+fica+on
Tizenでは、Device APIでセンサーへのアクセスやI/Oへのアクセスが可能になる。

40. Chrome.OS
Chrome.*&APIs
alarms
bookmarks
browserAc+on
browsingData
contentSeXngs
contextMenus
cookies
debugger
declara+veWebRequest
downloads
events
extension
fileBrowserHandler
fontSeXngs
history
I18n
idle
input.ime
management
omnibox
pageAc+on
pageCapture
Chrome&external&APIs
experimental.app
experimental.bluetooth
experimental.devtools.audits
experimental.devtools.console
experimental.discovery
experimental.iden+ty
experimental.infobars
experimental.keybinding
experimental.mediaGalleries
experimental.offscreenTabs
experimental.processes
experimental.serial
experimental.socket
experimental.speechInput
experimental.usb
permissions
privacy
proxy
run+me
scriptBadge
storage
tabs
topSites
Ts
TsEngine
types
webNaviga+on
webRequest
webstore
windows
HTML5&APIs
Chrome OSは、Googleの独自のAPI拡張が頻繁におこなわれ、50を超えるジャンル
での拡張がおこなわれている。

41. Firefox.OS
41
HTML5&APIs Firefox&OS&WebAPIs
Alarm
AudioPolicy
Browser
Contacts
DesktopNo+fica+on
DeviceStorage
FM.Radio
GeoLoca+on
Storage
SystemXHR
TCP.Socket
mozCameras
mozMobileConnec+on
mozMobileNetworkInfo
Firefox&Marketplace&APIs
Submission
Payment
Marketplace
Firefox OSも、Chrome OSと同様に、WebAPIsという形で、独自の拡張が始まって
いる。

42. Tizen開発環境
42
Tizen.SDK
(Eclipse.Base)
Tizen.Emulator
(Qemu.base)
Tizen.Simulator
(Chrome.Base)
Ripple.
実機転送(USB)
SDB

43. Tizenサンプルデモ
43

44. HTML5 for App
iOS/Android向けにアプリ配信するには？
PhoneGap

45. HTML5 for Web
Webサーバ
Webページに接続

46. HTML5 for Web
Android iOS WP8 BB10 Tizen Firefox Ubuntu Jolla Chrome
HTML5
for App
○ ○ ○ ○ ○ ○
Native ○ ○ ○ ○ ○ ○ ○ ○
C/C++ ○ ○ ○ ○ ○ ○ ○
HTML5
Score
468 386 320 485 492 393 448
Octane 2016 1698 621 997 1448 - 11624

47. HTML5アプリ デモ
HTML5+CSS+JavaScript
WebGL
C/C++
OpenGL
WebGL
WebAudio

48. HTML5 Webデモ
Racers
http://g.co/racer
Canvas
WebAudio
WebSocket

49. HTML5 Webデモ
https://www.cubeslam.com/
WebGL
WebAudio
WebRTC
WebSocket

50. World Wide Maze
WebGL
WebAudio
WebSocket

51. Hardware連携
WebSocketを使った連携
Tizen 24時間ハッカーソンで
審査員特別賞
WebSocket