Windows 7版 IE11 Developer Previewが公開されました

Windows 8.1 Preview に続き、WIndows 7版 Internet Explorer 11 Developer Previewが公開されました。 IE11では、GPUを利用したリアルタイムでのJPEGのデコードやテキストのレンダリングを実行する機能が盛り込まれ、これらの表示スピードが飛躍的に向上しているほか、IE9で搭載された新JavaScriptエンジン″Chakra”が進化し、JavaScriptのパフォーマンスがさらに高速化されました。このChakraはECMAScript 6 をサポートしています。WebGLのサポートでは、より高度な2Dやさらには3Dの表現が可能になっただけではなく、GPUによるレスポンスのよいインタラクティブな表現を可能にします。 F12開発者ツールも大きく進化し、より使いやすいデバッグツールとなっています。ぜひお試し下さい。 Internet Explorer 11 Developer Preview のダウンロード http://windows.microsoft.com/ja-jp/internet-explorer/ie-11-worldwide-languages IE11 Developer Preview for Windows 7:  Enabling Next Generation Sites and Apps – Faster (英語) http://blogs.msdn.com/b/ie/archive/2013/07/25/ie11-developer-preview-for-windows-7-enabling-next-generation-sites-and-apps-faster.aspx


【日本のWebを盛り上げよう!】6月8日 <htmlday> 2013 に日本マイクロソフトも賛同

全国各地でWeb系のイベントが開催される 2013 年 6 月 8 日。今年はこの日を「<htmlday>2013」と呼ぶことになりました。 <htmlday> 2013とは、各イベントと連動してHTML5 開発者コミュニティ「html5j」が企画したWeb制作者、開発者のお祭りのこと。 東京では W3C Developer Meetup、Test the Web Forward、Build Insider OFFLINEが、福島ではhtmlday 2013 in Fukushima、大阪ではHTML5など勉強会が、さらに他の都市でもWebの集まりがどんどん企画されてるようです。Test The Web Forwardとbuild Insider 会議に協力している日本マイクロソフトでも、この趣旨に賛同、企業の垣根を越えてお手伝いをします。この日、一緒に、日本のWebを盛り上げていきましょう! Build Insider OFFLINE Build Insiderのゴールは、時代の変化を先取りし、新しい潮流を作り出すような、先進的なソフトウェア開発者を情報とコミュニティの両面からサポートすること。そのキックオフとなる第1回イベントでは開発者の関心が高い「最新Web開発技術」をテーマとし、日本マイクロソフトの品川セミナールームで開催されます。 Test The Web Forward (キャンセル待ち) Web開発者のコミュニティがより深くWeb標準のプロセスに関わることによって、Webをより良いものにしていこうというムーブメント。4月のシアトル編はマイクロソフトのシアトルオフィスで開催、6/7-8の東京編はGoogle 東京オフィスで開催されます。


Internet Explorer MVP による IE Test Drive 技術解説 : SVGとCSSの表現

Internet ExplorerのMVPによる Internet Explorer 10 Test Driveの技術解説記事の第6回目は、Interactive Film いつも可愛い – キリンジの制作に携わったピクセルグリッドの小山田さんによる「SVGとCSSの表現」の解説です。 Internet Explorer 9 以降、たくさんの HTML5 に関する新しい技術がサポートされています。これらの新しい技術には、表現に関する技術も多く含まれており、Internet Explorer 10 Test Drive に公開されているデモ、BetaFishIE にも新しい表現技術が使われています。 BetaFishIE このデモの主役である金魚は HTML、SVG、CSS3 2D transforms、CSS3 Animation などで表現されています。また、画面下部のスターテス表示には HTML5 の canvas が利用されています。 従来では、このようなダイナミックなアニメーションはプラグインに頼ることがほとんどでした。しかし、標準技術の進化とそれをサポートしたブラウザーが組み合わせることにより、最近ではプラグインに頼る必要なくダイナミックなインタラクションを実現できるようになりました。 Internet Explorer 10 では次の技術をサポートしており、これらは開発におけるインタラクション付与へと応用できるでしょう。 Internet Explorer 9 から追加された主な新技術 HTML5 video と audio 要素 HTML5 canvas SVG1.1 (一部除く) CSS3 Backgrounds & Borders…


Windows 7 SP1版向けIE10の提供を開始

