HTML Web Platform

HTML Web Platform Slides @ HTML5 Conf. 2012 on 2012/09/08 by Tomoya Asai (dynamis) Last Update: 2012/09/08

about:

about:dynamis Mozilla Japan http://dynamis.jp @dynamitter facebook.com/ dynamis レッサーパンダが好き。 mailto: Tomoya ASAI <dynamis@mozilla-japan.org>

きょうのおはなしぷらっとふぉーむうぇぶおーえすうぇぶえーぴーあいキツネさんのおーえす

Foxkeh

サーバ (Apache Camel) の上にクライアント (Firefox)

Web Platform

Web is the Platform

みんな ""HHTTMMLL55"" に何を期待してるの？フォクすけに教えて！

"HTML5" への期待次世代プラットフォームマルチデバイス対応アプリ開発を簡単に組版技術を Web になどなど…

ぷらっとふぉーむ？ Web はもう見るだけのものじゃないんだって！

Multi Media Mouse, HTML5 Key ev. Forms W3C OﬄineHTML5 HTML5 SupportParser WAI- XHTML5 ARIA Semantic Elements

Canvas Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OﬄineHTML5 HTML5 Support Sent ev.Parser Web WAI- XHTML5 Storage ARIA Semantic Elements Web Workers Micro- HTML Data

Canvas Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OﬄineHTML5 HTML5 Support Sent ev.Parser Web WAI- XHTML5 Storage ARIA Semantic Elements Web Media Workers Layout Queries Micro- HTML Data Trans CSS3~ Flex Box form Anim Regions ation

Khronos SMIL Vibra- tion WebGL Geo- SVG other location Orien- tation Canvas WHATWG Web IETF Messag- ing Web Multi SPDY Web Sockets DNT Media Mouse, Sockets HTML5 Key ev. XHR2 FileAPI CSP Forms W3C Server- Oﬄine ECMAHTML5 HTML5 Support Sent ev. ECMA ScriptParser Indexed Web WAI- DB XHTML5 Storage ARIA Semantic Elements Web Media Workers Layout Queries Micro- HTML Data Trans CSS3~ Flex Box OGP XPath form RSS Anim Math Regions ation ML WOFF DOM4

Khronos SMIL Vibra- MP3 WebCL Webm Opus tion WebGL Geo- SVG H.264 other location Orien- Web Audio Notiﬁ- tation Web Canvas cation WHATWG Web IETF RTC Messag- ing Web TCP Tel Multi SPDY Web Sockets DNT Socket Media Mouse, Sockets HTML5 Key ev. XHR2 Radio FileAPI CSP Forms Net W3C Server- Info Oﬄine ECMAHTML5 HTML5 Support Sent ev. ECMA Script ECMA NFCParser 6th Indexed Web Device WAI- DB Storage Storage XHTML5 ARIA Semantic Web Elements Web SQL Media USB Workers Layout Queries File Micro- Sys HTML Data Trans CSS3~ Flex Battery Status Box OGP XPath form Proxi- Anim mitySchema RSS Math Regions .org ation ML WOFF RDF DOM4

HTML5 なんてもう古い HTML5 = 安定ブランチ 2014 W3C 勧告に向けて標準化中 HTML = 最新の HTML 日々進化を続ける最新 HTML 最新 Web != HTML5 遙かに多くの技術が進化してる

既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある

Web プラットフォームvs 独自プラットフォーム「ブラウザ戦争」の時代じゃないですよ

今後は Web プラットフォームプラットフォームとしての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される

ホントにできるの？フォクすけに教えて！

Web OS

Web is the OS

みんな ""HHTTMMLL55"" 大好きフォクすけも好きだよ

"HTML5" プラットフォーム Windows 8, RT, Phone BlackBerry 10 - WebWorks Tizen (MeeGo+LiMo+Bada) Firefox OS (Boot to Gecko) 2013 年には出う感じ

Windows 8, RT, Phone HTML でモダン？アプリかつてメトロと呼ばれていたもの HTML は形式的に使うだけ独自属性付 div 要素を乱発 JS API も完全に独自 2012/10/26 リリース

