Web ページへのリンクの共有は、PC でよく行う操作であり、Windows 8 の IE10 ではこの操作が強化されました。Windows 8 の新機能の 1 つは、PC 上のアプリ間でコンテンツをシームレスに送信できる共有チャームです。これまで、興味深い記事を友人と共有したり、おもしろい画像をブログに投稿したりする場合は、アドレス バーからリンクをコピーし、別のサイトまたはアプリに切り替えてリンクを貼り付けていました。Windows 8 の共有チャームを使うと、現在のページから離れなくてもブラウザーから直接共有することができるようになりました。 共有チャームを使ってブラウザーからサイトを共有すると、IE10 により関連するコンテンツ (URI と、ページのリッチ表現が含まれる一部の HTML) が含まれる 2 つのデータ形式が作成されます。YouTube ビデオを共有するデータの例を以下に示します。 (現在のサイトの) URI http://www.youtube.com/watch?v=4DbgiOCTQts (リンクをプレビューする) HTML IE10...

Windows 8 Consumer Preview の IE10 では、 Error.stack がサポートされています。これにより、Web 開発者はバグ (特に、再現が難しいバグ) をこれまでよりすばやく診断して修正することができるようになります。開発者は、今日の近代的なブラウザーの能力を強化する Web プラットフォーム機能によって、すばらしいアプリを構築することができます。私たちは、Windows 8 で Internet Explorer 10 と JavaScript の Metro スタイル アプリ の両方をとおしてその能力を明らかにしました。これらのアプリの能力と複雑さが増しているということは、開発者がエラーを処理してバグを診断するために Error.stack のような優れたツールを必要としているということです。 アプリケーションのデバッグ JavaScript の構造化エラー処理は、 throw と try/catch で行われます。このとき、開発者はエラーを宣言し、エラー処理を行うプログラムの一部分に制御フローを渡します。エラーがスローされると、Internet...

Windows 8 Consumer Preview の IE10 では、高速で滑らかなマルチタッチ対応の Web エクスペリエンスが実現されています ( 例 1 、 例 2 、いずれも英語)。Most sites work fine with touch in IE10 with no changes to the site. 大部分のサイトは、そのサイト構造を変更することなく IE10 のタッチ操作で快適に動作します。この記事では、タッチ操作による顧客のサイト利用を最大限に効率化するための、4 つのシンプルなガイドラインを紹介します。 新たな入力デバイスとタッチ画面によって Web がいかに楽しく、インタラクティブで、没入できるものになるかについては 以前 説明いたしました。また、実際の Web をタッチを使って自由に操作できるようになるという点で、IE10 で 妥協のない ブラウジング エクスペリエンスを実現することがいかに重要かということもお伝えしました。 今回の 4 つのガイドラインのうち、最初の 2 つはタッチを使うユーザーにサイトの全機能を確実に提供するためのもので...

2012 年 4 月分の Internet Explorer 用の累積的なセキュリティ更新プログラム (英語) を Windows Update 経由で公開しました。今回のセキュリティ更新プログラムは、非公開で報告された Internet Explorer の 5 つの脆弱性を解決します。最も深刻な脆弱性が悪用された場合、ユーザーが特別に細工された Web ページを Internet Explorer で表示すると、リモートでコードが実行される可能性があります。これらの脆弱性のいずれかが悪用された場合、攻撃者がローカル ユーザーと同じ権限を取得する可能性があります。 コンピューターでのユーザー権限が低い設定のアカウントを持つユーザーは、管理者特権で実行しているユーザーよりもこの脆弱性による影響が少ないと考えられます。 このセキュリティ更新プログラムは、Windows クライアント上の Internet Explorer 6、Internet Explorer 7、Internet Explorer 8、および Internet Explorer 9 について深刻度を「緊急」と評価し...

