SlideShare ist ein Scribd-Unternehmen logo
1 von 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
電子チラシ
地図

Weitere ähnliche Inhalte

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

D3によるデータビジュアライゼーション 2013.09.13
D3によるデータビジュアライゼーション 2013.09.13D3によるデータビジュアライゼーション 2013.09.13
D3によるデータビジュアライゼーション 2013.09.13
Minoru Chikamune
 

Ähnlich wie 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)
 

Mehr von Satoru Takagi

Mehr von 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_前編
 

Kürzlich hochgeladen

Kürzlich hochgeladen (11)

論文紹介: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
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
論文紹介: 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
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介: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...
 

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