W3C Japan Members Meeting　2009

Size: px

Start display at page:

Download "W3C Japan Members Meeting　2009"

しなつあいきょう
5 years ago
Views:

1 Panasonic 株式会社スタンダードコラボレーションセンター様 Web 標準化 (W3C) と HTML ５の状況 (HTML5 and Web standards(w3c)) 2010 年 2 月 1 日一色正男慶応義塾大学教授 W3C/Keio SiteManager Keio-contact@w3.org 1

2 目次 W3C の紹介次世代 Web 技術がもたらす変化 HTML5 を中心とした状況まとめ 2

3 ウェブの発明者であり W3C の創始者である Sir Tim Berners-Lee W3C の本拠地 MIT( マサチューセッツ工科大学 3

4 日本もウェブ標準の策定普及に大きく貢献しています大学院棟４Ｆ t45 室慶応大学本館前 27/ Mar/ 2009 Yoshiaki FUKAMI 気楽にご訪問くださいお待ちしています 4

5 W3C の目指すもの１ Web の標準仕様の策定２正しい Web の普及啓蒙３ Web の発展と将来を創り示す Leading the Web to Its Full Potential... 標準化普及啓蒙 World Wide Web 発展将来 5

6 HTML ５標準化経緯 1989 年 HTML SGML XML IEFT 標準化 1994 年 HTML 年 XHTML1.0 携帯端末モジュール化 1995 年 HTML 年 XHTML2.0 HTML3.2 ＩＢＭを中心にイントラネットや DB 用向けとして推進中正しい HTML HTML 年 1999 年 HTML 年開始 HTML5 XHTML Basic XML らしく拡大機能集約 1997 年 XHTML 年統合化 XHTML2.0 は厳密な仕厳化により古い HTML コンテンツも許容するブラウザを提供すること難しく Public 用のブザウザでは実装されていない Public 向けとして仕様化推進中 MS Opera,Mozila,Google,Apple などが中心に推進 2010 年１ 0 月に Draft 2012 年に CR を目指す目的 Web 利用の容易化と厳張性の向上 6

7 なぜ 10 年以上ぶりに HTML が今バージョンアップするのかウェブの役割が大きく広がったからウェブアプリケーションの登場動画を含むよりリッチなコンテンツが流通するプラットフォームにウェブを利用する環境が多様になったから PC 用から始まったがフルブラウザ化により様々なデバイスで活用されだしたオープンソース化で低価格な環境が拡大し自由に使える共通プラットフォーム仕様整備の要求が増えた 7

8 日経 Electronics magazine <10,Aug.2009> HTML5 described 30pages. W3C/Keio support the paper. Masao commenting the top page. NSHI/ /173797/ 803/173795/ 8

9 最新のウェブ標準が提供する機能 HTML5 Web Storage Web Workers Web Sockets canvas Drag and Drop API SVG (Scalable Vector Graphics) Geo Location APIs MMI/EMMA

10 ウェブアプリケーションの普及に対する対応 Web Storage クライアントにデータを保持できる機能オフラインでの利用を可能に Web Workers JavaScript を効率的に走らせることができる Web Socket クライアントサーバ間のやりとりを効率化 10

11 Web Sockets API CGI Web Server script Perl/Ru by Web APP TCP/IP Request, response HTML5 Browser HTML,CSS Web Sockets CODE JavaScript Web Socket Server TCP/IP APP TCP/IP Request + Upgrade: Web Sockets * CGI script less TCP/IP Communication TCP/IP I/F 11

12 リッチな表現もより容易に canvas javascript で２ D 表現の画像動画が可能にプロプライエタリなソフトに頼らず動画コンテンツを表現できるプラグインが不要になるリッチ表現仕様 SVG(Scalable Vector Graphics) ベクターイメージは品質の劣化なくサイズを変更可能なので地図表示拡大縮小などに適する様々なデバイスでも共通仕様でコンテンツ提供できる技術 12

HTML5 canvas デモテクスチャマッピングは各ブラウザに現在実装されている

テクスチャマッピングとパフォーマンスチューニング http://gyu.que.

13 HTML5 canvas デモテクスチャマッピングは各ブラウザに現在実装されている Canvas の機能で実現可能である最速チュパカブラ研究会記事 Canvas による 3D テクスチャマッピングとパフォーマンスチューニング上山氏デモ利用許可取得厳み 13

14 SVG (Scalable Vector Graphics) ラスターイメージベクターイメージサービスで実装利用されている様々なデバイスでのリッチ表現へ貢献する技術 14

15 SVG による地図情報の利用 PC 電子国土データ ( 国土地理院 ) ２万５千分の一地図を SVG 化し公開中

16 SVG による地図情報の利用携帯携帯電話用 SVG 地図サービス ( 既に 1000 万端末以上に搭載ずみ) SVG ビューワーは標準実装厳みで防災ナビとして GPS と連携して位置特定と地図表示のサービスも提供されています

17 Android オープンソース OS) と HTML5 Geolocation API 位置情報を取り扱う API も HTML に組み込まれる Drag and Drop API 現時点ではタッチ操作が主である Android 端末では UI を規定する要素として注目オープンソースの環境を世界中で改善しプラットフォーム化している Google/Apple/MS/IBM などが主体的に活動プラットフォーム構築後の IPTV/ 携帯なども視野にビジネスを 17 模索中