Windows 7 SP1、及びWndows Server 2008 R2 SP1向けのInternet Explorer 10の提供を開始しました。インストーラーはこちらからダウンロードできますので、お試し下さい。こちらは米国で放映されている新しいテレビコマーシャルです。 また、IE10 のタッチ操作による Web ブラウズの素晴らしさと、HTML5 の先進性をご体験いただけるコンテンツ ExploreTouch.ie と、ブラウザーでお楽しみいただけるマインスイーパが公開されていますので、合わせてお楽しみ下さい。


Internet Explorer MVP による IE Test Drive 技術解説 : プライバシー保護機能の強化

※ Do Not Track プロパティに関する文言を修正しました (2013年2月7日)。 Internet Explorer ブログ (日本語版) では、これから数回にわたり Internet Explorer Test Drive に掲載されているサンプルについて、Internet Explorer の MVP の方々からご寄稿いただいた技術解説をお送りします。 第4回目は、Internet Explorer 10で利用できるHTML5を中心とした新機能について、その利用方法を理解しやすいサンプルコードを用いて詳説した書籍「IE10で実際に動作可能な機能と利用方法に特化して解説するInternet Explorer10 & HTML5 Webアプリケーション開発ブック」を執筆された村地 彰さんによるプライバシー保護機能の強化の解説です。   プライバシー保護機能の強化 本記事では IE TestDrive で紹介されている Internet Explorer の機能から、 Do Not Track http://ie.microsoft.com/testdrive/Browser/DoNotTrack/Default.html Tracking Protection Lists  http://ie.microsoft.com/testdrive/Browser/p3p/Default.html で紹介されている Internet Explorer のプライバシー保護機能について解説します。 ブラウザーを利用して Web ブラウジングをしていろいろなサイトを巡回し、さまざまな情報に接することは、現在のインターネット ユーザーにとっては当たり前のことでしょう。その一方で、同じブラウザーを使って Web アプリケーションを利用したり、SNS を利用したりすることもごく一般的なことです。 こうした状況で多くのユーザーが潜在的に不安を感じていることの一つは、ブラウザーを使って利用したり訪問したりした…


Internet Explorer MVP による IE Test Drive 技術解説 : Webフォント

Internet Explorer ブログ (日本語版) では、これから数回にわたり Internet Explorer Test Drive に掲載されているサンプルについて、Internet Explorer の MVP の方々からご寄稿いただいた技術解説をお送りします。 第3回目は、「HTML5 対応サイトをクラウドで動かす ~ “The Shodo” ができるまで」をご執筆いただいたこともある株式会社 ビジネス・アーキテクツの吉野 友人さんによるWebフォントの解説です。なお、IE9のプロモーションコンテンツとしてお作りいただいた「The 書道」はつい先頃、MSPointerイベントを実装し、タッチでもお試しいただけます。タッチディスプレイをお持ちの方はIE10でも是非、お試し下さい。 Webのフォント事情 Webページを構成するものとして文章とその文字というものは一番といってもよいほどに大変重要な要素です。 昨今、ページを表示するクライアントにフォントがインストールされていなくても、サーバーからフォントデータを取得してページで利用できるWeb Fontsが利用されるようになってきました。Web Fontsを利用すると今までは見出しのようなものを綺麗に見せるためにわざわざ画像データとしていたところをテキストのままにしておくことができます。例えば、HTMLのテキストを変更するだけで変更できる、ベクタデータなので閲覧環境に適した形で綺麗にレンダリングされるといった様々なメリットを受けられるようになりました。 そのような背景がありフォントデータを使いテキストをテキストのまま使うといったことが多くなるにつれ、ブラウザでのフォントでの表現力の向上も求められるようになりました。そもそもフォントにはただABC…と字形データが入っているだけではなくそれに関連した様々なデータが含まれています。PhotoshopやInDesignのようなグラフィックスツールでは当然のように活用していますが、今までのブラウザでは活用していないため今まで画像化でできていたことができないわけでそれを活用したいというのももっともな話です。 Test DriveにはInternet Explorer 10でできるようになったフォント周りのコントロールを紹介するサンプルコンテンツが3つほどあります。 The New Web Typography Spice Your Type Best Dressed Fonts 今回は The New Web Typography からフォントの機能を紹介していきたいと思います。The New Web TypographyではInternet Explorer 10で対応した以下のフォントの機能を取り上げています。 Small…


よくある IE 対応での問題を解決する

