SlideShare a Scribd company logo
1 of 16
Download to read offline
知って得する (かもしれない)、
Internet Explorer での
Canvas と SVG の描画

日本マイクロソフト
デベロッパー & プラットフォーム統括本部
Web プラットフォーム推進部
物江 修
Blog: http://blogs.msdn.com/osamum/
Twitter : osamum_MS
本日お伝えすること

• Internet Explorer 9 での
  Canvas と SVG のサポート状況
• マイクロソフトが提供する
  Canvas、SVG 関連のツール
Canvas と SVG の
  サポート状況
Canvas
• Canvas 2D
 –Basic support
• Text API for Canvas
• GPU
   アクセラレーション
SVG
•SVG 1.1 (第 2 版)
•以下のみ未サポート
 –Filters, Fonts, Animation
•GPU
  アクセラレーション
Windows
Internet Explorer
Testing Center
Web 標準レンダリングの検証結果を公開するページ
マイクロソフトが提供する
Canvas、SVG 関連のツール
Web Standards Update for
Microsoft Visual Studio 2010 SP1

                          +

SVG Intellisense schema
for Visual Studio 2010 and 2008
AI → Canvas
  Adobe Illustrator の プラグイン
まとめ

•標準化
•互換性
•性能向上
ダウンロード http://bit.ly/iaLk03
関連情報 #1
• Internet Explorer 9 開発者ガイド
 – http://msdn.microsoft.com/ja-jp/ie/ff468705
• Internet Explorer 9 のサンプルと
  チュートリアル
 – http://msdn.microsoft.com/ja-
   jp/library/gg491737(VS.85).aspx
• Internet Explorer 9 の互換性ガイド
 – http://msdn.microsoft.com/ja-
   jp/library/ff986083(VS.85).aspx
関連情報 #2
• Windows Internet Explorer
    Testing Center
  – http://samples.msdn.microsoft.com/ietestcenter/d
    efault-JA.htm
• Internet Explorer デベロッパーセンター
  – http://msdn.microsoft.com/ja-jp/ie/
• Technet - Internet Explorer
  – http://technet.microsoft.com/ja-jp/ie/
• Internet Explorer ブログ (日本語版)
  – http://blogs.msdn.com/b/ie_jp/
関連情報 #3
• Visual Studio 2010 評価版 (プロ
  フェッショナル向け)
  – http://www.microsoft.com/japan/visualstudi
    o/download
• Visual Web Developer 2010 Express (
  無償) のインストール方法
  – http://blogs.msdn.com/b/osamum/archive/
    2011/02/18/visual-web-developer-2010-
    express.aspx
関連情報 #4
• Web Standards Update for
  Microsoft Visual Studio 2010 SP1
  – http://bit.ly/lWV98W
• SVG Intellisense schema
•   for Visual Studio 2010 and 2008
  – http://bit.ly/n8UHIl
• AI → Canvas
  – http://visitmix.com/labs/ai2canvas/
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market
conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

More Related Content

What's hot

3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
Osamu Monoe
 
20120826 ec cube-handson
20120826 ec cube-handson20120826 ec cube-handson
20120826 ec cube-handson
Masaki Takeda
 
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
 Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
Osamu Monoe
 

What's hot (18)

塹壕よりLivetとMVVM
塹壕よりLivetとMVVM塹壕よりLivetとMVVM
塹壕よりLivetとMVVM
 
Windows ストアアプリを HTMLで作成する
Windows ストアアプリをHTMLで作成するWindows ストアアプリをHTMLで作成する
Windows ストアアプリを HTMLで作成する
 
Visual Studio 2017 事はじめ
Visual Studio 2017 事はじめVisual Studio 2017 事はじめ
Visual Studio 2017 事はじめ
 
3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5
 
グレープシティのJavaScriptライブラリ
グレープシティのJavaScriptライブラリグレープシティのJavaScriptライブラリ
グレープシティのJavaScriptライブラリ
 
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
 
20120826 ec cube-handson
20120826 ec cube-handson20120826 ec cube-handson
20120826 ec cube-handson
 
20150926 uwpストア攻略
20150926 uwpストア攻略20150926 uwpストア攻略
20150926 uwpストア攻略
 
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
 
後期05
後期05後期05
後期05
 
LightSwitchでマルチデータソース
LightSwitchでマルチデータソースLightSwitchでマルチデータソース
LightSwitchでマルチデータソース
 