18 Geolocation API このような位置情報を活用したサービスをもっと自由に開発することができます

19 Drag and Drop API タッチパネルなど多様な入力インタフェースを前提とする Android 等のモバイル端末用アプリ開発においてこのような入力関係の API が標準化されることは重要参照 Drag & Drop - HTML5 版 Diaspar Journal <

20 機器連携スマートメータ連携 Web I/F EMMA 拡張電力メータスマートメータ ECHONET 電力メータスマートメータ ECHONET HGW 電力サービスサーバ家電機器 ECHONET 企業連携１電力会社２電力量計機器会社３スマートメータサービス事業者３ Web ブラウザ会社 DSM サービスポイントサービスエコ協力ポイント Web ブラウザ iphone 携帯 PC DTV 技術セマンティック Web の応用 20

マルチモーダル対話ワーキンググループマルチモーダル多厳な入出力形態に厳厳した標準フォーマット EMMA を定義 http://www.w3.

21 マルチモーダル対話ワーキンググループマルチモーダル多厳な入出力形態に厳厳した標準フォーマット EMMA を定義目的ホームネットワークへの Web 利用の容易化と拡張携帯電話ゲーム機カーナビＨＤＤプレーヤ D TV インテリジェント冷蔵庫 21

22 22

23 Future model ネットワークに流れるデータ形式を全て EMMA に統一したモデル

24 ＭＭＩ EMMA 利用 (AT&T の speak4it ( デモ ) 音声入力音声回答 GoogleMap でのＷｅｂ画面表示タッチ入力による予約 MMI EMMA 仕様での Web 利用デモ 24

25 HTML5 と最新のウェブ標準技術仕様がもたらす効果 1. 開発者向けの利点 (1) 機能毎に明快に記述された仕様により相互運用可能な実装を実現 (2) Ajax においても想定した通りの相互運用可能な動作を実現２. 利用者向けの利点 (1) 選択肢を HTML5 標準に準拠した Web アプリケーションであればどのようなブラウザ上でも同じように利用可能になるため如何なる特定事業者の如何なる特定製品にも縛られることもなくなり選択の自由を享受できます (2) 新機能 (a) Flash などにも対抗し得る Web 標準機能の提供 (b) 新 Forms の提供 Web Forms 2.0 (c) 新要素提供 <canvas> <video> localstrage( クライアント側永続記憶域 ) 等３商用の効果 (1) HTML 5 における相互運用性の確保により開発者やコンテンツ提供者における費用や労力が削減されます (2) HTML 5 では新機能の追加により "Flash" や特定機能に特化した独立した単体アプリケーションにも匹敵する Web アプリケーションを費用を抑えつつ開発できるようになります 25

26 JLTF の紹介日本語のレイアウトを英語で定義し日本語を正しく表示できるように表示仕厳を標準化する活動日本語についてはＪＩＳ X4051 で定義し英語版は W ３ C の勧告として定義しようと推進しています一般ブラウザで印刷校正ができる未来例えばルビが正しく表示される未来を創る論議のホームページ最新の規格書ドラフトはその国固有の印刷業界での版組を英語で定義したことが世界的に見ても快挙として注目される活動です英語と日本語の２つのメールリストで論議されています

27 JLTF の紹介ルビ

28 会員サービス１日本語の情報発信ぜひ参加したいけど全部英語はちょっと辛いと思う人ぜひ W3C 日本語メールマガジンを活用下さい１名前とメールアドレスをいただけばメールマガジン会員になれます日本語でのメールマガジンを差し上げます最新状況やイベント予定などをお送りします活用下さい２日本語でのＨＴＭＬ５ IG-Japan を主催１２月開始予定します誰でも参加して日本語で意見を交換できる場にしますぜひ参加くださいホームページ上記メールマガジンでの募集をします国際標準化へ日本の声を届けましょう 28

29 日本会員サービス２ IGJapan IG-JP)(12 月から開始 ) 日本会員の会の中に会員対象とした IG-Japan を１つ組織 HTML ５から始めるが将来はほかテーマを論議し日本からの発信を目指したい MMI-WG HTML5WG SVG-WG SVG-IG MMI-IG HTML5 -IG SVG-IG SVG-IG-JP IG-Japan 日本会員の会日本全体会議２回 / 年活動 F2F テーマ部会１回 / ２月全体会議の時は兼ねる情報は共通メールリストにて運営個別はテーマリーダをつけて運用 29

