IE10 で採用された標準準拠 Web グラフィックス

本記事は、マイクロソフト本社の IE チームのブログ から記事を抜粋し、翻訳したものです。  【元記事】Moving to Standards-based Web Graphics in IE10 2011/12/8 8:05 AM ユーザーは、インターネット上のあらゆるサイトにどのブラウザーでアクセスしても同じユーザー エクスペリエンスが得られることを期待しています。 最初の IE9 Platform Preview のリリースを告知した 2010 年 3 月 16 日の記事で、異なるブラウザーでも "同じマークアップで同じ表示結果” を実現するという目標達成に向けた Internet Explorer の取り組みについて初めて紹介しました。IE9 により私たちはこの目標に向けて大きく前進し、IE10 の HTML5 ベースの標準モードおよび互換モードでは、これをおおむね達成しています。 「IE10 の HTML5 解析」という記事では、IE10 の HTML5 ベースの標準モードおよび互換モードから削除されたレガシ機能をいくつか紹介しています。 この記事では、さらに Vector Markup Language (VML) と DirectX ベースのフィルター/トランジションという 2 つの削除されたレガシ機能について説明します。 MSDN ドキュメントを見ると、これらの機能は共に…


SVG を始めるためのベスト プラクティス

本記事は、マイクロソフト本社の IE チームのブログ から記事を抜粋し、翻訳したものです。  【元記事】Best Practices for Getting Started with SVG2011/10/28 5:43 AM SVG (スケーラブル ベクター グラフィックス) 形式の Web グラフィックスは、さまざまな大きさのデバイス上で、ビットマップ形式のグラフィックスより高品質に表示することができます。また、SVG はそもそもアクセシビリティに優れており、ユーザーが操作するグラフィックス、テキストを含むグラフィックスに最適です。 Web での SVG の使用は、増え続けています。先週の SVG Open 2011 では、実際にさまざまなアプリケーションで SVG を活用している Web 開発者に会って、話を聞くことができました。 SVG を活用しているアプリケーションとしては、データから生成されるグラフ、製図、ゲーム、ユーザーが操作可能な説明図、データの地図的表現などがあります。 SVG の仕様自体は、誕生から 10 年になろうとしていますが、HTML 5 仕様が策定されるまで、SVG を HTML のインライン要素として使用することはできませんでした。ブラウザーが HTML5 の一部として SVG をサポートするようになることで、それまでプラグインを使わなければ利用できなかった Web エクスペリエンスが、次世代の Web では SVG を使用して実現できるようになります。 SVG…


「HTML5+IE9 Web Camp 2 with html5j.org」セミナーを開催

今週の金曜日、東京/品川において、HTML5のコミュニティとして活動されているhtml5j.orgさんとの共催で「HTML5+IE9 Web Camp 2 with html5j.org」を開催します。 W3C/Keioの深見さんによる「HTML5 登場の意義と Web 標準とのつきあいかた」に始まり、日本マイクロソフトからIE10でのHTML5実装、html5j.orgからはWebSockets、F12 開発者ツール、SVGをテーマに開発者向けの濃い話、そして、先日、当ブログでもご紹介した「FINAL FANTASY XIII-2」のプロモサイト「モーグリの TWEET キャッチ」を制作いただいたクレアテックさんによるHTML5やCSS3の使い処解説と盛りだくさんな内容になっています。 この機会にぜひお越しください。


IE10 の SVG フィルター効果

本記事は、マイクロソフト本社の IE チームのブログ から記事を抜粋し、翻訳したものです。  【元記事】SVG Filter Effects in IE102011/10/15 9:03 AM SVG (スケーラブル ベクター グラフィックス) を利用すると、Web 開発者は宣言型のマークアップ ベースの言語を使って、機能豊富でインタラクティブなコンテンツを自分の Web サイトに取り入れることができます。 Windows Developer Preview の IE10 でサポートされている SVG フィルター効果を使用すれば、魅力的で多様な画像効果をあらゆる SVG 要素に適用できます。 IE9 ですべての Web ページ コンテンツがそうであったように、IE10 の SVG フィルター効果も、ハードウェア アクセラレータによるレンダリングと共に構築されています。このため、パフォーマンスが劇的に向上し、エンド ユーザーに刺激的なコンテンツを作成して提供しようとする Web 開発者にとっては新たなチャンスとなります。 IE Test Drive サイトでの SVG フィルターのデモ SVG フィルターの概要 SVG フィルター効果は、Web のグラフィックス機能を拡張します。SVG フィルターは、グラフィックスの入力に対して行う演算を定義します。 他の…


MSDN 開発者向けの新しい IE9 関連コンテンツ

本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。  【元記事】New IE9 Developer Content on MSDN (2011/5/6 2:16 AM) このブログで何度も取り上げてきたとおり、Internet Explorer 9 では、他のブラウザーでも機能する同じ HTML、CSS、JavaScript を活用した強力な新機能を利用することができます。また IE9 では、Web 開発を容易にすることを目的として改良が行われたほか、MSDN の開発者向けコンテンツも改善されています。 Internet Explorer の開発者向けコンテンツ チームは、MSDN ライブラリの「HTML と CSS (英語)」および「Internet Explorer の開発 (英語)」ノード、ならびに Internet Explorer デベロッパー センターのすべてのコンテンツの作成と管理を行っています。また皆様のフィードバックにも耳を傾け、Internet Explorer 9 のリリースでは新しいアプローチも採用しました。 この記事では、私たちが取り組んできた新しいコンテンツの概要を紹介すると共に、Internet Explorer 9 のドキュメンテーションに対するアプローチについて、またこれまでのアプローチとの違いについて説明します。また、役立つ情報をすぐに見つけられるように、開発者向けのさまざまなコンテンツへのリンクも用意しています。 新しいコンテンツの提供方法 私たちは今回、これまでとは異なるコンテンツの提供方法を採用しました。このアプローチでは、実際の Web 開発に基づくシナリオベースのサンプルとチュートリアルを使って、最新の標準と Internet Explorer 9 の新しい機能の使用方法を開発者の皆様に提示しています。 各セクションに 1 つまたは複数の開発者シナリオを提示し、特定の目的達成…


