SlideShare a Scribd company logo
1 of 10
2013.12.17 W3C日本会員会議

SVG Working Group
活動報告

高木 悟
TPAC2013 SVGWG F2F

最大の決定事項
SVG2.0 標準化ロードマップ
FPWD

November 2012

LC

November 2013

CR

March 2014

PR

July 2014

Rec

August 2014

延期

大規模な設計変更
HTMLとの融合
独立したXML記述言語体系の放棄
SVGをもっと多くの人に使ってもらいたい
文書構造
<!DOCTYPE html>
<html>
<p>Check out this diagram:</p>
<graphics width="200" height="200">
<rect x=”...”/>
<path d="..."/>
</graphics>
</html>

DOM
var
or
or

API
rect = document.createElementNS("http://www.w3.org/1999/xhtml", "rect");
var rect = document.createElementNS(null, "rect");
var rect = document.createElement("rect");
重い仕事 :二つの独立した言語の統合
主:HTML、 従:SVG
• 類似機能の統合 html:a & svg:a
• 命名規則の変更 clipPath ⇒ clippath
• DOM APIの整合 SMILアニメーション由来の不整合解決
SVGAnimatedLength ⇒ float

等

• 下位互換性
計画遅延の量は1月末のF2Fである程度明らかに?
私の活動の進捗
Mapping Features/SVG
• 地図機能のブラウザネイティブ化
(大規模なWebAppsなしに、地図の機能を)

• リンクドオープンマッピング
(地図をベースとしたコンテンツのマッシュアップ)
HTMLとの融合
• SVG専用の規格から、Webコンテンツ全体の規格へ
• SVGによる地図技術を
Webコンテンツ全体・多用途で応用できるように
Tiling

svg:iframe + Resource Priorities*1
tileRoot.svg
<svg viewBox=“60 120 70 70”>
<iframe src=“t0.svg” postpone
<iframe src=“t1.svg” postpone
<iframe src=“t2.svg” postpone
<iframe src=“t3.svg” postpone
</svg>

iframe
t0
t3

t1
t2

iframe

t2.svg
<svg>
<iframe
<iframe
<iframe
<iframe
</svg>

src=“t2-0.svg”
src=“t2-1.svg”
src=“t2-2.svg”
src=“t2-3.svg”

*2

x=“0” y=“0” width=“100” height=“100”/>
x=“100” y=“0” width=“100” height=“100”
x=“100” y=“100” width=“100” height=“100
x=“100” y=“0” width=“100” height=“100”

postpone
postpone
postpone
postpone

x=“0” y=“0” width=“50” height=“50”
x=“0” y=“0” width=“50” height=“50”
x=“50” y=“50” width=“50” height=“50
x=“00” y=“50” width=“50” height=“50

SVG2.0 Embedded contetnt 執筆
t2-0 t2-1
t2-3 t2-2
Viewport

(SVGWG)

video,audio要素の追加等を含む

Resource Priorities 熟成協力
(Web Perf.WGとSVGWGとの協同)
Level of Detail
Media Queries: Zoom Feature + Resource Priorities
Top.svg
<svg viewBox="0 0 100 100">
RootLvl0.svg
<style type="text/css">
@media screen and (min-zoom: 1) {
Zoom<1
#low { display: none; }
#med { display: inline; }
#high { display: none; }
RootLvl1.svg
Top.svg
}
@media screen and (min-zoom: 2) {
1≦Zoom<2
#low { display: none; }
#med { display: none; }
#high { display: inline; }
RootLvl2.svg 2≦Zoom
}
</style>
<iframe id="low“ src="Lv0.svg" postpone .../>
<iframe id="med“ src="Lv1.svg" postpone display=“none”.../>
<iframe id="high" src="Lv2.svg" postpone display=“none”.../>
</svg>

Zoom Spec & CSS3 Media Queries 拡張
(FXTF: CSS-SVG Effects Task

Force

)
Applications
High Resolution Photos
電子チラシ
地図