(旧)Metro アプリの HTML<div class="itemtemplate" data-win-control="WinJS.Binding.Template"> <div class="item"> <h4 class="item-title" data-win-bind="textContent: title"></h4> <div class="item-overlay"> <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: updated"></h6> </div> </div></div> http://msdn.microsoft.com/ja-jp/library/windows/apps/hh974582.aspx

(旧)Metro は Web と非互換 IE10 スーパーセット？ MS の人はそう説明しますが… 実は非互換の挙動あり API が追加されるだけじゃない innerHTML とかフィルタされる alert, open, moveTo とか使えない

Windows Store について UI ガイド守らないと不可 ex: 設定はチャームで → Web アプリは全滅 Web 読み込むだけは不可それはアプリじゃないとのこと Web アプリはブラウザで。 MS の人に聞いた話

…�MMSS の人いますか？いるならスライド少し飛ばします(笑)

ずっとあたしのことだけを愛してねってなかんじ？

Windows 専用アプリだけを作ってねってなかんじ？

WWeebb と違うなら HHTTMMLL 使ってる意味ないよぉフォクすけも残念です

BlackBerry 10 - WebWorks HTML でもアプリ開発可能メインはネイティブっぽい W3C 仕様があるものは実装無いものは実装を追加、標準化正直あまり標準化目立たない… 2013Q1 にリリース？

Tizen HTML でもアプリ開発可能メインは EFL のネイティブ？参加企業の連携状況が W3C 仕様があるものは実装無いものは実装を追加、標準化 2013Q1 にリリース？

Firefox OS (Boot to Gecko) Web がネイティブアプリ開発は HTML のみ OS の UI も全部 HTML 実装と平行して標準化それが Web 標準化のルール！

Firefox OS は Web と互換 Web アプリがそのまま動くブラウザと同じ動作セキュリティモデルも同じ PC やスマホにも同じアプリ Firefox OS のアプリは Firefox OS 専用ではありませんハードの違いとかで API の追加はあるが恣意的制約や非互換はない

"HTML5" プラットフォーム HTML は形式上だけ Windows HTML でも開発可能 BlackBerry, Tizen HTML がネイティブ Firefox OS 2013 年には出う感じ

やっぱりフォクすけはキツネさんが好きみんなも応援してね

あいふぉ〜んとどろいどくんは？ちなみにどーなの？

iOS (iPhone, iPad) ネイティブアプリ限定 Objective-C ブラウザエンジン掲載不可 WebView で読み込むのは可機能制限版の WebKit JIT 無効の低速 JS エンジン

Android ネイティブアプリ限定 Java (+ NDK) 独自ブラウザエンジンも可 Firefox 入れれば Web アプリ配信＆実行環境にもなります WebView で読み込むのも可

Web API

Web ではできなかったことシステムステータス WiFi 情報, モバイル通信... 各種センサー光センサー, 近接センサー... 低レベルハードウェア制御 USB, BlueTooth, NFC...

やりましょう！ってもじらが言ってる＊＊＊がやらないなら Mozilla がやるんだって

http://arewemobileyet.com/

モバイルが WWeebb に向�かわないなら WWeebb をモバイルにってもじらが言ってる＊＊＊がやらないなら Mozilla がやるんだって

Web API Web の限界を押し進める従来の基本的な API 以外 Mozilla が勝手に呼んでる API の総称であって明確な定義はない https://wiki.mozilla.org/WebAPI

以前からある Web API Geolocation (位置情報) Orientation (加速度) Audio Data API WebGL (3D グラフィック) Camera API (Media Capture) これらはもちろん Android 版 Firefox でも実装済み

実装済みの Web API SMS, Telephony, Alarm Mobile Connection, WiFi Info, Network Info (通信速度等), Contacts, Settings, Time/Clock Idle, Battery Status Resource Lock (スリープ禁止) まだ不完全な実装の API も一部含む

実装済みの Web API Vibration, Pointer Lock Ambient Light (環境光), Proximity (近接), Mouse Lock (移動量取得) Device Storage, Browser Open Web Apps, DOM Crypt まだ不完全な実装の API も一部含む

現在実装中の Web API WebRTC (Camera, P2P 含む) Web Activities (Intent) Push Notiﬁcation Power Management TCP Socket, Bluetooth FM Radio, Permission https://wiki.mozilla.org/WebAPI