30 Launches HTML5 Japanese Interest Group 申し込みは HTML5 Japanese Interest Group のゴールは次の活動を行うことにあります * HTML5 仕厳および関連する Web Sockets, Web Storage, Web Workers, WebSimpleDB API, DOM Level 3 Events, File API, Geolocation API について集中的な議論を日本語で行う * これらの仕様についてコメントや質問を日本語で受け付ける * 仕様で定義される機能について考えられる日本固有のユースケースを集める * グループの活動結果を HTML WG や W3C メンバー関連コミュニティに報告する * HTML5 * Web Sockets * Web Storage * Web Workers * WebSimpleDB API * Server-Sent Events * DOM Level 3 Events * File API * Geolocation API 公開参加なのでどなたでも参加できます本日この後 F2F の HTML5 日本 IG の会を開催しますのでご参加ください 30

DTV/ 携帯展開で放送と機器メーカの仕様検討の必要性が注目された http://www.soumu.go.

31 情報通信審議会での W3C 活用論議第５回通信放送の融合連携環境における標準化政策に関する厳討委員会にて夏野先生一色がオブザーバ参加し W3C 活用について紹介 (12/11) デファクト標準への特に HTML5 の DTV/ 携帯展開で放送と機器メーカの仕様検討の必要性が注目された 31

DTV 情報化研究会 (12/2) 講演と交流デジタルテレビ情報化研究会 (http://nw-dtv.

32 DTV 情報化研究会 (12/2) 講演と交流デジタルテレビ情報化研究会 ( 第 3 回技術交流会 ( 約 150 名程度 ) で W3C 状況と連携について講演しテレビの Web ブラウザ化について技術交流をした今後具体的デバイスデジタル TV での Web 利用仕厳での論議はリエゾン関係を結び連携しながら進めることでデバイスで必要な Web 仕様について論議が深まると信じ期待する NHK Panasonic Hitachi Toshiba Sony Sharp ほか 32

33 Web 標準そして W3C の活動に注目してください一緒にウェブの可能性を拡大させていきましょう組み込み型 HTML ５仕様が注目特に日本が得意な様々なデバイス TV カーナビインターホン省エネモニタ携帯 PC への展開世界でも求められている世界へ発信

34 まとめ次世代 Web 技術の登場標準化これまで個別のサービスアプリケーション提供者が個別に開発提供してきた技術が W3C によって集約標準化されるオープンモバイルプラットフォームの普及ウェブのもつ可能性の増大モバイル環境でのウェブ利用形態にも大きな変化がその変化を生み出すのは開発者である皆さんです

35 Leading the Web to Its Full Potential... ありがとうございました 35

36 36

37 参考 W3C 案内情報 URL 等入会に興味ある方へ案内くださいまた W3C/Keio １ W3C 活動紹介現在は正式版は英語になっていますがご活用ください説明ページ : W3C 全般 : 英語日本語版 W3C 活動概要２入会申込書案内入会は３ステップになっており下記の申し込み書ページからステップ１を送ってくださいすると米国の本部からメールが来ますその後ステップ２へ進み契約書をやり取りして完了との流れになります申し込みページ : 日本語による記入方法ガイド W3c Application Step 1.pdf ２契約書雛形英語上記で触れた申し込みページから具体的な契約書 (Membership Agreement) へのリンクがあります契約は日本会員の契約は慶応義塾大学の SFC 研究所と締結します会費は年間売り上げ５７億円以上の企業殿は７４０万円年現在 37

38 参考 W3C 関係ＵＲＬ W3C 全般について : * W3C トップページ = * W3C について = * 初めて訪れる方向けの厳明 = 標準仕様策定活動について * W3C Process Document= 特許方針について * W3C Patent Policy= * Patent Policy FAQ= * Implementation of Patent Policy= W3C 文書の日本語翻訳集 = titlelanguagematch=&lang=ja&search2=submit 標準準拠確認ツール Validator)=

OSC_isshiki_090710c.ppt

OSC_isshiki_090710c.ppt Web 2009 W3C/Kwio SiteManager ECHONET Keio-contact@w3.org http://www.w3.org 1 2 1990 Web W3C Tim Berners-Lee Web W3C CERN Web 3 W3C W3C=World Wide Consortium 4 W3C Leading the Web to Its Full Potential...

W3C Japan Members Meeting 2009

W3C Japan Members Meeting　2009