SlideShare a Scribd company logo
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 dark7
Naoki Matsuda
 
Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略Seasarプロジェクト徹底攻略
Seasarプロジェクト徹底攻略
takezoe
 
HTML5 on ASP.NET
HTML5 on ASP.NETHTML5 on ASP.NET
HTML5 on ASP.NET
Fujio Kojima
 
Google Cloud Dataflow を理解する - #bq_sushi
Google Cloud Dataflow を理解する - #bq_sushiGoogle Cloud Dataflow を理解する - #bq_sushi
Google Cloud Dataflow を理解する - #bq_sushi
Google Cloud Platform - Japan
 
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
 
Gtug girls-20140828
Gtug girls-20140828Gtug girls-20140828
Gtug girls-20140828
Daichi Morifuji
 
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 vanilla
Naoki Matsuda
 
Dsl&Builder
Dsl&BuilderDsl&Builder
Dsl&Builder
Uehara Junji
 
4D Tags
4D Tags4D Tags
4D Tags
kmiyako
 
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 HTML5
Sho 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
 
CRS and SVG
CRS and SVGCRS and SVG
CRS and SVG
Satoru Takagi
 
Tiling
TilingTiling
Level ofdetail
Level ofdetailLevel ofdetail
Level ofdetail
Satoru Takagi
 
Enhanced Framework of WoT by MozOpenHard
Enhanced Framework of WoT by MozOpenHardEnhanced Framework of WoT by MozOpenHard
Enhanced Framework of WoT by MozOpenHard
Satoru 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

キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
Takayuki Nakayama
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Toru Tamaki
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
harmonylab
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
t m
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
 
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさJSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
0207sukipio
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
 

Recently uploaded (8)

キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
 
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさJSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
 

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