実装見込みの Web API UDB Datagram Socket HTTP-cache, Log USB, NFC, USB ﬁle-reading Background Service ...and more... https://wiki.mozilla.org/WebAPI

検討中の WebAPI Magnetic Field Time/Clock (時刻設定) Calendar Spellcheck ...and more...

Web API も Web 標準 W3C DAP (Device API) WG W3C System Apps WG IETF/W3C WebRTC WG マルチメディア系や P2P などその他それぞれの WG で

仕様のない実装は不幸のもとだって仕様を公開してるけど実際の実装と違うのも×

実装のない仕様は机上の空論だって実装されるまで仕様が適切かどうかも判断不能

もうかなりできてる！って MMoozziillllaa が言ってる昨年末辺りから一気に実装してきてるらしい

Boot to Gecko

Firefox OS

キツネがおーえす？フォクすけに教えて！

Firefox OS (Boot to Gecko) Web 技術が「ネイティブ」 HTML5, JavaScript, Web API... ホーム画面もすべて Web 技術で Gecko エンジンだけ起動 Linux Kernel 上に Gecko を Java VM などの中間レイヤなし Gecko = Firefox 描画エンジンプロジェクト名は今も Boot to Gecko

ステータスバーも(電波強度、電池残量...)カメラやラジオも電話や SMS の送受信ももちろん Firefox も音楽やビデオの再生もマーケットプレイスも３Dアプリもその他なんでも...

ステータスバーも (電波強度、電池残量...) カメラやラジオも電話や SMS の送受信ももちろん Firefox も音楽やビデオの再生もマーケットプレイスも３Dアプリもその他なんでも...すべて Web 技術で！

Web API の標準化不足機能は実装＆標準化 Web ＝ Native とする主に W3C の WG で標準化実装と平行して標準化を進める Device API, System Apps... そのほか IETF などでも https://wiki.mozilla.org/WebAPI

開発パートナーと製品化 Telefónica: 来年始め製品化最初はブラジルで発売予定 TCL (Alcatel) や ZTE 掲載ロゴはパートナー企業の一部です: http://mozilla.jp/blog/entry/9603/

パートナー企業 (一部) 配置・順序に意味はなしこれ以外については非公開

乞うご期待

Marketplace

まーけっとぷれいす？フォクすけに教えて！

Firefox Marketplace Device, OS 横断マーケット Web Platform のためのストア Firefox 限定とかじゃない今年中に正式リリース予定現在コミュニティメンバー限定、 Firefox 開発版ユーザ向け http://marketplace.mozilla.org/

どんなかんじ？フォクすけに教えて！

http://marketplace.mozilla.org/

ですくとっぷアプリもこれからは WWeebb 技術で！ブラウザの枠にはもう縛られない時代ですね

すまほではどうなの？フォクすけに教えて！

Java アプリ同様インストールホームスクリーンに追加ネイティブアプリと同じブラウザと独立して起動省メモリのためプロセスは共有

マルチデバイス対応マルチデバイスマーケット PC, Android, Firefox OS... Web App = Native App にホームスクリーンに追加やブラウザと独立して起動などネイティブ同様の利用体験 ISW11F での画面サンプル

ほんとに WWeebb がまるちプラットフォーム PC もスマホも1つのアプリを配信できる！

しつもんありますか？

http://stocker.jp	12283
http://w3q.jp	1330
http://tande.jp	1253
http://chitan.hateblo.jp	291
http://thisiswebthings.tumblr.com	105
https://twitter.com	101
http://webcache.googleusercontent.com	15
http://twitter.com	8
http://homepage1.nifty.com	2
http://kinpaku-ya.jp	2
http://pinterest.com	1
http://clipboard.com	1
http://www.google.com	1
http://www.stocker.jp	1
http://translate.googleusercontent.com	1
http://www.linkedin.com	1
http://fullrss.net	1
http://text.world.coocan.jp	1

HTML Web Platform

by dynamis . on Sep 07, 2012

Accessibility

Categories

Upload Details

Usage Rights

18 Embeds 15,398

Statistics

HTML Web Platform Presentation Transcript