本記事は、Rey Bango 氏のブログ から記事を抜粋し、翻訳したものです。  【元記事】Update your Docmode for Web Standards 2012/01/09 Internet Explorerには、過去のIEを対象に作成されたWebページとの互換性とWeb標準に準拠したWebページの互換性を実現するために、「ブラウザーモード」と「ドキュメントモード」という互換性確保のための機能を備えています。 ブラウザーモード:WebページをどのバージョンのIEでブラウズするのかを切り替えられる。このモードはUser Agent文字列で指定することができます。ブラウザーの種類やバージョンの判定に使用されます。 ドキュメントモード:どのバージョンのIEのレンダリングエンジンでHTMLをレンダリングするのかを切り替えられる。このモードの指定はMETAタグへのX-UA-Compatibleタグの記述、HTTP レスポンスヘッダー、DOC TYPE宣言という優先順位になっています。 制作したWebページがブラウザーでどのようにレンダリングされるかは、そのWebページの互換性をどのように定義しているかに左右されます。より正確に、より厳密に定義することで、Web制作者の期待通りにWeb ページが表示、動作します。HTML5で記述している場合には、HTML5のDOCTYPE宣言をするところから始めましょう。IEのドキュメント互換モードの詳細についてはこちら(英語)をご覧ください。 <!DOCTYPE html> Internet Explorer 9(以下 IE9)および Internet Explorer 10(以下 IE10)では、HTML5による記述が標準となっているので、このDOCTYPE宣言によって、標準モード(英語)としてレンダリングされます。また、この宣言によって Chrome や Firefox といった他のブラウザーでも、HTML5に準拠してレンダリングされます。 なお、IE10 と IE9 では同じように動作いたしますので、ここでは IE10 の対応を中心にご説明し、IE9については都度、補足します。 ステップ1: ドキュメントモードがIE10もしくはIE9の「標準」モードになっているかどうかを確認する まずは、Webサイトが標準モードで動作しているかどうか、その設定が既定になっているかを確認します。 1. Web サイトをIE10 Platform Preview で開く 補足:このステップは IE9 でも同じようにご利用いただけます。IE10 でご利用いただく場合は、最新の IE10 Platform…

0

CSS3 の Transitions と Animations を使用して、Web サイトをもっと個性的に

本記事は、マイクロソフト本社の IE チームのブログ から記事を抜粋し、翻訳したものです。  【元記事】Adding Personality with CSS3 Transitions and Animations2011/11/22 7:33 AM Internet Explorer 9 および 10 では、高パフォーマンスのコンパイル済み JavaScript やハードウェア アクセラレーションによる HTML5 および CSS 3 のレンダリングといった最新機能によって、Web 開発者が格段にリッチなユーザー エクスペリエンスを実現できるようになりました。 互いに関連する 2 つの機能 CSS3 Transitions と CSS3 Animations を使用することで、Web 開発者は宣言的なアプローチで、簡単に Web ページに個性を加えることができます。 この記事では、Windows Developer Preview の IE10 に実装されたこれら 2 つの機能と、Windows 8 の HTML で記述された Metro スタイル…


進化する ECMAScript

本記事は、マイクロソフト本社の IE チームのブログ から記事を抜粋し、翻訳したものです。  【元記事】Evolving ECMAScript 2011/11/23 3:08 AM Web および Web アプリケーションが進化し続けるためには、Web プログラミング言語の不断の改善が必要です。 今日の JavaScript 標準には、リッチでグローバルな Web アプリケーションを構築するために不可欠な、いくつかの基本オブジェクトとライブラリ ヘルパーが含まれていません。 クパチーノにある Apple 本社で先週行われた ECMA TC39 の会合で、マイクロソフトは、Math、String、および Number オブジェクトの機能ならびにグローバリゼーションの強化を提案し、その参照実装を提供しました。 他のコミュニティ メンバーも意見できるように、これらの参照実装は HTML5 Labs で公開中です。ぜひプロトタイプをダウンロードし、使用法のデモを示すサンプルの Web ページをいじってみてください。試していただいて、ご意見やご提案があればコメント欄にお寄せください。 この提案で追加されるオブジェクトとライブラリ ヘルパーは、以下のように少数ですが、これらにより、対応が待たれていた数多くの機能が提供されます。 Math String Number cosh, sinh, tanh acosh, asinh, atanh log2, log10, log1p, expm1 sign trunc startsWith, endsWith contains…


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 ドキュメントを見ると、これらの機能は共に…