More Related Content

Similar to W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告

SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7Naoki Matsuda
 
Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略takezoe
 
Spark on sql server?
Spark on sql server?Spark on sql server?
Spark on sql server?Oda Shinsuke
 
20170422 azure portal cli 使いこなし
20170422 azure portal cli 使いこなし20170422 azure portal cli 使いこなし
20170422 azure portal cli 使いこなしTakayoshi Tanaka
 
HTML5開発最前線
HTML5開発最前線HTML5開発最前線
HTML5開発最前線yoshikawa_t
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】Yasuhito Yabe
 
D3によるデータビジュアライゼーション 2013.09.13
D3によるデータビジュアライゼーション 2013.09.13D3によるデータビジュアライゼーション 2013.09.13
D3によるデータビジュアライゼーション 2013.09.13Minoru Chikamune
 
DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~
DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~
DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~decode2016
 
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 -  Mars vanillaSVG MANIAX Ver.2 -  Mars vanilla
SVG MANIAX Ver.2 - Mars vanillaNaoki Matsuda
 
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみKohei Kadowaki
 
Angular js はまりどころ
Angular js はまりどころAngular js はまりどころ
Angular js はまりどころAyumi Goto
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Sho Ito
 
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力ThinReports
 
社内勉強会資料(Varnish Module)
社内勉強会資料(Varnish Module)社内勉強会資料(Varnish Module)
社内勉強会資料(Varnish Module)Iwana Chan
 

Similar to W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告 (20)

SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7SVG MANIAX - CSS Nite After dark7
SVG MANIAX - CSS Nite After dark7
 
Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略
 
HTML5 on ASP.NET
HTML5 on ASP.NETHTML5 on ASP.NET
HTML5 on ASP.NET
 
Google Cloud Dataflow を理解する - #bq_sushi
Google Cloud Dataflow を理解する - #bq_sushiGoogle Cloud Dataflow を理解する - #bq_sushi
Google Cloud Dataflow を理解する - #bq_sushi
 
Spark on sql server?
Spark on sql server?Spark on sql server?
Spark on sql server?
 
20170422 azure portal cli 使いこなし
20170422 azure portal cli 使いこなし20170422 azure portal cli 使いこなし
20170422 azure portal cli 使いこなし
 
HTML5開発最前線
HTML5開発最前線HTML5開発最前線
HTML5開発最前線
 
計算機理論入門09
計算機理論入門09計算機理論入門09
計算機理論入門09
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
 
Gtug girls-20140828
Gtug girls-20140828Gtug girls-20140828
Gtug girls-20140828
 
D3によるデータビジュアライゼーション 2013.09.13
D3によるデータビジュアライゼーション 2013.09.13D3によるデータビジュアライゼーション 2013.09.13
D3によるデータビジュアライゼーション 2013.09.13
 
DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~
DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~
DBP-020_いざ無制限のデータの彼方へ! ~Azure Data Lake 開発の知識とベストプラクティス~
 
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX Ver.2 -  Mars vanillaSVG MANIAX Ver.2 -  Mars vanilla
SVG MANIAX Ver.2 - Mars vanilla
 
Dsl&Builder
Dsl&BuilderDsl&Builder
Dsl&Builder
 
4D Tags
4D Tags4D Tags
4D Tags
 
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
 
Angular js はまりどころ
Angular js はまりどころAngular js はまりどころ
Angular js はまりどころ
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
 
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
Ruby向け帳票ソリューション「ThinReports」の開発で知るOSSの威力
 
社内勉強会資料(Varnish Module)
社内勉強会資料(Varnish Module)社内勉強会資料(Varnish Module)
社内勉強会資料(Varnish Module)
 

More from Satoru Takagi

Quad Tree Composite Tiling for Web Mapping (in English)
Quad Tree Composite Tiling for Web Mapping (in English)Quad Tree Composite Tiling for Web Mapping (in English)
Quad Tree Composite Tiling for Web Mapping (in English)Satoru Takagi
 
