SlideShare uma empresa Scribd logo
1 de 17
情報通信審議会
情報通信政策部会 
通信・放送の融合・連携環境における標準化政策に関する検討委員会




HTML5
Web標準化(W3C) とHTML5の状況



慶応義塾大学 教授                 2009年12月11日
一色正男 & 夏野剛
Keio-contact@w3.org
http://www.w3.org
                      オリジナルのスライドを基に長谷川
                      恭久が情報を再構成したものです。
WHY
なぜHTML5は注目なのか?
                 WHAT
                 HTML5で何が実現可能か?




         HTML5
WORK
日本ならではの取り組み
                 FUTURE
                 HTML5がもたらすメリット
HTML (Hyper Text Markup Language)
Webブラウザ(HTML解読表示プログラム)は、HTMLから視覚描写を行っている
Googleのような検索エンジンや音声ブラウザなど機械が情報を理解するためのコードが含まれている
WHY
なぜHTML5は注目なのか?


    Webの役割の変化
    Webアプリケーションの登場
    動画などコンテンツがよりリッチなものへと変化


    Webの利用の多様化
    アクセス出来る機器の増加 (携帯電話や家電など)
    Webを描写するための OS やソフトウェアの種類の増加
Open Web
今の利用者のニーズに応えるために HTML がさらに進化する必要性が高まった
自由に使 える共通プラットフォーム仕様整備の要求が増えた
プラグインや特別なソフトウェアの要求などユーザも作り手も煩雑で混乱してきた
HTML5
今日のWebに適応させるための10年ぶりバージョンアップ
WHAT
最新のウェブ標準が提供する機能


    HTML5
    Web Storage ・ Web Workers ・ Web Sockets
    Canvas ・ Drag and Drop



    SVG
    Geo Location API
ホームセキュリティ

                          速報性が高い情報の配信




Web Sockets
ブラウザとサーバ間で直接データのやりとりが可能
リアルタイム性向上とサーバ負荷削減効果大


                                        photo is taken by quapan
Webアクセシビリティに大きな貢献

                                  オープン技術なので特定の企業に依存しない




SVG (Scalable Vector Graphics)
Google Maps や携帯電話向け地図サービスで使われてる画像形式
拡大・縮小による画像の劣化がなく軽量
Webで既に使われている技術と親和性が高く、統計グラフなどデータとの組み合わせに最適
パソコン以外からも同じデータにアクセス

                               オープン技術なので特定の企業に依存しない




Canvas
スクリプト言語により生成された画像を描写するための HTML 要素
特別なプラグインをインストールすることなく、2Dアニメーションや3Dが観覧可能
国のもつ膨大なデータと位置情報の連携

                              国際的に利用出来る防災システムの可能性




Geolocation API
位置情報をWebブラウザが動作する様々な機器で正確に表示させることが可能
国際規格を利用することで、より多くの方が位置情報を利用したアプリケーション開発が可能
携帯電話からも利用出来るアプリケーション

                               ユーザービリティの向上への可能性




Drag & Drop
複雑なプログラムを使わなくてもデスクトップアプリケーションと同等のインタラクションが可能
特別なプラグインをインストールすることなく、様々な操作を軽快に行える
WORK
日本ならではの取り組み


    日本語組版処理
    縦組と横組
    柱とノンブル
    ルビと圏点処理


    DTV、携帯、組込用のWeb
JLTF (Japanese Layout Taskforce)
日本語を正しくWebで表示できるように表示仕様を標準化する活動
日本語については、JISX4051で定義し、英語版は、W3Cの勧告として定義
現在、英語と日本語の2つのメールリストで論議
FUTURE
HTML5がもたらすメリット


    デバイスを差別しない
    どこからでも共通のコンテンツ


    追加プログラム不要
    インストール作業などお客様を煩わせなくて良くなる


    付随機能の強化
    リアルタイム性、サーバ負荷低減など
W3C
企業会費により運営される民間団体

国、特定企業からも、中立独立した仕様策定団体
個別のサービス/アプリケーション提供者が個別に開発、提供してきた技術が、W3Cによって集約、標準化
オープンな知識集約方式=コンセンサスで、決定してゆく。
日本語でのコミュニティ形成、日本の要望を整理主張が必要
Thank You
 ありがとうございました。



       詳細情報
       http://www.w3c.org


       お問い合わせ
       Keio-contact@w3.org
       http://www.w3.org

Mais conteúdo relacionado

Destaque

【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程
【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程
【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程
株式会社エスカドラ
 

Destaque (6)

Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
 
あなたが創るセマンティックウェブ
あなたが創るセマンティックウェブあなたが創るセマンティックウェブ
あなたが創るセマンティックウェブ
 
我々が知る世界の終わり(けど大丈夫)
我々が知る世界の終わり(けど大丈夫)我々が知る世界の終わり(けど大丈夫)
我々が知る世界の終わり(けど大丈夫)
 
Sd. regresión caudal
Sd. regresión caudal Sd. regresión caudal
Sd. regresión caudal
 
【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程
【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程
【エスカドラ】 SpriteStudio Friendshipバナー キャラクターアニメーション制作工程
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
 

Semelhante a Web標準化 (W3C) とHTML5の状況 Remix

HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Takashi Endo
 
クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告
Shinichi Tomita
 
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
Osamu Shimoda
 
CloudSpiral 2013年度 Webアプリ講義
CloudSpiral 2013年度 Webアプリ講義CloudSpiral 2013年度 Webアプリ講義
CloudSpiral 2013年度 Webアプリ講義
Shin Matsumoto
 
基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善
T.R. Nishi
 

Semelhante a Web標準化 (W3C) とHTML5の状況 Remix (20)

Solution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-newSolution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-new
 
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
 
Web OSで可能になる世界
Web OSで可能になる世界Web OSで可能になる世界
Web OSで可能になる世界
 
Touch Platform によるモバイルアプリケーション開発
Touch Platform によるモバイルアプリケーション開発Touch Platform によるモバイルアプリケーション開発
Touch Platform によるモバイルアプリケーション開発
 
【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!
【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!
【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
 
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
 
クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告
 
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
 
レガシー Web からの脱却 ~ 開発者が次に目指すべき Web アプリの姿とは?
レガシー Web からの脱却 ~ 開発者が次に目指すべき Web アプリの姿とは?レガシー Web からの脱却 ~ 開発者が次に目指すべき Web アプリの姿とは?
レガシー Web からの脱却 ~ 開発者が次に目指すべき Web アプリの姿とは?
 
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティスHTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
 
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
 
DBCJ Drupal + Japan 2017
DBCJ  Drupal + Japan  2017DBCJ  Drupal + Japan  2017
DBCJ Drupal + Japan 2017
 
CloudSpiral 2013年度 Webアプリ講義
CloudSpiral 2013年度 Webアプリ講義CloudSpiral 2013年度 Webアプリ講義
CloudSpiral 2013年度 Webアプリ講義
 
Microsoft MVP から見たクラウド サービスの現状と今後について
Microsoft MVP から見たクラウド サービスの現状と今後についてMicrosoft MVP から見たクラウド サービスの現状と今後について
Microsoft MVP から見たクラウド サービスの現状と今後について
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 
基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善
 
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
 

Mais de Yasuhisa Hasegawa

Mais de Yasuhisa Hasegawa (20)

作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編
 
SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作
 
あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法
 
データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法
 
再入門ペーパープロトタイピング
再入門ペーパープロトタイピング再入門ペーパープロトタイピング
再入門ペーパープロトタイピング
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方
 
Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
 
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすること
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来
 

Último

Último (11)

LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 

Web標準化 (W3C) とHTML5の状況 Remix