Your SlideShare is downloading. ×
0
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Html5 caravantokyo
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html5 caravantokyo

1,231

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,231
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. iPhone4S26.64 GFlops 12.8 GFlopsiPhone4Sと、廉価ノートパソコンは同じスペック。
  • 7. Galaxy S451.2 GFlopsGalaxy S4と、中レベルのノートパソコンは同じスペック。51.2 GFLOPS
  • 8. Googleの2軸7.5億の登録ユーザ 累計出荷 9億台
  • 9. Android最新OS 4.2.2Mobile 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,000375,000(iPad)500億(2013年5月16日)Google Play 非公開 850,000480億(2013年5月15日)BlackBerry World 非公開250,000120,000(BB10)60億(2013年7月8日)600万WindowsPhoneStore非公開 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 Conference2013
  • 16. 今年で2回目
  • 17. TDCとは?今年で2回目を迎えるTizen関連の技術者向けConference。
  • 18. TDCハイライトTizen 2.1の情報Tizen DevPhoneが配布Tizen StoreTizen AppChallange(賞金総額 4億円)Tizen 24時間ハッカーソン
  • 19. HTML5の話
  • 20. HTML5アプリとは
  • 21. 広義のHTML5の定義項目 策定項目 策定Seman+cs HTML5.new.Tag、RDFa、Micro.data、Micro.formatW3C.HTML5.Working.GroupOnline.and.Storage App.Cache、Web.Storage、Indexed.Database.API、File.APIW3C.Web.Applica+ons.Working.GroupDevice.Access Geoloca+on.API、Mic/Camera、AddressBook/Calender、Rota+onW3C.Geoloca+on.Working.Group、W3C.Device.APIs.Working.GroupNetwork WebSocket、ServerMSent.Events W3C.Web.Applica+ons.Working.GroupMul+media audio,.video W3C.HTML5.Working.Group3D,.Graphics,.Effect SVG、canvas、WebGL、CSS3.3D Khronos.WebGL,.W3C.SVG.Working.Group,.W3C.HTML5.Working.Group,.W3C.CSS.Working.GroupPerformance.and.integra+on Web.Workers、XMLHTpRequest.Level.2CSS3. Include.WOFF W3C.CSS.Working.GroupFirefox OSも、Chrome OSも、広義のHTML5をいかにカバーするかが重要になってきている。また、ここで未定義な事項は、独自拡張でAPIが整備されつつある。
  • 22. HTML5Web5億人 7000デバイスをサポートHTML5アプリ新規市場Download型 接続型成熟市場2009年から試行錯誤
  • 23. 2009年6月6日(終了,LGが買収)2013年10月2013年2Q2013年1月BB10 Tizen UbuntuPalm Pre Firefox OS2013年終わり2009年7月7日Chrome OS2012年6月WindowsPhone8SailfishOS2013年??月
  • 24. HTML5ScoreFirefox BB10 WindowsPhone 8Tizen Android iOS
  • 25. OctaneFirefox BB10 WindowsPhone 8Tizen Android iOS
  • 26. 開発環境Android iOS WP8 BB10 Tizen Firefox Ubuntu Jolla ChromeHTML5for App○ ○ ○ ○ ○ ○Native ○ ○ ○ ○ ○ ○ ○ ○C/C++ ○ ○ ○ ○ ○ ○ ○HTML5Score468 386 320 485 492 393 448Octane 2016 1698 621 997 1448 - 11624
  • 27. HTML5アプリとは?config.xmlmanifest.jsonXMLJSONmanifest.jsonJSONzip
  • 28. HTML5アプリとは?zipローカルにダウンロード
  • 29. HTML5アプリをサポートするプラットフォームAndroid iOS WP8 BB10 Tizen Firefox Ubuntu Jolla ChromeHTML5for App○ ○ ○ ○ ○ ○Native ○ ○ ○ ○ ○ ○ ○ ○C/C++ ○ ○ ○ ○ ○ ○ ○HTML5Score468 386 320 485 492 393 448Octane 2016 1698 621 997 1448 - 11624
  • 30. HTML5アプリのメリットconfig.xmlmanifest.jsonXMLJSONmanifest.jsonJSONzipconfigやmanifestフ拡張APIへのアクセス情報を記載する事で、拡張APIへアクセス可能になる。
  • 31. TizenHTML5&APIs Tizen&Device&APIsAlarmApplica+onDataControlPackageBluetoothMessagingNetworkBearerSelec+onNFCPushSecureElementContentDownloadFileSystemMessagePortBookmarkCalendarContactDataSyncPowerSystemInfoSystemSeXngTimeNo+fica+onTizenでは、Device APIでセンサーへのアクセスやI/Oへのアクセスが可能になる。
  • 32. Chrome.OSChrome.*&APIsalarmsbookmarksbrowserAc+onbrowsingDatacontentSeXngscontextMenuscookiesdebuggerdeclara+veWebRequestdownloadseventsextensionfileBrowserHandlerfontSeXngshistoryI18nidleinput.imemanagementomniboxpageAc+onpageCaptureChrome&external&APIsexperimental.appexperimental.bluetoothexperimental.devtools.auditsexperimental.devtools.consoleexperimental.discoveryexperimental.iden+tyexperimental.infobarsexperimental.keybindingexperimental.mediaGalleriesexperimental.offscreenTabsexperimental.processesexperimental.serialexperimental.socketexperimental.speechInputexperimental.usbpermissionsprivacyproxyrun+mescriptBadgestoragetabstopSitesTsTsEnginetypeswebNaviga+onwebRequestwebstorewindowsHTML5&APIsChrome OSは、Googleの独自のAPI拡張が頻繁におこなわれ、50を超えるジャンルでの拡張がおこなわれている。
  • 33. Firefox.OS41HTML5&APIs Firefox&OS&WebAPIsAlarmAudioPolicyBrowserContactsDesktopNo+fica+onDeviceStorageFM.RadioGeoLoca+onStorageSystemXHRTCP.SocketmozCamerasmozMobileConnec+onmozMobileNetworkInfoFirefox&Marketplace&APIsSubmissionPaymentMarketplaceFirefox OSも、Chrome OSと同様に、WebAPIsという形で、独自の拡張が始まっている。
  • 34. Tizen開発環境42Tizen.SDK(Eclipse.Base)Tizen.Emulator(Qemu.base)Tizen.Simulator(Chrome.Base)Ripple.実機転送(USB)SDB
  • 35. Tizenサンプルデモ43
  • 36. HTML5 for AppiOS/Android向けにアプリ配信するには?PhoneGap
  • 37. HTML5 for WebWebサーバWebページに接続
  • 38. HTML5 for WebAndroid iOS WP8 BB10 Tizen Firefox Ubuntu Jolla ChromeHTML5for App○ ○ ○ ○ ○ ○Native ○ ○ ○ ○ ○ ○ ○ ○C/C++ ○ ○ ○ ○ ○ ○ ○HTML5Score468 386 320 485 492 393 448Octane 2016 1698 621 997 1448 - 11624
  • 39. HTML5アプリ デモHTML5+CSS+JavaScriptWebGLC/C++OpenGLWebGLWebAudio
  • 40. HTML5 WebデモRacershttp://g.co/racerCanvasWebAudioWebSocket
  • 41. HTML5 Webデモhttps://www.cubeslam.com/WebGLWebAudioWebRTCWebSocket
  • 42. World Wide MazeWebGLWebAudioWebSocket
  • 43. Hardware連携WebSocketを使った連携Tizen 24時間ハッカーソンで審査員特別賞WebSocket

×