Quad Tree Composite Tiling for Web Mapping (in Japanese)
Quad Tree Composite Tiling for Web Mapping (in Japanese)Quad Tree Composite Tiling for Web Mapping (in Japanese)
Quad Tree Composite Tiling for Web Mapping (in Japanese)Satoru Takagi
 
Enhanced Framework of WoT by MozOpenHard
Enhanced Framework of WoT by MozOpenHardEnhanced Framework of WoT by MozOpenHard
Enhanced Framework of WoT by MozOpenHardSatoru Takagi
 
Web時代のgis勉強会 20120525 takagi 後編
Web時代のgis勉強会 20120525 takagi 後編Web時代のgis勉強会 20120525 takagi 後編
Web時代のgis勉強会 20120525 takagi 後編Satoru Takagi
 
Web時代のgis勉強会 20110311 takagi_前編
Web時代のgis勉強会 20110311 takagi_前編Web時代のgis勉強会 20110311 takagi_前編
Web時代のgis勉強会 20110311 takagi_前編Satoru Takagi
 

More from Satoru Takagi (8)

Quad Tree Composite Tiling for Web Mapping (in English)
Quad Tree Composite Tiling for Web Mapping (in English)Quad Tree Composite Tiling for Web Mapping (in English)
Quad Tree Composite Tiling for Web Mapping (in English)
 
Quad Tree Composite Tiling for Web Mapping (in Japanese)
Quad Tree Composite Tiling for Web Mapping (in Japanese)Quad Tree Composite Tiling for Web Mapping (in Japanese)
Quad Tree Composite Tiling for Web Mapping (in Japanese)
 
CRS and SVG
CRS and SVGCRS and SVG
CRS and SVG
 
Tiling
TilingTiling
Tiling
 
Level ofdetail
Level ofdetailLevel ofdetail
Level ofdetail
 
Enhanced Framework of WoT by MozOpenHard
Enhanced Framework of WoT by MozOpenHardEnhanced Framework of WoT by MozOpenHard
Enhanced Framework of WoT by MozOpenHard
 
Web時代のgis勉強会 20120525 takagi 後編
Web時代のgis勉強会 20120525 takagi 後編Web時代のgis勉強会 20120525 takagi 後編
Web時代のgis勉強会 20120525 takagi 後編
 
Web時代のgis勉強会 20110311 takagi_前編
Web時代のgis勉強会 20110311 takagi_前編Web時代のgis勉強会 20110311 takagi_前編
Web時代のgis勉強会 20110311 takagi_前編
 

Recently uploaded

情報を表現するときのポイント
情報を表現するときのポイント情報を表現するときのポイント
情報を表現するときのポイントonozaty
 
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイルLoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイルCRI Japan, Inc.
 
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員Sadaomi Nishi
 
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計atsushi061452
 
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521Satoshi Makita
 
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。iPride Co., Ltd.
 
Keywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltdKeywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltdkokinagano2
 
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdfネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdfTakayuki Nakayama
 
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアルLoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアルCRI Japan, Inc.
 
Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )iwashiira2ctf
 
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用KLab Inc. / Tech
 
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介Hyperleger Tokyo Meetup
 

Recently uploaded (12)

情報を表現するときのポイント
情報を表現するときのポイント情報を表現するときのポイント
情報を表現するときのポイント
 
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイルLoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
 
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
部内勉強会(IT用語ざっくり学習) 実施日:2024年5月17日(金) 対象者:営業部社員
 
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
研究紹介スライド: オフライン強化学習に基づくロボティックスワームの制御器の設計
 
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
ロボットマニピュレーションの作業・動作計画 / rosjp_planning_for_robotic_manipulation_20240521
 
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
 
Keywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltdKeywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltd
 
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdfネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
 
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアルLoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
 
Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )Intranet Development v1.0 (TSG LIVE! 12 LT )
Intranet Development v1.0 (TSG LIVE! 12 LT )
 
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
 
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
 

W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告