お気に入りのあらゆるアプリとコンテンツを最も効率的に探し、それらの最新情報を最も簡単に確認できるのが、Windows 8 のスタート画面です。アクティビティが次々に更新され、自分専用の最新コンテンツを表示してくれるアプリ タイルを通して、ユーザーは自分の環境の最新情報を把握できます。 Windows 8 における Internet Explorer 10 の Metro スタイル ブラウジング エクスペリエンスについては、 既に公開されている記事 をご確認いただけます。今回の記事では、IE10 のピン留めサイトと、それらが Windows 8 スタート画面でどのように使えるかについて説明します。さらに、サイト独自のビジュアルを適用する方法と、バッジ通知を使ってコンテンツの更新を通知する方法を紹介します。また、ピン留めサイトに関する Web 開発者向けの詳細情報についても説明します。 次のビデオでは、Windows 8 Consumer Preview におけるピン留めサイトの動作をご覧いただけます。 Windows 8 のピン留めサイト ピン留めサイト – お気に入りを並べただけではありません...

IE10 の 新しいブラウジング エクスペリエンス は、Windows 8 と足並みを揃えて構築することで、Metro スタイル アプリケーションが備えるすべてのメリットをご利用いただけるようになっています。IE の基盤アーキテクチャを拡張して構築された新しいエクスペリエンスは、堅固なセキュリティと HTML5 その他の Web 標準のサポートを搭載した、ハードウェア アクセラレーションに完全対応する高速なブラウジング エンジンを提供します。一方、デスクトップ ツールを使用中のユーザーが同じワークフローの中でツールを使い続けることができるよう、IE10 にはデスクトップ エクスペリエンスも搭載されています。 昨年 9 月の Windows 8 Developer Preview リリース以降、別のアプリケーション内のリンクをクリックした際に Metro スタイルとデスクトップのどちらの Internet Explorer エクスペリエンスが起動されるかを制御するオプションを求める声が、皆さんから多く寄せられました。その結果 Windows Consumer Preview の IE10...

Internet Explorer チームは、幅広い Web コミュニティとの連携をとおして IndexedDB 仕様の改良に取り組み続けています。 IndexedDB は、 インターネットに接続されていない場合 でもユーザーのデバイス上でデータを保存、検索、取得できるようにするための W3C 草案 (英語) です。Windows 8 Consumer Preview の IE10 と Metro スタイル アプリは Web プラットフォームの機能として IndexedDB を利用しています。 このブログ記事では、最新版の W3C 仕様を実装するために Internet Explorer 10 Consumer Preview に適用された変更点について説明します。 バージョン管理に対する変更点 最も重要な変更点の 1 つが、開発者によるバージョン間のデータベース スキーマ (オブジェクト ストア、インデックス) の更新方法です。ワーキング グループ (マイクロソフトも参加) は、 IDBDatabase.setVersion API を新しい IDBFactory.open...

Windows 8 Consumer Preview と Server Beta では、IE10 と他のすべての Microsoft WebSocket クライアントおよびサーバー機能で、最終バージョンの IETF WebSocket プロトコル (英語) がサポートされるようになりました。さらに、IE10 には W3C WebSocket API (英語) Candidate Recommendation が実装されています。 WebSocket は安定しているので、開発者はいつでも革新的なアプリケーションとサービスを作り始めることができます。この記事では、W3C WebSocket API (英語) とその基盤になっている WebSocket プロトコル について簡単に紹介します。更新された Flipbook デモ (英語) では、最新バージョンの API とプロトコルが使われています。 私が書いた 以前の記事 (英語) では、次のような WebSocket のシナリオを紹介しました。 WebSocket により、Web アプリケーションはブラウザーにリアルタイムの通知と最新情報を表示することができます...