MVCフレームワークとの付き合い方
MVCフレームワークとの付き合い方MVCフレームワークとの付き合い方
MVCフレームワークとの付き合い方
 
【CodeCamp】JavaScriptの教科書サンプル
【CodeCamp】JavaScriptの教科書サンプル【CodeCamp】JavaScriptの教科書サンプル
【CodeCamp】JavaScriptの教科書サンプル
 
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
 
ビデオ映像配信入門 第1回(WordPress東京勉強会)
ビデオ映像配信入門 第1回(WordPress東京勉強会)ビデオ映像配信入門 第1回(WordPress東京勉強会)
ビデオ映像配信入門 第1回(WordPress東京勉強会)
 
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
 Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
 
いまさら学ぶMVVMパターン
いまさら学ぶMVVMパターンいまさら学ぶMVVMパターン
いまさら学ぶMVVMパターン
 

Similar to 知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画

One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Akira Inoue
 
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
Akira Inoue
 
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
Takayoshi Tanaka
 
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
Akira Inoue
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
Katsuhito Katoh
 
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考えるNetラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
 

Similar to 知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画 (20)

Visual Studio 2010
Visual Studio 2010Visual Studio 2010
Visual Studio 2010
 
オレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そうオレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そう
 
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
 
マイクロソフトの新しい Web 開発ツールと新しい Web ブラウザー、そして、それらの新しい機能についての話
マイクロソフトの新しい Web 開発ツールと新しい Web ブラウザー、そして、それらの新しい機能についての話マイクロソフトの新しい Web 開発ツールと新しい Web ブラウザー、そして、それらの新しい機能についての話
マイクロソフトの新しい Web 開発ツールと新しい Web ブラウザー、そして、それらの新しい機能についての話
 
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
 
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
 
C++ と Visual Studio による Android 開発
C++ と Visual Studio による Android 開発C++ と Visual Studio による Android 開発
C++ と Visual Studio による Android 開発
 
Web matrix2とvisual studio
Web matrix2とvisual studioWeb matrix2とvisual studio
Web matrix2とvisual studio
 
.NET Core向けコンテナおよびデバッグ関連のVisual Studio 2019の機能
.NET Core向けコンテナおよびデバッグ関連のVisual Studio 2019の機能.NET Core向けコンテナおよびデバッグ関連のVisual Studio 2019の機能
.NET Core向けコンテナおよびデバッグ関連のVisual Studio 2019の機能
 
~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~
 
HTML5 & The Web Platform
HTML5 & The Web PlatformHTML5 & The Web Platform
HTML5 & The Web Platform
 
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
 
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
 
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
 
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
 
Visual Studio を使用した Cordova 開発
Visual Studio を使用した Cordova 開発Visual Studio を使用した Cordova 開発
Visual Studio を使用した Cordova 開発
 
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
 
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考えるNetラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
 

More from Osamu Monoe

More from Osamu Monoe (20)

高品質な Teams アプリを開発するためのポイント
高品質な Teams アプリを開発するためのポイント高品質な Teams アプリを開発するためのポイント
高品質な Teams アプリを開発するためのポイント
 
PWA on Windows
PWA on Windows PWA on Windows
PWA on Windows
 
これでできる! Microsoft Teams アプリ開発のポイント徹底解説
これでできる! Microsoft Teams アプリ開発のポイント徹底解説これでできる! Microsoft Teams アプリ開発のポイント徹底解説
これでできる! Microsoft Teams アプリ開発のポイント徹底解説
 
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
 
Microsoft Edge のFIDO サポート状況
Microsoft Edge のFIDO サポート状況Microsoft Edge のFIDO サポート状況
Microsoft Edge のFIDO サポート状況
 
JavaScript と Bot Service を使った Bot 開発
JavaScript と Bot Service を使った Bot 開発JavaScript と Bot Service を使った Bot 開発
JavaScript と Bot Service を使った Bot 開発
 
Web サーバー管理者のための Azure App Service 再入門
Web サーバー管理者のための Azure App Service 再入門Web サーバー管理者のための Azure App Service 再入門
Web サーバー管理者のための Azure App Service 再入門
 
NativeScript 環境のインストールとはじめてのプロジェクト実行
NativeScript 環境のインストールとはじめてのプロジェクト実行NativeScript 環境のインストールとはじめてのプロジェクト実行
NativeScript 環境のインストールとはじめてのプロジェクト実行
 