Canvas と SVG の使い分けに関する考察

本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。  【元記事】Thoughts on when to use Canvas and SVG (2011/4/23 3:48 AM) IE9 は、HTML5 の Canvas と SVG という 2 つの優れたグラフィックス機能に対応しています。先週ラスベガスで開催された MIX11 カンファレンスでもこれらに関するセッションが行われました (「HTML5 <canvas> の詳細 (英語)」と「最先端の Web サイトを実現: HTML5 の SVG (英語)」を参照)。 これらのテクノロジを活用することで、最先端の Web のさまざまなグラフィック関連シナリオに対応できるようになります。また、充実した機能を持つ Canvas の陰で忘れられがちな SVG ですが、多くの場面で SVG が最適とされるケースも多いのです。この記事では Canvas、SVG、またその組み合わせの使い分けについて考察したいと思います。 Canvas と SVG の概要 Canvas と SVG に関する概要を以下にまとめました。この概要を枠組みとして、一方のベクター グラフィック テクノロジをもう一方のテクノロジに優先して使用すべき状況について考えていきたいと思います。…


Windows Summit 2010のIE9ビデオに日本語字幕を追加

Windows Summit 2010 は、Windows 7 や Internet Explorer 上でハードウェアやソフトウェアを構築、もしくは、これから構築したいとお考えになっている 開発者、設計者、エンジニア、テスター向けのオンライン イベントです。 http://msdn.microsoft.com/ja-jp/windows/hardware/gg462959 ここの「Internet Explorer 9」カテゴリー(ダブの一番右側です)から、IE9の概要と新機能について説明しているビデオに日本語字幕をつけましたので、ぜひご覧ください。ざっくりでいいから、IE9は何が変わったのか?を知りたいという方にぴったりの内容になっています。また、すべてのスライドは日本語化されていますので、あわせてご利用ください。 http://windowssummit.tri-digital.com/language-resources/ja.aspx


SVG Open に向けて

本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。 なお、本記事中の Internet Explorer 9 は、元記事執筆当時の ( 正式リリース以前の) ものについて記載しておりますのでご了承ください。 【元記事】Getting Ready for SVG Open (2010/9/1 12:34 AM) 先日、SVG によるサイコロのサンプルを使用して最新の SVG のデモンストレーション (英語) を行いました。このサンプルは、現在、Internet Explorer 9 Test Drive サイト (英語) でご利用いただけます。このサンプルの作成を通じて、私は SVG にとってパフォーマンスと相互運用性は微妙につながっているものであり、別物ではないことに気付きました。私はこの点を重視し、今週の SVG Open カンファレンス (英語) に向けた、「SVG と HTML5 の未来 (英語)」というタイトルのプレゼンテーションを変更して、SVG 開発者たちが SVG の相互運用性を高められるようにいくつかの手法を紹介することにしました。 SVG のテストと SVG の試動 SVG はそもそもドキュメント形式を基にしています。現在も、最も一般的な用途は静的ドキュメント形式です。複雑な機械製図などの図は、拡大縮小の機能、高品質の印刷、移植性が要求されるという点から考えて SVG が最適です。 HTML5…


SVG の進歩

本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。 なお、本記事中の Internet Explorer 9 は、元記事執筆当時の Platform Preview ( 正式リリース以前の) について記載しておりますのでご了承ください。 【元記事】More on SVG (2010/8/27 3:00 PM) 最初の IE9 Platform Preview で、IE9 における SVG のサポートが初めて明らかになりました。以前に説明したとおり、SVG は W3C によって管理されるベクター イメージ形式です。3 回目と 4 回目の IE9 Platform Preview のリリースでは、SVG の機能が全面的に提供されるようになりました。主な追加機能には、SVG グラデーション、パターン、クリッピング、およびマスキングがあります。これらの機能は、奥行きとテクスチャを使ってのイメージの作成に使用されることが多く、通常は比較的複雑な SVG ファイルで使用されます。IE9 での他の SVG 機能と同様、これらの新しく追加された機能も完全にハードウェア アクセラレートされます。これにより、特にクリッピングやマスキングなど、複雑な計算を伴う機能のパフォーマンスは大幅に向上します。私たちは、引き続き SVG 作業グループと協力 (英語) しながら、SVG 1.1 (第 2 版) 仕様のあいまいさを解消し、IE9…


W3C SVG Working Group Update 関連

マイクロソフトが 2010年1月に正式に W3C SVG Working Group に参加してからの活動に関する 3 件の IEBlog をまとめて翻訳しました。後程、MIX10 後に公開された SVG in IE9 Roadmap を別途日本語訳して公開します。   ————————– Tuesday, January 05, 2010 2:10 PM Microsoft Joins W3C SVG Working Group Microsoft の相互運用性と標準技術のサポートに対するコミットメントの続きとして、昨日我々は World Wide Web Consortium (W3C) の Scalable Vector Graphics (SVG) Working Group への参加のリクエストを出しました。利用者や開発者のニーズに合ういくつかの次のバージョンの SVG の仕様に携われることを楽しみにしています。 SVG WG のサイトの冒頭には、“the mission of the SVG…

0