Internet Explorer は、リリースのたびに新しいセキュリティ機能が追加され、インターネットをより安全に利用できるように改良されてきました。Internet Explorer 10 には拡張保護モードという新機能が搭載され、ブラウザーまたはいずれかのアドオンの脆弱性が攻撃者に悪用された場合でも、データを安全に保護できるように考慮されています。 ただし、1 つの方法だけでユーザーのセキュリティを確保することはできません。そこで私たちは、次のような複数の戦略を取り入れています。 ソーシャル エンジニアリング型の攻撃からの保護 世の中には、信頼されている Web サイトを偽装して、個人情報を盗もうとしたり、他人のコンピューターを自由に操ろうとしたりするさまざまな攻撃者がいます。 SmartScreen フィルター (英語) は、マルウェア攻撃とフィッシングに対抗するための 最も効果的な保護機能 (英語) です。Windows 8 では、Windows シェルにこの保護機能が追加されたため、マルウェアがどのようにダウンロードされた場合でもユーザーを安全に保護できます...

Internet Explorer 10 では、メモリ保護機能に大幅な改良が加えられ、脆弱性が発見されても簡単には悪用できないようになっています。これは、時には有害にもなる Web において、ユーザーの安全を守るために役立ちます。これらの改良点によって、悪意のあるコードの難易度と開発コストは増加し、攻撃者にとって厳しい環境が作り出されます。 攻撃者が被害者のコンピューターにコードを侵入させる手法としては、ソーシャル エンジニアリング型のマルウェアが現在の主流になっています。これは主に、ここ数年の間にブラウザーの脆弱性が少なくなり、悪用するのが難しくなったためです。ところが、多くのユーザーが IE9 にアップグレードし、 SmartScreen フィルター (英語) による保護機能を利用するようになるに従って、攻撃者の興味はブラウザーとそのアドオンを直接攻撃することに移ってきています。 今回の記事では、脅威となる状況について説明し、IE9 に搭載されている既存の保護機能の概要と、より高いセキュリティを提供する IE10 の新しいメモリ保護機能をご紹介していきます。 Web...

