Web Intents入門

Web Intents入門白石俊平 @Shumpei

自己紹介 株式会社オープンウェブ・テクノロジー代表 今年からシーエー・モバイル株式会社 Web先端技術フェローに就任しました。 HTML5とか勉強会主催、html5j.org管理人 Google API Expert (HTML5) Microsoft Most Valuable Professional 2011 (IE) Twitter ID: @Shumpei

アジェンダ Web Intentsとは何か？ Web Intentsをプログラムから利用する Web IntentsはWebをどう変えるか？

Web Intentsとは何か？

Web Intentsとは何か？  Androidの「インテント」をWebアプリどうしで実現する仕組み  2011年6月にGoogleがアイデアを公開し、現在はW3Cで標準化作業中（仕様書） App1App PlatformApp App2

インテントの登場人物は三種類。  クライアント・・・インテントの呼び出し元となるアプリケーション  UA・・・Web Intentsを管理するプラットフォーム。通常はWebブラウザ  サービス・・・インテントを処理するWeb アプリクライア UA サービスント

サービスの登録 ユーザがサービスのWebページにアクセスする。Webアプリ2の <head>内には、<intent>要素が含まれている• ブラウザは、このWebサービスをインテント処理可能なアプリケーションとして登録する

サービスの登録UI Grenn Jonesさんのブログより引用

サービスの管理UI Grenn Jonesさんのブログより引用

インテント処理の流れ ユーザがWebアプリ（クライアント）上で、インテントを要求するような操作を行う クライアントは、ブラウザに対してインテントの処理を要求する• ブラウザは、登録済みのWebアプリ（サービス）の中からインテントを処理できるアプリの一覧を表示する• ユーザはサービスを選択する• ブラウザはそのサービスを起動し、インテントを渡す• サービスは、渡されたインテントを元に処理を行い、結果を返す• ブラウザは、処理結果をクライアントに戻す• クライアントに処理が戻る

サービスの選択UI Grenn Jonesさんのブログより引用

Web Intentsをプログラムから利用する

説明にあたっての前提  以下は、「Web Intents - W3C Editors Draft 04 January 2012」を元に解説します。  今後も仕様は変更される可能性が高いです。  また、webintents.orgで配布されているJavaScript shimを使って、デモの動作検証を行なっています。  JavaScript shimは、Web Intentsを使用したいページに以下の <script>要素を含めることで利用できます。<script src="//webintents.org/webintents.js"></script>

サービスの登録  <intent>要素を含むWebアプリにアクセスすると、ブラウザはそのアプリケーションを「インテント処理可能なアプリ」として登録する  <intent>は複数指定可能<intent action="インテントのアクション（URL形式）" type="処理可能なコンテントタイプ" href="アプリケーションのURI" title="アプリケーションのタイトル" disposition="アプリケーションの開き方（window|inline）"/>

インテントのアクション  URL形式の文字列で指定。この文字列をキーとしてアプリが登録される  以下のようなアクションがデフォルトで利用可能http://webintents.org/discover 登録されたAPI/サービスを検索http://webintents.org/share データの共有http://webintents.org/edit データの編集http://webintents.org/view データの閲覧http://webintents.org/pick ファイルを外部サービスから取得http://webintents.org/subscribe データの購読http://webintents.org/save データの保存

<intent>要素の使用例テキストデータの編集を行えるアプリケーション<intent action="http://webintents.org/edit" type="text/*" href="editor.html" title="マイエディタ" disposition="window"/>短縮URL生成サービス（独自のアクションを定義）<intent action="http://example.com/shorten" type="text/uri-list" href="shorten.html" title="Goo.gl URL Shorter" disposition="inline"/>

インテント処理の呼び出し// Intentオブジェクトの生成var intent = new Intent( "http://webintents.org/edit", // アクション "text/plain", // コンテントタイプ "data" // データ);// action/type/dataと言ったプロパティを持つconsole.log("action:" + intent.action);console.log("type:" + intent.type);console.log("data:" + intent.data);// インテント処理の呼び出しnavigator.startActivity(intent, onSuccess, onFailure)

インテントデータの処理// Intentオブジェクトの生成var intent = window.intent;var data = intent.data;…渡されたデータを処理…// 結果を呼び出し元に返すintent.postResult(result);

Web IntentsはWebをどう変えるか？