Microsoft Bot Framework と Cognitive Services を活用した 業務サポートBOT 構築
Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築
Microsoft Bot Framework と Cognitive Services を活用した 業務サポートBOT 構築
 
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
 
For every people achieve more : マイクロソフトの Inclusive Design について
For every people achieve more : マイクロソフトの Inclusive Design についてFor every people achieve more : マイクロソフトの Inclusive Design について
For every people achieve more : マイクロソフトの Inclusive Design について
 
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
 
Microsoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれからMicrosoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれから
 
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
 
html5j Webプラットフォームの紹介
html5j Webプラットフォームの紹介html5j Webプラットフォームの紹介
html5j Webプラットフォームの紹介
 
Microsoft edge deep dive
Microsoft edge deep diveMicrosoft edge deep dive
Microsoft edge deep dive
 
Edge と IE、来年からの Web 制作
Edge と IE、来年からの Web 制作Edge と IE、来年からの Web 制作
Edge と IE、来年からの Web 制作
 
マイクロソフトにおけるエバンジェリズム活動
マイクロソフトにおけるエバンジェリズム活動マイクロソフトにおけるエバンジェリズム活動
マイクロソフトにおけるエバンジェリズム活動
 
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツールWindows 10 のあたらしい Web ブラウザーの F12 開発者ツール
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
 
Microsoft Edgeで サポートされる 新しい API について
Microsoft Edgeでサポートされる新しい API についてMicrosoft Edgeでサポートされる新しい API について
Microsoft Edgeで サポートされる 新しい API について
 

知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画

  • 1. 知って得する (かもしれない)、 Internet Explorer での Canvas と SVG の描画 日本マイクロソフト デベロッパー & プラットフォーム統括本部 Web プラットフォーム推進部 物江 修 Blog: http://blogs.msdn.com/osamum/ Twitter : osamum_MS
  • 2. 本日お伝えすること • Internet Explorer 9 での Canvas と SVG のサポート状況 • マイクロソフトが提供する Canvas、SVG 関連のツール
  • 3. Canvas と SVG の サポート状況
  • 4. Canvas • Canvas 2D –Basic support • Text API for Canvas • GPU アクセラレーション
  • 5. SVG •SVG 1.1 (第 2 版) •以下のみ未サポート –Filters, Fonts, Animation •GPU アクセラレーション
  • 6. Windows Internet Explorer Testing Center Web 標準レンダリングの検証結果を公開するページ
  • 8. Web Standards Update for Microsoft Visual Studio 2010 SP1 + SVG Intellisense schema for Visual Studio 2010 and 2008
  • 9. AI → Canvas Adobe Illustrator の プラグイン
  • 12. 関連情報 #1 • Internet Explorer 9 開発者ガイド – http://msdn.microsoft.com/ja-jp/ie/ff468705 • Internet Explorer 9 のサンプルと チュートリアル – http://msdn.microsoft.com/ja- jp/library/gg491737(VS.85).aspx • Internet Explorer 9 の互換性ガイド – http://msdn.microsoft.com/ja- jp/library/ff986083(VS.85).aspx
  • 13. 関連情報 #2 • Windows Internet Explorer Testing Center – http://samples.msdn.microsoft.com/ietestcenter/d efault-JA.htm • Internet Explorer デベロッパーセンター – http://msdn.microsoft.com/ja-jp/ie/ • Technet - Internet Explorer – http://technet.microsoft.com/ja-jp/ie/ • Internet Explorer ブログ (日本語版) – http://blogs.msdn.com/b/ie_jp/
  • 14. 関連情報 #3 • Visual Studio 2010 評価版 (プロ フェッショナル向け) – http://www.microsoft.com/japan/visualstudi o/download • Visual Web Developer 2010 Express ( 無償) のインストール方法 – http://blogs.msdn.com/b/osamum/archive/ 2011/02/18/visual-web-developer-2010- express.aspx
  • 15. 関連情報 #4 • Web Standards Update for Microsoft Visual Studio 2010 SP1 – http://bit.ly/lWV98W • SVG Intellisense schema • for Visual Studio 2010 and 2008 – http://bit.ly/n8UHIl • AI → Canvas – http://visitmix.com/labs/ai2canvas/
  • 16. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.