Windows Consumer Preview の Internet Explorer 10 では、2011 年 9 月 13 日にリリースされた Windows Developer Preview の IE10 と比べて、Web プラットフォーム機能が数多く追加および更新されています。そのうちの一部は 2011 年 11 月 29 日にリリースされた IE10 Platform Preview 4 に搭載され、このブログでもご紹介してきましたが、Consumer Preview で初めて使えるようになる新機能もあります。 注: 以下の一覧内のハイパーリンクは、英語のコンテンツを参照している場合があります。 Web プラットフォームの新機能と更新機能 Consumer Preview の Web プラットフォーム機能のうち、Developer Preview に搭載されていなかった機能は次のとおりです。 XMLHttpRequest での Cross-Origin Resource Sharing (CORS) ( 仕様 (英語) / 記事 / 開発者向けガイド...

米国では、今朝、ホワイト ハウスが消費者のオンライン プライバシーの保護を強化する取り組みの一環として、新しい「 Consumer Privacy Bill of Rights (消費者プライバシー権利章典) 」(英語) を発表しました。 以前 記事に したように、マイクロソフトは、業界を挙げてオンライン プライバシー保護の Web 標準の確立を図る、 W3C での Tracking Protection (追跡防止) (英語) の取り組みに積極的に参加しています。 Tracking Protection ワーキング グループの 設立趣意書 (英語) には、取り組みの対象として、相補的な 2 つの項目が明記されています。Tracking Preference Expression (Do Not Track) (追跡設定表現 (追跡拒否)) と Tracking Selection Lists (TSL) (追跡選択リスト (TSL)) の 2 つです。 TSL 編集者によるドラフト では、Web ページの追跡要素のブロックまたは許可に使用する、交換可能なリストの形式が規定されています...

Google が Safari でユーザーのプライバシー設定を迂回していたという話を聞いたとき、IE チームでは素朴な疑問を互いに問いかけました。つまり、Google は Internet Explorer ユーザーのプライバシー設定も迂回しているのでしょうか。私たちが確認した答えは Yes です。Google は、同様の方法によって IE の既定のプライバシー保護を迂回し、クッキーを使って IE ユーザーを追跡しています。この記事では、私たちが突き止めた状況についてより詳しく説明すると共に、IE ユーザーが Google からプライバシーを守る推奨策として、IE9 の追跡防止機能を使用する方法をご紹介します。私たちは Google にも連絡し、すべてのブラウザーのユーザーに対して、P3P のプライバシー設定を尊重することを約束するように要請しました。 私たちが確認したところによれば、Google は IE の P3P プライバシー保護機能を無視しています。この結果自体は、Google が Apple の Safari Web ブラウザーのプライバシー保護を迂回していたという最近の報告と似ていますが...

Windows 8 の IE10 では、ブラウザーが刷新されています。IE10 は、Windows で Web を体験するための最高の手段となるように設計され、構築されています。 Windows Consumer Preview には更新された IE10 エンジンが搭載されており、よりタッチ操作がしやすく、より美しく、より高速で滑らかな Web アプリケーションをお楽しみいただけるようになりました。この IE10 Platform Preview 5 では、パフォーマンスの向上と HTML5 のサポートの強化が図られています。 Windows Consumer Preview に含まれる IE10 Platform Preview 5 に組み込まれた、タッチ操作関連の HTML5 テクノロジを紹介したビデオ Metro スタイルのブラウジング エクスペリエンスの改良点については、 Building Windows 8 ブログで詳しくご覧いただけます。この記事では、基盤となる HTML5 エンジンについてお話しします。 Windows 8 では、付属する 1 つの HTML5...

Windows 8 では、大型のデスクトップ画面から小型のスレートまで、かつてないほど多様なデバイスが Web のブラウズに使われます。ブラウザーがこのように多岐にわたるデバイスに対応するには、画面のサイズや縦横比が変わっても、表示を調整して Web ページを適切にレイアウトできる必要があります。以前、ブログで、このようなシナリオをサポートする IE の 機能 の いくつか を紹介しました。(テキストやレイアウトの) サブピクセル配置 (英語) は、どのようなスケールでも Web ページを美しく、一貫性を保って表示できるようにする主要なプラットフォーム テクノロジの 1 つです。 この記事では、CSS-OM によるサブピクセル配置のサポートを強化するために、IE10 で実施された変更について説明します。 Web 開発者は、さまざまなプラットフォーム テクノロジを利用して、美しいレイアウトを構成します。通常、Web サイトのレイアウトの記述には、 CSS スタイル シート が使われます。場合によっては、JavaScript コードを駆使して、1 ピクセルのずれもない (ピクセル...

2012 年 2 月分の Internet Explorer 用の累積的なセキュリティ更新プログラム (英語) を Windows Update 経由で公開しました。今回のセキュリティ更新プログラムは、非公開で報告された Internet Explorer の 5 つの脆弱性を解決します。最も深刻な脆弱性が悪用された場合、ユーザーが特別に細工された Web ページを Internet Explorer で表示すると、リモートでコードが実行される可能性があります。これらの脆弱性のいずれかが悪用された場合、攻撃者がローカル ユーザーと同じ権限を取得する可能性があります。   コンピューターでのユーザー権限が低い設定のアカウントを持つユーザーは、管理者特権で実行しているユーザーよりもこの脆弱性による影響が少ないと考えられます。  このセキュリティ更新プログラムは、Windows クライアント上の Internet Explorer について深刻度を「緊急」と評価し、IE6 クライアントについては深刻度を「警告」としています。また、Windows サーバー上の Internet Explorer...

IE10 Platform Preview 4 では、 Cross-Origin Resource Sharing (CORS) (英語) for XMLHttpRequest (XHR) (英語) がサポートされており、これによって、ブラウザーが異なっても同じように動作するクロスサイト シナリオの構築が容易になります。CORS for XHR により、サイト間でシンプルかつ柔軟にデータを共有できます。最も基本的なシナリオでは、CORS により、どのサイトからでもアクセスできるデータ ソースを作成することができますが、簡単な微調整を加えて、許可されたサイトに対する制限、データ変更のサポート、および認証の許可を設定することもできます。最も重要な点は、CORS により、サーバーの参加を要求することで既存サイトの安全性を維持できるということです。 シンプルなクロスオリジン XHR クロスオリジン XHR 要求と同一オリジン要求を比較してみましょう。スクリプト上の違いは、open メソッドに渡される URL のみです。たとえば、フォト アルバムのリストをフェッチするスクリプトを作成するとします...

Windows 8 の Metro スタイル アプリでは、Web コンテンツを表示する際に、IE10 のあらゆるパフォーマンス上のメリットを活用することができます。Metro スタイル アプリでは、Web コンテンツが常に JIT コンパイルされ、ハードウェア アクセラレータも有効になります。これと同程度のパフォーマンスをアプリで実現できるプラットフォームは他にありません。たとえば、iOS 上の Cocoa アプリを見ると、UIWebView コントロールを使用した場合の JavaScript のパフォーマンスは、同じコンテンツを Safari で実行した場合よりも大きく下回ります。これらの Cocoa アプリは JIT コンパイルの恩恵を受けないため、システムのブラウザーと同じように Web コンテンツを表示したり利用したりすることはできないのです。 テスト構成: http://www.webkit.org/perf/sunspider/sunspider.html (英語)。 iPad: 第 1 世代、iOS 5.0.1。 Windows 8: Developer Preview...

Compat Inspector が IE10 に対応しました。Compat Inspector を使用すると、Internet Explorer プラットフォームの変更がサイトに影響するかどうかをすばやく確認できます。IE 10 への対応に向けて準備している場合でも、IE9 を対象として更新を行っている場合でも、ページで問題が発生したら Compat Inspector を実行してみてください。考えられる問題と、その解決方法を説明するメッセージを確認することができます。 Compat Inspector について Compat Inspector は、サイトの実行中に分析を行う JavaScript ベースのテスト ツールです。Compat Inspector を実行すると、最近のモードで問題となる操作のパターンが報告されます。このため、大量のドキュメントの内容を覚えていなくても、サイト全体のコードを検索しなくても、問題をすばやく特定することができます。Compat Inspector は、IE9 の工程において、さまざまなサイトでよく発生する問題を迅速に認識できるようにするために開発されたもので...

CSS3 の機能は、よりリッチで没入的な Web エクスペリエンスの構築に役立ちます。 最近の記事 では、CSS3 の Transitions と Animations を使ってより個性的なサイトを実現する方法についてご紹介しました。 CSS3 3D Transforms (英語) は、文字どおり、サイト開発に新たな次元を加えるものです。たとえば、Metro スタイルを採用している Windows 8 [スタート] 画面では、3D Transforms の微妙な効果を使って、タイルを押し込んだ際の視覚的な変化を実現しています。 Internet Explorer 10 タイルが押し込まれる前の状態 (左) と押し込んだ状態 (右) CSS Transforms に第 3 の次元を加える CSS3 2D Transforms と同様に、3D Transforms は、HTML 要素に幾何学的な変形処理を適用する CSS のプロパティである transform と transform-origin 向けに関数と値を提供します。CSS3 3D Transforms では、変形関数を拡張して...

プラグイン フリーな Web への移行は既に始まっています。プラグインを使用しているサイトは、プラグイン フリーで Web ブラウズを行っているユーザーのエクスペリエンスがどのようなものか把握しておく必要があります。今日の Web ブラウジングは、プラグインをまったくサポートしないデバイスで行われることが多くなってきています。また、プラグインをサポートするブラウザーでも、プラグイン フリーで実行するさまざまな方法が用意されています。 Metro スタイルの IE は、プラグイン フリー動作によって、バッテリの寿命を延ばすと共に、コンシューマーにとってのセキュリティ、信頼性、およびプライバシーの向上を図っています。以前 B8 ブログの記事 でご紹介したとおり、IE10 では互換表示一覧を利用して、他のブラウザー向けのプラグイン フリーのエクスペリエンスを用意しているサイトが、IE10 ユーザーに対しても同様のエクスペリエンスを提供するようにしています。この記事では、引き続きプラグインに依拠するサイトで、Metro スタイル IE ユーザーに対して最良のエクスペリエンスを提供する方法をご説明します...

Web サイトから Web アプリケーションへの移行が進むにつれて、ファイルを効果的に扱うことがますます重要になってきています。Platform Preview 2 以降、IE10 ではクライアント上でファイルの読み取りや切り出しを行えるようにするための File API (英語) がサポートされています。さらに Platform Preview 4 では、新しい ファイルを作成するためのツールである BlobBuilder (英語) のサポートが追加されました。また、IE10 にはユーザーがコンピューターに BLOB データを保存できるようにするための新しいメソッドも 2 つ用意されており、これらを使って、クライアント常駐のデータを扱う場合に、優れたエンド ツー エンドのエクスペリエンスを実現できます。 IE Test Drive (英語) では、BlobBuilder と File API の機能を確認できる ピアノ デモ (英語) をお楽しみいただけます。ピアノの鍵盤をクリックすると、mp3 形式の音楽ファイルと SVG 形式の楽譜ファイルの 2 つのファイルが作成されます...

IndexedDB (英語) は、 インターネットに接続されていない 場合でもユーザーのローカル クライアント上でデータを保存、検索、取得できる JavaScript の開発を可能にする W3C 草案 (英語) です。今回のブログ記事では、私たちが IndexedDB アプリケーションをデバッグするために内部的に使用している IDBExplorer というツールについてお話ししたいと思います。IDBExplorer を使って、データベース スキーマ、オブジェクト ストアのコンテンツ、インデックスの詳細を確認することができます。 IndexedDB のサンプル アプリを使用してツールを検証する このツールをご紹介するにあたって、新年の抱負をトラッキングする New Year's Resolution (英語) というアプリケーションを IndexedDB を使用して作成してみました。このアプリケーションでは、抱負をデータとして (Web ページを閲覧しているシステム上で) ローカルに保存してアクセスします。ユーザーは自由に抱負を追加、編集でき、[Done That!] ボタンをクリックすると...

編注: この記事の英語版 (原文) は 2012 年 1 月 24 日に公開されました。 過去 10 年の間 (英語)、Microsoft はユーザーのプライバシー保護に対して真剣に取り組んできました。セキュリティと同じように、プライバシーについてはすべての Microsoft 製品で十分に考慮されています。Microsoft が提出したユーザーのプライバシー保護を目的としたインターネット標準に関する 提案 (英語) が、長期にわたって Web を進化させるためのオープン スタンダードを開発する国際的なコミュニティである World Wide Web コンソーシアム (W3C) (英語) によって 受理、公開 (英語) されてから、ほぼ 1 年になります。W3C が Tracking Protection ワーキング グループ (英語) の発足を 発表 (英語) した経緯については、昨年 9 月の ブログ記事 でお話ししました。このワーキング グループは、業界全体から幅広く利害関係者を集めて "追跡拒否" (Do Not Track) テクノロジの標準化に取り組むためのものであり...

今日、ここシアトルではめったに見られない吹雪が吹いています。これにあやかり、2011 年のホリデー シーズンに公開した Test Drive デモ "Let It Snow" についての解説を投稿したいと思います。 — 編集担当 ブラウザーが基盤のハードウェアを有効に活用できると、可能性は無限に広がります。ホリデー シーズンに リリースしたデモ では、Internet Explorer 10 で実現される、ハードウェア アクセラレーションをフル活用した、タッチ主導のブラウジング エクスペリエンスの優れている点をご覧いただけます。この記事では、その Let It Snow (英語) デモがどのように作成されたかを詳しく説明します。このデモで使われているパターンは、現在の Web と初期の Metro スタイル アプリ (英語) で広く見られる、典型的な HTML5 エクスペリエンスです。今回は、視覚的な観点ではなく、機能面から解説します。 性能の低いモバイル デバイスとタッチ主導のユーザー エクスペリエンスが主流になったことで、ユーザーがブラウザーのパフォーマンスについて期待することは急激に増えています...