Webサービス間連携をよりスムーズに 「Tweet」ボタンや「いいね！」ボタンが消える

Webサービス間連携をよりスムーズに ファイルの処理方法を自由に選べる →ひいては、個々のWebアプリの単機能化が促進されるだろう

Webサービス間連携をよりスムーズに 一度でもアクセスされたWebアプリが「忘れられる」ことが減るのでは？ 少なくとも、そう考える事業者が多くなれば、Web Intentsは圧倒的な速度で広まると思える。 その他、様々なユースケースが考えられる  認証  課金処理

ローカルとクラウドの境界を超えて 例：コンタクト情報の取得を、ローカル／クラウドのアドレス帳から行う 例：画像編集ソフトにおいて、編集対象の画像を、ローカル／クラウドのギャラリーから取得する App2 App1 UA App2

ホームネットワークでの応用も検討中 例：スマホで遭遇したYoutubeコンテンツをTVで視聴・操作 例：HDDレコーダー内の動画をタブレットで視聴

ホームネットワーク+Web Intentsの検討課題 「UAにデバイス（サービス）をどう登録するか」と、「Webアプリ⇔ デバイス間の通信処理をどう実現するか」が主な論点  デバイスのディスカバリを、誰がどこまで行うか？  デバイスとの永続的な通信の確立方法  現在のWeb Intentsは、一回限りのRPCモデル  MessagePortを使用して、永続的な接続を確立しては？  デバイスとの通信プロトコルを処理するのはUA？アプリケーション？

まとめ

まとめ Web Intentsは、Webアプリ間でインテントを実現するだけでなく、Webアプリとネイティブアプリの境界や、デバイスの境界をまたいだサービス連携を実現する！ ホームネットワークでも存在感を発揮するはず Webサービスのあり方が大きく変わる可能性も？ これからもWeb Intentsに刮目せよ！

参考文献 webintents.org  Web Intentsを試すことの出来るJavaScript shimを利用できる。手軽にWeb Intentsを知りたければ、このサイトを参照すべし。 Web IntentsタスクフォースのWiki  Web Intentsに関する情報のポータルと言っても良い。Web Intentsについて多少詳しく知りたければこちら。  Web Intentsとホームネットワークについてのページは参考になる。 W3Cのメーリングリスト。最新動向を知るならこちら。 Web Intents (Editors Draft)  参照可能なドラフト仕様。 Web Intentsに深く関わっている、Glenn Jonesさんのブログポスト

参考リンク Chromium BlogでもWeb Intentsに言及 Networked Service Discovery and Messaging  サービスディスカバリや通信に関する、Operaによる非公式の仕様 Requirements for Home Networking Scenarios  ホームネットワークにおける要件をまとめたW3Cのレポート Web Intentsに関する、スタッフ小松さんのブログポスト。貴重な日本語情報 Activity Streams  インテントのアクションやデータ形式をここから参照しようか、という話はよく見受けられる Web Introducer・・・関連はありそうだが、おそらくもうアップデートされなそうな W3C仕様 TwitterのWeb Intents・・・直接の関連はないが、UXの参考によく挙げられる

ご清聴ありがとうございました！ @Shumpei

http://www.atmarkit.co.jp	11328
http://d.hatena.ne.jp	219
http://www.pochi.cc	187
http://gsbina.com	154
http://kyomichi.tumblr.com	61
http://a0.twimg.com	60
http://chocolate-cyber-space.tumblr.com	55
http://aitcms-w.atmarkit.co.jp	19
http://webcache.googleusercontent.com	17
https://twitter.com	16
http://www.fujico.co.jp	13
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com	11
http://pre-www.atmarkit.co.jp	8
https://si0.twimg.com	7
http://us-w1.rockmelt.com	7
http://tech.oimou.com	4
https://twimg0-a.akamaihd.net	3
http://twitter.com	2
http://tweetedtimes.com	2
http://safe.tumblr.com	1
http://www.atmarkit.co.jp.	1
http://wada811.blogspot.com	1
http://www.pochi.cc.	1
http://s.deeeki.com	1
http://www.google.co.jp	1

Web Intents入門

by Shumpei Shiraishi

Accessibility

Categories

Upload Details

Usage Rights

25 Embeds 12,179

Statistics

Web Intents入門 Presentation Transcript