<?xml version="1.0" encoding="utf-8"?>
<rss xmlns:atom="https://www.w3.org/2005/Atom" xmlns:sy="https://purl.org/rss/1.0/modules/syndication/" xmlns:dc="https://purl.org/dc/elements/1.1/" xmlns:content="https://purl.org/rss/1.0/modules/content/" xmlns:wfw="https://wellformedweb.org/CommentAPI/" xmlns:slash="https://purl.org/rss/1.0/modules/slash/"
  version="2.0">
  <channel>
    <title>IEBlog 日本語</title>
    <atom:link
      href="https://docs.microsoft.com/archive/blogs/ie_ja/feed.xml"
      rel="self"
      type="application/rss+xml" />
    <link>https://docs.microsoft.com/archive/blogs/ie_ja/feed.xml</link>
    <description>Windows Internet Explorer エンジニアリング チームのブログ</description>
    <lastBuildDate>Fri, 03 Apr 2015 04:28:45 GMT</lastBuildDate>
    <language>en-US</language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>
    <item>
      <title>Enterprise Site Discovery Toolkit for IE11 を発表</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/enterprise-site-discovery-toolkit-for-ie11</link>
      <pubDate>Wed, 29 Oct 2014 12:39:07 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/10/29/enterprise-site-discovery-toolkit-for-ie11/</guid>
      <description><![CDATA[本日、IT プロフェッショナルの皆様が企業のどの業務アプリケーションが重要で、ユーザーが実際に使用しているかを把握するための、Internet Explorer 11...]]></description>
      <content:encoded><![CDATA[<p>本日、IT プロフェッショナルの皆様が企業のどの業務アプリケーションが重要で、ユーザーが実際に使用しているかを把握するための、Internet Explorer 11 の新機能を発表いたします。<a href="https://blogs.msdn.com/b/ie_ja/archive/2014/04/16/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11.aspx">エンタープライズ モードの IE</a> とこのツールキットを使用することで、エンタープライズのアップグレードがシンプルになります。今すぐ <a href="https://go.microsoft.com/fwlink/?LinkID=517719&amp;clcid=0x409">Enterprise Site Discovery Toolkit for IE11</a> をダウンロードして、<a href="https://go.microsoft.com/fwlink/?LinkID=517718&amp;clcid=0x409">Technet</a> で詳細をご確認ください。</p>
<p>企業が最新バージョンの Windows にアップグレードする場合、通常は最新バージョンの Internet Explorer によるすべての業務アプリケーションの互換性テストが必要になります。多くの企業でこのようなテストの実施を難しくしている原因は、社内のどの業務アプリケーションが重要で、実際に従業員が使用しているのかを把握していないことです。このため、使用されていないアプリケーションであっても、コストや時間がかかるとしても、IT プロフェッショナルとしてすべての内部アプリケーションをテストしなければならないケースが頻繁に発生しています。テストに加え、アプリケーションがどのように作成されているのかを詳細に理解していないと互換性問題への対応が困難になる可能性もあります。</p>
<p>Enterprise Site Discovery Toolkit は、ユーザーがどのように Internet Explorer 11 を使用してブラウズしているかを把握するための手段を IT プロフェッショナルの皆様に提供します。このツールキットを使用すると、企業内で使用されるサイトのリストを作成するため、企業ユーザーが訪れたすべてのサイトに関する情報を Internet Explorer 11 から収集できます。この情報は、IT プロフェッショナルの皆様が Internet Explorer でアプリケーション互換性テストを行う際にアプリケーションの優先順位を設定するときに役立ちます。また、このツールキットによって、サイトがどのようなデザインで、Internet Explorer によってどのように使用されているか、などの情報も取得できます。このような情報は、エンタープライズ モードのサイト リストへのデータ入力時に利用でき、重要なサイトの互換性問題を減らすことができます。</p>
<h2>収集される情報</h2>
<p>既定では、データ収集は行われません。収集機能が有効になっていると、Internet Explorer 11 を使用してユーザーが訪れたすべてのサイトからデータが収集されます。データは、各ブラウジング イベント中に収集され、閲覧した URL に関連付けられます (以下参照)。このようなデータの収集は、Internet Explorer のパフォーマンスにほとんど影響を与えません。</p>
<h3>各ブラウジング イベント中に収集されるデータ</h3>
<p>収集したデータの利用方法: Discovery Toolkit は、実際のユーザー データに基づき、デプロイ内での IE の使用状況を IT プロフェッショナルの皆様に伝えます。この回答で、多くの問題に答えられたはずです。具体的に以下に示します。</p>
<ul><li>どのサイトに最も多くのユーザーが訪れるか</li>
<li>ページを読み込む際のドキュメント モード、そのドキュメント モードがどのように選択されたか</li>
<li>どのサイトで ActiveX コントロールが使用されたか、その頻度</li>
<li>ユーザーが訪れたとき、どのサイトがクラッシュまたはハングしたか</li>
<li>信頼済みサイト リストに含まれているが、除外すべきサイトはあるか</li>
<li>エンタープライズ モードのサイト リストに対して追加または削除すべきサイトはあるか</li>
</ul>
<p>IT プロフェッショナルの皆様がこの Site Discovery Toolkit を使用するにあたって</p>
<ul><li><a href="https://go.microsoft.com/fwlink/?LinkID=517718&amp;clcid=0x409">Technet</a> でツールキットに関する詳細をお読みください。</li>
<li>最新の累積的な更新プログラム (<a href="https://blogs.msdn.com/b/ie/archive/2014/10/14/october-2014-updates-and-a-preview-of-changes-to-out-of-date-activex-control-blocking.aspx">2014 年 10 月</a> 以降) を利用して Internet Explorer を更新してください。</li>
<li><a href="https://go.microsoft.com/fwlink/?LinkID=517719&amp;clcid=0x409">構成およびセットアップ スクリプト</a>をダウンロードしてください。</li>
<li>サンプルのレポートをご覧ください。</li>
</ul>
<p>このツールキットをぜひお試しください。データ収集機能を使用してその性能をご確認いただければ幸いです。フィードバックを <a href="https://twitter.com/iedevchat">@IEDevChat</a> 宛に、または <a href="https://connect.microsoft.com/ie">Connect</a> からお寄せください。Internet Explorer プログラム マネージャー Deen King</p>]]></content:encoded>
    </item>
    <item>
      <title>HTTP/2: 長く待たれた続編</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/http2</link>
      <pubDate>Mon, 27 Oct 2014 14:32:37 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/10/27/http2/</guid>
      <description><![CDATA[高速な Web の世界に踏み出しましょう
Microsoft では、1999 年以来初めて大幅に改訂されたハイパーテキスト転送プロトコル (HTTP) のサポートを現在 Internet...]]></description>
      <content:encoded><![CDATA[<h2>高速な Web の世界に踏み出しましょう</h2>
<p>Microsoft では、1999 年以来初めて大幅に改訂されたハイパーテキスト転送プロトコル (HTTP) のサポートを現在 Internet Explorer に実装しています。HTTP は長いこと手付かずできたので、改訂が必要でした。</p>
<p>長年にわたり、Web アーキテクチャを合理化するさまざまな取り組みが行われてきましたが、HTTP/2 ほどの規模のものはありませんでした。Microsoft は IETF HTTPbis ワーキング グループのメンバーとして惜しみなく、効率的で互換性の高いこの新しい標準規格の開発に協力してきました。新しい標準規格の名称は、わかりやすく HTTP/2&nbsp;です。HTTP/2 は、<a href="https://preview.windows.com">Windows 10 Technical Preview</a> において新しい Internet Explorer に組み込まれ、一般に利用できるようになりました。</p>
<p>HTTPbis ワーキング グループでのこれまでの成果については、<a href="https://msopentech.com/opentech-projects/http2-0/">Microsoft Open Technologies HTTP/2 ページ</a> (英語) で概要をご紹介しています。</p>
<h2>Internet Explorer が率先して HTTP/2 を実装するのはなぜか</h2>
<p>ますますリアルタイム性とモバイル性が要求される世界では、パフォーマンスが重要です。多少改善されただけであっても、違いが出ます。たとえば、ある Bing の調査により、ページの読み込み時間が 10 ミリ秒増えると歳入が 25 万ドル減ることが判明しました。読み込み時間が 100 ミリ秒 (これは人間が瞬きする速度の 1/3 です) 長くなっただけで、検索結果の関連性を向上することでユーザーのエンゲージメントを改善できた 3 か月分の作業がムダになっています。商取引系の Web ページで応答が 100 ミリ秒遅延すると、検索が途中で放棄され、大手小売りサイトの収入が 1% 減損することがわかっています。したがって、このワーキング グループがしていることは、現実的に経済的な影響があるのです。</p>
<h2>これまでの標準規格では何が問題か</h2>
<p>Web ページが読み込まれる際の処理は、800x600 ピクセルのディスプレイの時代から、現在もほとんど変わっていません。現在の Web の速度は上がっているのは確かです。しかし、さらに<i></i>速く、さらに<i></i>リソースを効率的に使用できる可能性があります。</p>
<p>現在も、ページの構築には、ブラウザーとサーバー間で多数のクエリが交わされる必要があり、どの呼び出しでもサーバーが応答しないと次のクエリを送ることができません。確かに並列接続を複数開くこともできますが、それでも同時に要求できる項目数に限りがあります。また、応答の順序が指定されるため、サーバーが応答を最適化することができません。</p>
<h2>HTTP/2 は何が違うか</h2>
<p>HTTP/2 では、利用可能な帯域幅をすべて利用することで、より短時間で効率的に Web ページの要素が提供されます。長時間接続と多重化 (複数の要求を 1 つの接続にまとめる HTTP/2 の機能) によって、より多くの Web ページ項目がより短時間で届きます。将来は、サーバー プッシュや要求の依存関係などの実験的な HTTP/2 機能によって、Web のパフォーマンスがさらに向上する可能性があります。</p>
<h2>開発者にはどのような影響があるか</h2>
<p>HTTP/2 は、当初から、前身となる HTTP/1.1 との互換性に配慮して設計されています。つまり、HTTP ライブラリの開発者は API を変更する必要はなく、HTTP ライブラリを使用する開発者もアプリケーション コードを変更する必要はありません。これは非常に大きな利点の 1 つです。以前の成果物を最新の標準規格に合わせるために数か月費やす必要はなく、開発を続けられます。</p>
<h2>ネットワークやセキュリティはどうなるか</h2>
<p>接続の数と頻度が少なくなるということは、HTTP/2 ではネットワークに対する負荷も軽減されます。現在の Web の規模を考えると、特にモバイル ネットワークでは、ネットワークの効率が格段に向上する可能性があります。HTTP/2 の効率のよい接続モデルなら、サイトに TLS を追加した場合のパフォーマンスの影響も軽減されると思われ、従来よりも多くのサイトで TLS を追加できるようになるでしょう。</p>
<h2>いつから利用できるか</h2>
<p>HTTP/2 のサポートは、<a href="https://preview.windows.com">Windows 10 Technical Preview</a> の IE に組み込まれています。IE の HTTP/2 実装の取り組みが現実に始まったのは、Windows および Windows Phone 8.1 で<a href="https://blogs.msdn.com/b/ie_ja/archive/2013/12/09/getting-to-the-content-you-want-faster-in-ie11.aspx">実験的な SPDY 3.0 プロトコルを追加</a>した時点であるといえます。このおかげで、多重化機能のある HTTP プロトコルの経験が得られ、HTTP/2 と業界標準規格となる予定のプロトコルを採用する道のりが楽になりました。</p>
<p>SPDY は HTTP/2 標準規格のよい足がかりになりましたが、実験的なプロトコルであるため、長期の採用には向いていません。HTTP/2 の開発により、将来のすべての IE のバージョンでは、SPDY のサポートを削除する予定です。現在 SPDY を使用している Web サイトやアプリケーションは、ほとんどまたはまったくコードを変更せずに HTTP/2 に移行できる予定です。</p>
<h2>開発者やサイト所有者が変更に向けて準備すべきことは何か</h2>
<ul><li><a href="https://preview.windows.com">Windows 10 Technical Preview</a> バージョンの IE を実行する。</li>
<li>開発者ツールを使ってみる。ネットワーク トレースを有効にする。</li>
<li>HTTP/2 ドラフト 14 をサポートしているサイトを読み込む。次の URL のページに記載されている各実装担当者のページで、参考になるサイトが紹介されています。<a href="https://github.com/http2/http2-spec/wiki/Implementations">https://github.com/http2/http2-spec/wiki/Implementations</a> (英語)</li>
<li>HTTP/2 のパケット フローを見てみる。</li>
</ul>
<p>Technical Preview では、HTTP/2 サーバーもサポートしています。つまり、IIS でサイトを作成して、コンテンツをエンド ツー エンドでテストできます。ただし、Technical Preview 版では IE も IIS も、HTTP/2 ではセキュリティで保護されない接続 (HTTP) をサポートしません。HTTP/2 ではセキュリティで保護される接続 (HTTPS) のみをサポートします。</p>
<p>ぜひ弊社の HTTP/2 実装を試し、その性能を検証してください。皆様のフィードバックをお待ちしております。その際は、<a href="https://twitter.com/iedevchat">@IEDevChat</a> または <a href="https://connect.microsoft.com/ie">Connect</a> をご利用くださいますようお願いいたします。</p>
<p>-- シニア プログラム マネージャー、Rob Trace</p>
<p>-- シニア プログラム マネージャー、David Walp</p>]]></content:encoded>
    </item>
    <item>
      <title>Internet Explorer と Windows 10 Technical Preview</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/internet-explorer-windows-10-technical-preview</link>
      <pubDate>Mon, 27 Oct 2014 14:32:37 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/10/27/internet-explorer-windows-10-technical-preview/</guid>
      <description><![CDATA[2014 年 10 月 1 日に、次期バージョンの Windows をプレビューできる Windows 10 Technical Preview が公開されました。Technical Preview...]]></description>
      <content:encoded><![CDATA[<p>2014 年 10 月 1 日に、次期バージョンの Windows をプレビューできる Windows 10 Technical Preview が公開されました。Technical Preview は <a href="https://preview.windows.com">Windows インサイダー プログラムに参加</a>いただいた場合にのみインストールできますが、Internet Explorer の最新機能を確認するのにもうってつけであるため、ぜひプログラムにご参加ください。今回のブログでは、IE の新機能と、UserVoice プラットフォームでの <a href="https://uservoice.modern.ie/">Internet Explorer Platform Suggestion Box</a> (英語) の運用開始についてお話します。後者は、Web 開発者の皆様から機能についてのご提案を募集するサイトです。</p>
<h2>Windows 10 Technical Preview 版の IE の新機能</h2>
<h3>HTTP/2</h3>
<p>Windows 10 Technical Preview の Internet Explorer には、広く業界の協力を得ている<a href="https://http2.github.io/">標準化の取り組み</a>により誕生した新しいネットワーク プロトコル &quot;HTTP/2&quot; のサポートが含まれています。HTTP/2 は、弊社が IE11 で <a href="https://blogs.msdn.com/b/ie_ja/archive/2013/12/09/getting-to-the-content-you-want-faster-in-ie11.aspx">SPDY/3 をサポートした</a>経験を基に開発され、多重化やヘッダー圧縮、サーバー プッシュなどの手法を使って、Web でのパフォーマンス向上を実現します。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3108.ieatwtp-image1_760x294.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3108.ieatwtp_2D00_image1_5F00_760x294.png" alt="F12 開発者ツールに表示された HTTP2 プロトコルのサポート" /><br /><em></em>Windows Technical Preview 版の IE の F12 開発者ツールに表示された HTTP/2 のサポート</p>
<h3>Chakra JavaScript エンジンのパフォーマンスの向上</h3>
<p>Windows 10 Technical Preview の IE には、Chakra JavaScript エンジンのパフォーマンス強化機能もいくつか含まれています。具体的な変更としては、Chakra の実行パイプラインの合理化による起動時間の短縮や、Chakra の Just-in-Time コンパイラの最適化によるスクリプトの実行スループットの改善、Chakra のガベージ コレクション サブシステムの強化によるアプリやサイトの UI の応答性向上が含まれます。</p>
<h3>相互運用可能なトップ レベル ドメインの解析</h3>
<p>Windows 10 Technical Preview の IE では、ドメイン名の解析に <a href="https://www.publicsuffix.org">https://publicsuffix.org</a> (英語) のアルゴリズムとドメイン リストを使用するようになりました。</p>
<h2>UserVoice で IE Platform Suggestion Box を運用開始</h2>
<p>また、同日に、UserVoice フィードバック プラットフォームを基盤に構築された <a href="https://uservoice.modern.ie">IE Platform Suggestion Box</a> の運用開始も発表されました。IE チームは <a href="https://blogs.msdn.com/b/ie_ja/archive/2014/04/03/10513457.aspx">2014 年 4 月に</a> Web 開発者の皆様との対話活性化に取り組んでいくことを発表し、毎月 <a href="https://twitter.com/search?q=%23askie&amp;src=typd">#AskIE</a> セッションや、8 月には楽しい <a href="https://www.reddit.com/r/IAmA/comments/2dk60t/we_build_internet_explorer_i_know_right_ask_us/">Reddit AmA</a> を開催してきましたが、これはその最新の施策の 1 つです。</p>
<p>UserVoice の投票システムを使用することで、提案されている機能のうち、Web 開発者コミュニティが最も望んでいる機能を正確に知ることができるため、弊社での作業の優先順位を決めるうえで参考になります。また、新しい標準規格や機能について皆様のフィードバックを頂戴しやすいように、投票数を <a href="https://status.modern.ie/">status.modern.ie</a> に直接リンクしています。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/1440.ieatwtp-image2_760x176.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/1440.ieatwtp_2D00_image2_5F00_760x176.png" alt="UserVoice の status.modern.ie から機能に投票" /><br /><em></em>UserVoice の status.modern.ie に表示された機能の投票数</p>
<p>個々のバグ レポートについては、引き続き <a href="https://connect.microsoft.com/ie">Connect</a> をご利用ください。また、Internet Explorer のユーザー エクスペリエンスのフィードバックについては、Windows 10 Technical Preview に付属の Windows フィードバック アプリをご利用くださいますようお願いいたします。</p>
<h2>最新の IE Web プラットフォームの試用</h2>
<p>フィードバック チャネルを強化する他、Web 開発者の皆様に最新の IE Web プラットフォームを利用していただきやすくする取り組みも進めています。6 月に、<a href="https://blogs.msdn.com/b/ie_ja/archive/2014/07/01/announcing-internet-explorer-developer-channel.aspx">IE 開発者チャネルをリリース</a>しました。これは、IE11 の製品版と並行してインストールできます。皆様から寄せられた貴重なフィードバックを基に、IE 開発者チャネルにおいてプレビューされた機能の多くが、<a href="https://blogs.msdn.com/b/ie_ja/archive/2014/10/22/august-updates-for-internet-explorer.aspx">8 月分の IE11 用更新プログラム</a>で提供されています。</p>
<p>引き続き最新の IE Web プラットフォームをプレビューしていただける場合は、Windows インサイダー プログラムに参加し、Windows 10 Technical Preview をインストールしてくださいますようお願いいたします。Windows インサイダー プログラムに参加していただくと、プレビュー ビルドの定期更新のサブスクリプションに登録され、Windows と Internet Explorer の最新の状態を常にご覧いただくことができます。</p>
<h2>詳細は今後のブログで</h2>
<p>今日のブログではわずかな情報しかお伝えできませんでしたが、今後のブログ投稿で、HTTP/2、Chakra のパフォーマンス向上、トップ レベル ドメインの解析の変更、<a href="https://uservoice.modern.ie/">Internet Explorer Platform Suggestion Box</a> について詳しくお伝えしたいと思います。さらに詳しい情報については、<a href="https://twitter.com/iedevchat">@IEDevChat</a> による定例の <a href="https://twitter.com/search?q=%23askie&amp;src=typd">#AskIE</a> Twitter チャットにふるってご参加ください。</p>
<p>- Internet Explorer 担当主席プログラム マネージャー、Charles Morris</p>]]></content:encoded>
    </item>
    <item>
      <title>すべてのユーザーに対して適切に動作するモバイル Web</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/web</link>
      <pubDate>Wed, 22 Oct 2014 13:04:39 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/10/22/web/</guid>
      <description><![CDATA[2014 年 8 月 4 日更新: 開発者の方々は、開発者向け Windows Phone Preview に登録するか、Windows Phone 8.1 Update Emulator...]]></description>
      <content:encoded><![CDATA[<p style="text-align: left;">2014 年 8 月 4 日更新: 開発者の方々は、<a href="https://dev.windows.com/ja-jp/develop/devpreview">開発者向け Windows Phone Preview</a> に登録するか、<a href="https://www.microsoft.com/en-us/download/details.aspx?id=43719">Windows Phone 8.1 Update Emulator</a> をダウンロードすることによって、これらの更新プログラムをプレビューできるようになりました。&nbsp;<em></em>この記事で説明しているプラットフォームの変更の詳細については、<a href="https://msdn.microsoft.com/ja-jp/library/ie/dn736066(v=vs.85).aspx">MSDN</a> をご覧ください。標準をサポートするために調整済みのサイトを更新する際の<a href="https://msdn.microsoft.com/ja-jp/library/ie/dn789001(v=vs.85).aspx">ベスト プラクティス</a>に関する最新の記事も公開しています。</p>
<hr /><p><a href="https://blogs.windows.com/windows_phone/b/windowsphone/archive/2014/07/30/windows-phone-8-1-update-brings-cortana-to-new-markets-new-features.aspx">Windows Phone 8.1 Update</a> には、数百か所もの Internet Explorer 11 機能強化が含まれており、モバイル Web との互換性が大幅に向上しています。</p>
<p>フィードバックに基づいて、IE ユーザーの Web エクスペリエンスを iOS および Android デバイスでのエクスペリエンスと一貫性を持たせることを目指してきました。これは、標準ではない Web プラットフォームの機能を追加するような場合でも同様です。Microsoft では、現在の標準化の進んでいないモバイル Web の実行については、これがより現実的なアプローチであると考えています。</p>
<p>500 を超える人気のあるモバイル Web サイトをテストしたところ、IE11 の更新プログラムによって、そのうちの 40% 以上でエクスペリエンスが向上することがわかりました。</p>
<p>たとえば、IE11 でwww.twitter.com を閲覧した場合、以前は次のように表示されていました。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2055.twitter-before.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2055.twitter_2D00_before.png" alt="Windows Phone 8.1 による www.twitter.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1</div>
</div>
<p>更新プログラムを適用した IE11、Firefox OS、iPhone で表示した場合は、次のようになります。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2451.twitter-after.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2451.twitter_2D00_after.png" alt="Windows Phone 8.1 Update による www.twitter.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1 Update</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3438.twitter-firefox.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3438.twitter_2D00_firefox.png" alt="Firefox OS による www.twitter.com のスクリーンショット" width="251" height="400" /><div style="text-align: center; font-style: italic;">
Firefox OS</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2867.twitter-iphone.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2867.twitter_2D00_iphone.png" alt="iPhone による www.twitter.com のスクリーンショット" width="225" height="400" /><div style="text-align: center; font-style: italic;">
iPhone と iOS7</div>
</div>
<p>同様に、IE11 と Firefox OS で www.baidu.com を閲覧した場合、以前は次のように表示されていました。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2845.baidu-before.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2845.baidu_2D00_before.png" alt="Windows Phone 8.1 による www.baidu.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/8713.baidu-firefox.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/8713.baidu_2D00_firefox.png" alt="Firefox OS による www.baidu.com のスクリーンショット" width="251" height="400" /><div style="text-align: center; font-style: italic;">
Firefox OS</div>
</div>
<p>更新プログラムを適用した IE11 と iPhone で表示した場合は、次のようになります。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/0218.baidu-after.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/0218.baidu_2D00_after.png" alt="Windows Phone 8.1 Update による www.baidu.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1 Update</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2352.baidu-iphone.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2352.baidu_2D00_iphone.png" alt="iPhone による www.baidu.com のスクリーンショット" width="225" height="400" /><div style="text-align: center; font-style: italic;">
iPhone と iOS7</div>
</div>
<h2 id="analysis">人気のある Web サイトの分析</h2>
<p>ほとんどが標準ベースの &quot;デスクトップ&quot; Web とは異なり、最新のモバイル Web ページの多くは、iOS と iPhone 向けにデザインおよび構築されています。この結果、通常、他のデバイスを使用する場合、エクスペリエンスの品質が低下します。</p>
<p>数週間前に、<a href="https://blogs.msdn.com/b/ie/archive/2014/05/27/launching-status-modern-ie-amp-internet-explorer-platform-priorities.aspx">Web に対する Microsoft のビジョンと優先順位</a>についてお伝えしました。Microsoft では、&quot;Web は、ユーザー、開発者、企業のすべての人々を対象に適切に機能する必要がある&quot; と考えています。<em></em>そこで、Microsoft は、モバイル Web が Microsoft のユーザーに対して &quot;適切に機能する&quot; ためには何が必要であるかという調査を開始しました。</p>
<p>世界中で最も人気のあるモバイル Web サイトを調査した結果、問題の原因となっている共通するパターンがわかってきました。多くのサイトで、ブラウザー検出コードが適切に記述されていないため、Windows Phone ユーザーに対してデスクトップ サイトのエクスペリエンスが提供されます。デスクトップ Web サイトは規模が大きくなり、読み込みが遅くなる傾向があるため、ユーザーのデータ プランへの課金が増加します。このようなサイトでは、テキストが細かい文字で表示されるため、コンテンツを読むにはズームやパンに多くの時間を費やす必要があります。また、これらのサイトはマウスを使うことを前提としているため、メニューやフォームの操作が難しくなります。</p>
<p>Windows Phone 8.1 が RTM に到達したとき、デスクトップで PC バージョンの IE を駆動しているものと同じ高速で標準ベースの IE11 ブラウザー エンジンが搭載されていました。ここ数年間、Microsoft では、<a href="https://blogs.msdn.com/b/ie/archive/2010/04/14/same-markup-writing-cross-browser-code.aspx">機能検出</a>や適切な品質低下を使用して、すべてのブラウザーに対して同じマークアップを提供することをお伝えしてきました。この指針に従っていないために破綻しているデスクトップ サイトを今でも時折見かけることがありますが、デスクトップでは状況は改善されてきました。一方、モバイル Web では状況が大きく異なります。多くのサイトで、標準のプレフィックスを使用しないバージョンをサポートせずに、従来のベンダー固有のプレフィックスによる機能を使っている場合や、特定のデバイス用のベンダー プレフィックスのみをサポートしている場合があります。また、Safari や Chrome でのみ動作する、標準ではない独自の API を使っているサイトもあります。さらに、競合他社のブラウザー専用にデザインされているモバイル サイトで、IE のバグやサポートされていない機能が特に顕著になっていた例もありました。</p>
<h2 id="updating">Windows Phone 8.1 Update での Internet Explorer の更新</h2>
<p>このような互換性に関するデータをすべて収集した後、IE に必要な変更の検討を開始しました。この記事の残りの部分では、最も重要ないくつかの変更点と、変更を行った理由について説明します。モバイル Web サイトに影響を及ぼす問題は、大きく 5 つのカテゴリに分類されます。</p>
<ul><li>誤ったブラウザー検出により、IE がモバイル ブラウザーとして認識されず、デスクトップ エクスペリエンスが提供される</li>
<li>標準によって置き換えられた、以前の webkit プレフィックスが付いた機能を使用している</li>
<li>標準が存在しない、独自の webkit プレフィックスが付いた機能を使用している</li>
<li>IE が適切なフォールバックによってサポートしていない機能を使用している</li>
<li>IE での相互運用性のバグや実装の相違が発生している</li>
</ul>
<h2 id="ua-string">ユーザー エージェント文字列の変更</h2>
<p>見つかった最も大きな問題の 1 つは、Windows Phone で実行される IE をモバイル ブラウザーとして検出しないために、デスクトップ コンテンツを提供するサイトに関連するものでした。この場合、通常、サイトが非常に小さい文字で表示され、ズームやパンなどの操作が必要になります。また、コンテンツがモバイルに最適化されていないため、電話のデータ接続経由で大量のデータが転送されることも意味します。画像のサイズは大きく、さらに多くの広告がダウンロードされ、表示されます。</p>
<p>サイトでモバイル エクスペリエンスを提供するかどうかを検出するには、さまざまな方法があります。ここでは、実際のサイトで使用されているこのようなチェック方法の 1 つを示します。</p>
<p><code> window.mobileCheck = function() {<br /> <br /> var check = false;<br /> <br /> (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);<br /> <br /> return check;<br /> }</code></p>
<p>最適なモバイル コンテンツを正しく提供するサイトの数を増やすために、Windows Phone 上の IE の<a href="https://en.wikipedia.org/wiki/User_agent_string#Format_for_human-operated_web_browsers">ユーザー エージェント</a>文字列を更新しました。これによって、すべてのブラウザーで処理する必要があり、多くの開発者がぶつかってきた<a href="https://blogs.msdn.com/b/ieinternals/archive/2014/02/19/internet-explorer-and-everybody-else-version-lies-for-compatibility.aspx">不幸なパターン</a>が継続されます。たとえば、2006 年ごろから、WebKit の &quot;<a href="https://bugs.webkit.org/show_bug.cgi?id=9515">Safari lies. Reports itself as Mozilla, Gecko and KHTML too. (Safari も自身を Mozilla、Gecko、KHTML と偽装する)</a>&quot; というバグに関する興味深い話があります。デスクトップの IE11 を出荷したときに、&quot;like Gecko&quot; というトークンを文字列に追加しました。これにより、<a href="https://aka.ms/ie11ua">デスクトップ サイトの互換性が大幅に向上する</a>ためです。<a href="https://developer.chrome.com/multidevice/user-agent">Chrome</a> と <a href="https://dev.opera.com/blog/opera-user-agent-strings-opera-15-and-beyond/">Opera</a> も、Web コンテンツとの互換性を維持するために、Gecko および Safari であると偽装しています。</p>
<p>IE11 と Firefox OS で www.hawaiianairlines.com を閲覧した場合、デスクトップ エクスペリエンスが表示されます。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/7120.hawaiianairlines-before.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/7120.hawaiianairlines_2D00_before.png" alt="Windows Phone 8.1 による www.hawaiianairlines.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/1263.hawaiianairlines-firefox.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/1263.hawaiianairlines_2D00_firefox.png" alt="Firefox OS による www.hawaiianairlines.com のスクリーンショット" width="251" height="400" /><div style="text-align: center; font-style: italic;">
Firefox OS</div>
</div>
<p>更新プログラムを適用した IE11 と iPhone で表示した場合は、次のようになります。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/0602.hawaiianairlines-after.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/0602.hawaiianairlines_2D00_after.png" alt="Windows Phone 8.1 Update による www.hawaiianairlines.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1 Update</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/5460.hawaiianairlines-iphone.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/5460.hawaiianairlines_2D00_iphone.png" alt="iPhone による www.hawaiianairlines.com のスクリーンショット" width="225" height="400" /><div style="text-align: center; font-style: italic;">
iPhone と iOS7</div>
</div>
<p>IE11 と Firefox OS で www.nytimes.com を閲覧した場合も、デスクトップ エクスペリエンスが表示されます。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/5732.nytimes-before.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/5732.nytimes_2D00_before.png" alt="Windows Phone 8.1 による www.nytimes.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4162.nytimes-firefox.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4162.nytimes_2D00_firefox.png" alt="Firefox OS による www.nytimes.com のスクリーンショット" width="251" height="400" /><div style="text-align: center; font-style: italic;">
Firefox OS</div>
</div>
<p>更新プログラムを適用した IE11 と iPhone で表示した場合は、次のようになります。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3581.nytimes-after.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3581.nytimes_2D00_after.png" alt="Windows Phone 8.1 Update による www.nytimes.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1 Update</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/6644.nytimes-iphone.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/6644.nytimes_2D00_iphone.png" alt="iPhone による www.nytimes.com のスクリーンショット" width="225" height="400" /><div style="text-align: center; font-style: italic;">
iPhone と iOS7</div>
</div>
<p>一般的には、さまざまなデバイスの機能に合わせることができる応答性の高いサイトを開発することをお勧めします。モバイル固有のエクスペリエンスを構築することを選択した場合は、ユーザー エージェント文字列内のサブ文字列 &quot;mobile&quot; を探し、どのような場合にモバイルに最適化したコンテンツを提供するかを決定することをお勧めします。</p>
<p><code>function isMobile() {<br /> &nbsp;&nbsp;&nbsp;&nbsp;return navigator.userAgent.toLowerCase().indexOf("mobile")&gt;=0;<br /> }</code></p>
<h2 id="legacy">従来の webkit プレフィックスが付いた機能と IE の実装のマッピング</h2>
<p>ユーザー エージェント文字列を変更し、IE で他のスマートフォンのブラウザーと同じコンテンツを受信できるようになると、モバイル エクスペリエンスの障害となっている問題を分析できるようになりました。認識された最初の重大な問題は、多くのモバイル サイトが、CSS グラデーション、flexbox、トランジション、アニメーションについて、webkit プレフィックスが付いたコンテンツのみを送信していることでした。これらは、IE11 の Web 標準ベースのエンジンでは、既にブラウザーに依存しないマークアップによってサポートしている機能です。Mozilla で<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=717722">発見された</a>ように、WebKitCSSMatrix はモバイル デバイスで一般的に使用されています。IE では <a href="https://msdn.microsoft.com/ja-jp/library/ie/hh772390">MSCSSMatrix</a> をサポートしています。また、多くのサイトでは、新しい標準である <a href="https://www.w3.org/TR/screen-orientation/#dfn-current-orientation">screen.orientation</a> の代わりに、<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=920734">window.orientation</a> が使用されています。見つかった 2 番目の問題は、サイトのコードで使用されている構文も旧式であることが多いという点です。たとえば、標準ベースの新しいアプローチではなく、以前のグラデーションの構文が使用されているなどです。</p>
<p>Windows Phone 8.1 Update では、既に IE11 に含まれている標準ベースのサポートに対する、一般的な webkit プレフィックスの付いた API のマッピングを追加しました。これによって、WebKit コードのみを送信するサイトは、ページの読み込み時に標準ベースのコードに変換されます。Microsoft では、すべての webkit プレフィックスが付いた API のサポートを予定しているわけではありません。追加されたマッピングは、モバイル サイトで広く使用されているため、それがないと Web が機能しない API に対するマッピングです。</p>
<p>IE11 でwww.macys.com を閲覧した場合、次のように表示されます。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2402.macys-before.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2402.macys_2D00_before.png" alt="Windows Phone 8.1 による www.macys.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1</div>
</div>
<p>更新プログラムを適用した IE11 や iPhone では、次のように、グラデーションが正しく描画されることがわかります。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4555.macys-after.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4555.macys_2D00_after.png" alt="Windows Phone 8.1 Update による www.macys.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1 Update</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3566.macys-iphone.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3566.macys_2D00_iphone.png" alt="iPhone による www.macys.com のスクリーンショット" width="225" height="400" /><div style="text-align: center; font-style: italic;">
iPhone と iOS7</div>
</div>
<p>IE11 でwww.answers.com を閲覧した場合、次のように表示されます。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/0830.answers-before.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/0830.answers_2D00_before.png" alt="Windows Phone 8.1 による www.answers.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1</div>
</div>
<p>更新プログラムを適用した IE11 や iPhone では、次のように、サイトが正しく描画されることがわかります。</p>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/0250.answers-after.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/0250.answers_2D00_after.png" alt="Windows Phone 8.1 Update による www.answers.com のスクリーンショット" width="240" height="400" /><div style="text-align: center; font-style: italic;">
Windows Phone 8.1 Update</div>
</div>
<div style="display: inline-block; margin: 1em 40px 1em 40px;">
<img style="-moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4628.answers-iphone.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4628.answers_2D00_iphone.png" alt="iPhone による www.answers.com のスクリーンショット" width="225" height="400" /><div style="text-align: center; font-style: italic;">
iPhone と iOS7</div>
</div>
<h2 id="non-standard">標準ではない独自機能のサポートの追加</h2>
<p>少数の標準ではない機能が Apple によって広められ、iPhone で広く使用されていることもわかりました。これらの機能は現在標準には含まれていませんが、これらの機能をサポートしていないブラウザーでは、モバイル Web の人気サイトで適切なエクスペリエンスが得られません。一例として、<a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-appearance">-webkit-appearance</a> があります。これによって、ネイティブ アプリケーションに合わせて、ページの要素のスタイルを変更できます。<a href="https://developer.mozilla.org/ja-jp/docs/Web/CSS/-moz-appearance">Mozilla が指摘している</a>ように、&quot;これは標準ではないというだけでなく、ブラウザーによってその動作が変化&quot; します。<em></em>残念なことですが、これらの標準ではない独自の機能が一定レベルでサポートされていないと、Web サイトを使用することが難しくなります。</p>
<h2 id="new-features">IE でサポートされている新機能</h2>
<p>デスクトップ サイトではあまり使用されないため、IE11 でサポートされていなかった一部の標準ベースの機能の中には、モバイル Web で一般的に使用されているものがあります。IE11 でモバイル コンテンツへの対応を強化するにあたって、これらの機能を追加する必要があると判断しました。たとえば、HTML5 では <a href="https://www.w3.org/TR/html5/browsers.html#dom-window-locationbar">window.locationbar</a> が定義されていますが、デスクトップ サイトではほとんど使用されていません。Microsoft では、いくつかの新機能を実装する優先順位を、その機能が利用されているモバイル サイトに基づいて決定しました。</p>
<p>モバイル サイトとの互換性に影響する、より大きな API 関連の問題の 1 つが、タッチのサポートです。IE10 では、Microsoft はポインター イベントのサポートを提供し、現在、W3C の勧告候補になっています。IE11 ではこの実装を更新し、仕様の変更を組み込みました。<a href="https://www.w3.org/TR/pointerevents/">ポインター イベント</a>を使用することにより、マウス、タッチ、ペン、その他のポインター入力を使用するサイトではパフォーマンスや機能の面で多くの利点があります。Microsoft では、さまざまなデバイスを利用するユーザーを対象とするサイトに最適な API として、今後もこの API を推奨していきます。</p>
<p>モバイル Web では、多くのサイトが旧式の<a href="https://www.w3.org/TR/touch-events/">タッチ イベント</a> モデルを使用するようにコーディングされており、ユーザーはそれらのサイトが問題なく動作することを期待しています。IE11 の更新プログラムでは、これらのサイトが正しく動作するように、タッチ イベントのサポートが追加されました。Microsoft の調査では、デスクトップ Web では、マウスもサポートするデバイス (Windows タブレットや 2 in 1 デバイスなど) でタッチ イベントを有効にすることは、さらに問題の原因となることがわかりました。たとえば、タッチ イベントが有効である場合、人気サイトの約 10% でマウスやトラックパッドのサポートの問題が検出されました。多くのサイトは、タッチ イベントとマウス イベントの両方を受信することを想定しておらず、どちらか一方のみをサポートしています。Microsoft は、他のブラウザー ベンダーと共に <a href="https://www.w3.org/community/touchevents/">W3C Touch Events Community Group</a> に参加し、Web 全体でこれらの問題に取り組んでいます。ポインター イベントとタッチ イベントの詳細については、<a href="https://blogs.msdn.com/b/ie/archive/2014/09/05/making-the-web-just-work-with-any-input.aspx">こちらの記事</a>をご覧ください。</p>
<h2 id="interop">最も影響が大きい相互運用性の問題の解決</h2>
<p>Internet Explorer で正しく動作しないサイトのマークアップの調査を続けるうちに、独特な相互運用性の問題に気付きました。たとえば、他のブラウザーでは &lt;a&gt; リンク内の &lt;button&gt; 要素や &lt;label&gt; 要素は個別にクリックできますが、この動作はどこにも明確にドキュメント化されていません。もう 1 つの例として、<a href="https://www.w3.org/TR/html5/document-metadata.html#attr-meta-http-equiv-refresh">&lt;meta&gt; refresh のサポート</a>が挙げられます。HTML5 の仕様では、別の URL にリダイレクトするには、文字列 &quot;URL=&quot; を要素の内容の一部にすることを想定しています。他のブラウザーではこの必要がないため、このように誤って使用されている場合、IE ではページの表示が絶えず更新されます。</p>
<p>最後に、Trident エンジンに、人気サイトへの影響が特に大きいバグがあることもわかりました。これらの問題に対する修正プログラムは、この更新プログラムに含まれています。たとえば、人気モバイル サイトに影響していたナビゲーションの問題 (<code>location.hash</code> ) や CSS レイアウトの問題が解決されています。</p>
<h2 id="what-can-you-do">次の手順</h2>
<p>私たちが行った変更の多くは、これらのサイトで公開されている従来の、またはベンダー プレフィックス付きのコンテンツを利用できるようにすることを目指していました。すべての -webkit- ベンダー プレフィックスが付いた API をサポートすることが私たちの目標ではありません。Microsoft では、これらのサイトが標準ベースのマークアップを導入できるように<a href="https://twitter.com/TheWebJustWorks">支援活動</a>を続けていきますが、私たちが追加したサポートは現時点でモバイル Web が適切に機能するために必要なことです。皆さんも、標準ではないコードを使用しているサイトを見かけたら、ぜひご協力ください。Microsoft は <a href="https://www.webcompat.com/">webcompat.com</a> で、Mozilla と協力して壊れたサイトを記録しています。これらのサイトは、Firefox や IE など、複数のブラウザーで問題となることが多く、ユーザーの皆さんが問題のあるサイトを報告することも容易です。</p>
<p>Web 開発者の皆さんは、<a href="https://modern.ie">https://modern.ie</a> にある<a href="https://modern.ie/report">スキャナー ツール</a>を使用して自分のサイトを実行してみてください。このツールを使用すると、ベンダー プレフィックスの問題など、一般的なコーディングの問題を検出し、コードを修正することができます。</p>
<p>全体的に見ると、Windows Phone 8.1 Update の IE に対して行った変更によって、人気のあるモバイル Web サイトとの互換性が大幅に向上しています。この更新プログラムは現在、既に<a href="https://dev.windows.com/ja-jp/develop/devpreview">開発者向け Windows Phone 8.1 Preview</a> を使用している開発者の皆さんに提供されており、今後数か月の間に、Windows Phone 8.1 が稼働しているデバイスを使用しているユーザーの皆さんにも提供される予定です。また、MSDN の IE 開発者向けガイドでは、すべての変更内容の<a href="https://msdn.microsoft.com/ja-jp/library/ie/dn736066(v=vs.85).aspx">詳細なリスト</a>を公開しています。</p>
<p>ご不明な点については、Twitter の <a href="https://twitter.com/IEDevChat/">@IEDevChat</a> までお問い合わせください。次回の <a href="https://twitter.com/search?q=%23AskIE">#AskIE</a> ツイート チャットは本日 (7 月 31 日)、<a href="https://www.timeanddate.com/worldclock/fixedtime.html?msg=%23AskIE+Tweet+Chat&amp;iso=20140731T10&amp;p1=234&amp;ah=2">午前 10 時から正午まで (太平洋夏時間)</a> です。ご質問には <a href="https://twitter.com/search?q=%23AskIE">#AskIE</a> を含めてくださいますようお願いいたします。</p>
<p>Internet Explorer 担当グループ プログラム マネージャー <br />Adrian Bateman</p>
<p>Internet Explorer 担当グループ プログラム マネージャー <br />Frank Olivier</p>]]></content:encoded>
    </item>
    <item>
      <title>8 月分の Internet Explorer 用更新プログラム</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/8-internet-explorer</link>
      <pubDate>Wed, 22 Oct 2014 13:04:36 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/10/22/8-internet-explorer/</guid>
      <description><![CDATA[8 月分の Internet Explorer の更新プログラムには、最新のセキュリティ更新プログラムの他、WebGL および F12 機能の更新プログラムが含まれています。
Windows...]]></description>
      <content:encoded><![CDATA[<p>8 月分の Internet Explorer の更新プログラムには、最新のセキュリティ更新プログラムの他、WebGL および F12 機能の更新プログラムが含まれています。</p>
<p><a href="https://blogs.windows.com/bloggingwindows/2014/08/05/august-updates-for-windows-8-1-and-windows-server-2012-r2/">Windows ブログでお話</a> (英語) したように、弊社では今後も既存の月例更新プロセスを利用して、セキュリティ更新プログラムと併せて、機能強化をよりこまめにお届けいたします。</p>
<h1>Internet Explorer 11 の新機能</h1>
<p>この更新プログラムには、ユーザーと開発者からのフィードバックを基にした機能強化が 4 種類含まれています。このうちの一部は、<a href="https://blogs.msdn.com/b/ie_ja/archive/2014/07/01/announcing-internet-explorer-developer-channel.aspx">Internet Explorer 開発者チャネル</a>においてプレビューを実施し、皆さまのフィードバックのおかげで、このたびリリースの運びとなりました。</p>
<h2>F12 開発者ツールの強化</h2>
<p>今回の更新プログラムでは、F12 開発者ツールが大幅に強化されています。ユーザー インターフェイス、コンソール、DOM Explorer、デバッガー、エミュレーション ツール、UI の応答性およびメモリのプロファイリング ツールのすべてにおいて、新機能が追加され、バグが修正されています。</p>
<p>詳細については、<a href="https://support.microsoft.com/kb/2990946">マイクロソフト サポート技術情報 2990946</a> を参照してください。また、F12 の強化については、今後の IE ブログの記事でさらに詳しく説明する予定です。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 75%" alt="F12 UI 応答性ツールのスクリーンショット" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3173.f12-august-update.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3173.f12_2D00_august_2D00_update.png" /><br />更新後の F12 UI 応答性ツール</p>
<h2>WebGL レンダラーの強化</h2>
<p>WebGL レンダラーも更新され、ANGLE_instanced_arrays、OES_element_index_uint、および WEBGL_debug_renderer_info 拡張機能、failIfMajorPerformanceCaveat コンテキスト作成属性、16 ビット テクスチャーがサポートされた他、GLSL 対応が強化され、line-loop と triangle-fan プリミティブが追加されました。</p>
<p>また、Windows 7 システムでも、ドライバーが最新の場合はハードウェア モードで WebGL をレンダリングできるようになります。</p>
<p>このリリースでは、<a href="https://www.khronos.org/registry/webgl/sdk/tests/webgl-conformance-tests.html">Khronos WebGL Conformance Test 1.0.3</a> のスコアが 89.9% から 96.8% に向上しました。詳細については、<a href="https://support.microsoft.com/kb/2991001">マイクロソフト サポート技術情報 2991001</a> を参照してください。WebGL についても、将来の IE ブログの記事でさらに詳しくお話します。</p>
<h2>WebDriver のサポート</h2>
<p>8 月分の更新プログラムは、最新の <a href="https://www.w3.org/TR/webdriver/">WebDriver</a> 標準を IE でサポートする基盤にもなります。WebDriver を利用すると、Web ブラウザーによるサイトの自動テストを Web 開発者が記述できます。これは、複雑なユーザー シナリオを開発し、Web サイトとブラウザーでそのシナリオを自動的に実行するための、プログラミング可能なリモート制御です。8 月の更新プログラムによって、WebDriver のネイティブ サポートに必要な変更が、ブラウザー エンジンに適用されます。WebDriver スクリプトを実行するには、近日リリースされる別のパッケージをインストールする必要があります。</p>
<h2>Internet Explorer での古い ActiveX コントロールのブロック</h2>
<p>Internet Explorer により古い ActiveX コントロールをブロックすることで、ActiveX コントロールを最新の状態に保ち、安全に使用できるようにします。詳細については、この<a href="https://blogs.msdn.com/b/ie/archive/2014/08/06/internet-explorer-begins-blocking-out-of-date-activex-controls.aspx">ブログ記事</a>と、<a href="https://support.microsoft.com/kb/2991000">マイクロソフト サポート技術情報 2991000</a> を参照してください。</p>
<h1>Internet Explorer 用セキュリティ更新プログラム</h1>
<p>8 月分の更新プログラムには、次のセキュリティ更新プログラムも含まれています。</p>
<ul><li><strong>マイクロソフト セキュリティ情報 MS14-051</strong> - この「緊急」のセキュリティ更新プログラムは、Internet Explorer に存在する 1 件の一般に公開された脆弱性および 25 件の非公開で報告された脆弱性を解決します。詳細については、<a href="https://technet.microsoft.com/ja-jp/library/security/ms14-051.aspx">セキュリティ情報ページ</a>を参照してください。</li>
<li><strong>Flash Player のセキュリティ更新プログラム (2982794)</strong> - サポートされているエディションの Windows 8、Windows 8.1、Windows Server 2012、および Windows Server 2012 R2 上の Internet Explorer 10 と Internet Explorer 11 の Adobe Flash Player に関するセキュリティ更新プログラムも提供されます。脆弱性の詳細については、Adobe セキュリティ情報 <a href="https://helpx.adobe.com/jp/security/products/flash-player/apsb14-18.html">APSB14-18</a> を参照してください。この更新プログラムは、Internet Explorer 10 と Internet Explorer 11 に含まれる、影響を受ける Adobe Flash バイナリを更新することで、Adobe Flash Player の脆弱性を解決します。詳細については、<a href="https://technet.microsoft.com/ja-jp/library/security/2755801.aspx">アドバイザリ</a>を参照してください。</li>
</ul>
<h1>常に最新の状態を維持</h1>
<p>ほとんどのお客様は自動更新を有効にしていて、これらの更新プログラムが自動的にダウンロードおよびインストールされるため、特別な措置を講じる必要はありません。自動更新を有効にしていない場合、更新プログラムを手動で確認し、インストールする必要があります。</p>
<p>皆様のフィードバックをお待ちしております。その際は、<a href="https://twitter.com/iedevchat">@IEDevChat</a> または <a href="https://connect.microsoft.com/ie">Connect</a> のいずれかをご利用いただけるとさいわいです。</p>
<p>&mdash; Internet Explorer 担当グループ プログラム マネージャー Sharon Meramore</p>
<p>- Internet Explorer 担当リード プログラム マネージャー、Charles Morris</p>]]></content:encoded>
    </item>
    <item>
      <title>Windows Phone 用 Internet Explorer 11 の新機能</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/windows-phone-internet-explorer-11</link>
      <pubDate>Tue, 01 Jul 2014 10:18:28 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/07/01/windows-phone-internet-explorer-11/</guid>
      <description><![CDATA[Windows Phone 8.1 での IE11 の新機能について、部分的には既にご存じかもしれませんが、今日はユーザー...]]></description>
      <content:encoded><![CDATA[<p>Windows Phone 8.1 での IE11 の新機能について、部分的には既にご存じかもしれませんが、今日はユーザー エクスペリエンスの改善点の全体像を共有できることを嬉しく思います。私たちのチームは、ブラウジング エクスペリエンスの 4 つの重要領域、サイトへのすばやいアクセス、高速で滑らかなブラウジング、安全とプライバシー、アクセシビリティを大幅にアップグレードすることに重点的に取り組んできました。</p>
<p>このリリースでの Web 開発者向け新機能については、近日公開する別の記事をご覧ください。</p>
<h1>サイトへのすばやいアクセス</h1>
<p>高速なブラウザーを誰もが常に求めています。これは取り組むのが楽しい課題です。私たちのチームはこの課題を 2 つの部分に分けて考えました。まず、ユーザーはブラウザーにどのページにアクセスするかを伝える必要があります<em></em>。次に、ブラウザーはそのページに可能な限り高速に移動する必要があります<em></em>。通常は 2 番目の部分がほとんどの注目を集め、(SunSpider、Acid3、Octane などの有名な) ブラウザーのパフォーマンス ベンチマークが議論の種となります。ベンチマークについても進歩がもたらされましたが、今回は最初の部分、つまりブラウザーにどのページにアクセスするかを伝える部分に大幅な進歩をもたらすことに重点的に取り組んでいます<em></em>。これを実現した方法を次に示します。</p>
<h2>頻繁なサイトおよび URL 予測</h2>
<p>アドレス バーがタップされたときには、現在見ているサイトから別のサイトに移動しようとしていることが分かります。誰もが頻繁に訪れるサイトをいくつか持っています。これらのサイトがアドレス バーから離れた場所にすばやくタップできるように表示されるようになりました。ブラウジングを行うことで、これらのサイトはスマートフォンで訪れることが多いサイトを反映して更新されます。私のスマートフォンのスクリーンショットを以下に示します。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4377.wniiefwp-image1-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4377.wniiefwp_2D00_image1_2D00_1.png" alt="Windows Phone 用 IE11 で頻繁に訪れるサイト" width="264" height="440" /></p>
<p>アドレス バーに入力する場合には、移動しようとしているサイトを予測するようになりました (下のスクリーンショットの強調表示部分)。URL 全体を入力することなく、タップするだけで入力し、より高速に移動することができます。この機能は一度使用すると手放せなくなります。目的のサイトに移動するために必要な手間が少なくなり、よりスマートなブラウザーとなっています。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/3716.wniiefwp-image2-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/3716.wniiefwp_2D00_image2_2D00_1.png" alt="インライン オート コンプリート" width="264" height="440" /></p>
<h2>無制限の (アクセスしやすい) タブ、1 つの IE をどこの場所でも</h2>
<p>Web ブラウジングがモバイル デバイスで行われることが多くなるにつれて、私たちはこれらのデバイスでより複雑なタスクを行えるようにしたいと考えるようになりました。1 つの例として、マルチタブ ブラウジングが挙げられます。以前は最大 6 つのタブのみを使用できました。また、(アドレス バー ボタンを変更する設定を使用している場合を除いて) […] メニューでタブにアクセスするには若干のスピード バンプがありました。</p>
<p>そのため、この制限をなくすことにしました。誇張なしに、好きなだけ多くのタブを開くことができます。また、アドレス バーの横のボタンからは既定でタブにアクセスできるようになりました。タブにアクセスしやすくなったことは喜ばしい変更点ですが、その他に更新のしやすさに対するご要望もいただいています。そこで、このご要望も両立させることにしました。タブ ボタンと<em></em>更新ボタンの両方にすばやくアクセスできるようになっています。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4784.wniiefwp-image3-1_528x856.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4784.wniiefwp_2D00_image3_2D00_1_5F00_528x856.png" alt="既定で表示されるタブ ボタンと更新ボタン" width="264" height="440" />&nbsp;&nbsp;<img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/5758.wniiefwp-image4-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/5758.wniiefwp_2D00_image4_2D00_1.png" alt="無制限の自由に動かせるタブ" width="264" height="440" /></p>
<p>よく見ると、上のスクリーンショットの中にある「別の」重要な点に気が付くはずです。Internet Explorer 11 では、スマートフォン、タブレット、PC の間でブラウジング データを同期できるようになったとお伝えできることを喜ばしく思います。同期されるデータには、お気に入り、履歴、パスワード、開かれているタブが含まれます。デバイスを換えても中断したところからすばやくブラウジングを続行できるようになりました。これでようやく、自分宛にリンクを電子メールで送信する必要がなくなりました。</p>
<p>注: データの使用について心配な場合には、お任せください。DataSense アプリにデータ上限を入力するだけで、データを適切なタイミングで同期して、データ量超過料金を避けることができます。</p>
<h2>ライブ ピン留めサイト</h2>
<p>私はピン留めサイトを使用してスタート画面から直接お気に入りのブログにすばやくアクセスできる機能を気に入っていますが、正直に言って、これまでの Windows Phone のピン留めサイト機能は<s>まったく不十分でした</s>あまり優れていませんでした。お気に入りのアプリの美しく動的なライブ タイルの隣でピン留めサイトは動きのないスクリーンショットだけを使用し、ないがしろにされていました。ここが大きく変わっています。Windows 8.1 を使用したことがあれば、ピン留めサイトは非常に使い慣れたものに感じるようになっています。</p>
<p>ピン留めサイトにリッチなサイト アイコンが表示され、バックグラウンドで更新も行われるようになりました。たとえば、他のライブ タイルと同様に、お気に入りのブログの最新のヘッドラインと画像を使用します。Web サイトを持っている場合には、<a href="https://www.buildmypinnedsite.com/">ここ</a>からこの機能を自分のサイトで活用するための指示を参照できます (ヒント: Windows 8.1 とまったく同じマークアップです)。お気に入りのサイトがライブ ピン留めサイトをサポートしていない場合には、この指示をサイトの管理者に示して、優れた管理者は誰もが指示を実行していることを伝えてください。開発者向けの詳しい記事を投稿する予定ですが、ここではライブ ピン留めサイトのみを使用して作成されたスタート画面を確認してください。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/8176.pinnedsites.jpg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/8176.pinnedsites.jpg" alt="ピン留めサイト" width="264" height="440" /></p>
<h1>高速かつ滑らかなブラウジング</h1>
<p>このように、はるかに高速にサイトへアクセスできるようになりました。私たちはまた、ユーザーの関心事であるコンテンツの取得と利用についても、非常に<em></em>高速にできるようにしたいと考えています。そのため、サイトに到達した後<em></em>のエクスペリエンスの高速化に関しても、インライン ビデオの再生、読み取りビュー、パスワードの記憶、スワイプによる前/次ページへの移動、ダウンロードしたファイルの保存に対して、大きな改良を行っています。</p>
<h2>インライン ビデオ再生</h2>
<p>YouTube ビデオの視聴中に、「インターネット上ではこのビデオはどう思われているのだろう」と考えたことが何回ありますか。そこで、ブラウザー内でビデオを視聴しながら、ビデオの下に高品質<em></em>なコメントを表示できるようになりました。より便利になるように、ロック画面でビデオを再生し続けることもできるようになります。優れたインライン ビデオ再生のサポートを実現するために開発者に役立つ詳しい情報について、近日中に投稿する予定です。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2262.wniiefwp-image7-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2262.wniiefwp_2D00_image7_2D00_1.png" alt="YouTube.com のインライン ビデオ" width="264" height="440" /></p>
<h2>読み取りビュー</h2>
<p>移動中に<s>有名人のうわさ話や Cosmo を</s>ニュース記事を読むのはお好きでしょうか。<a href="https://blogs.msdn.com/b/ie_ja/archive/2014/04/16/introducing-reading-view-in-ie-11.aspx">タブレットや PC と同様に</a>、アドレス バーの読み取りビューアイコンをタップすることで、優れたリーディング エクスペリエンスを得ることができます。読み取りビューでは余分な情報が表示されなくなり、記事のすべてのページが 1 つのページにまとめられます。サイトと読み取りビューで記事がどのように表示されるかを以下に示します。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4010.wniiefwp-image8-1.jpeg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4010.wniiefwp_2D00_image8_2D00_1.jpeg" alt="読み取りビュー ボタン" width="264" height="440" />&nbsp;&nbsp;<img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/6545.wniiefwp-image9-1.jpeg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/6545.wniiefwp_2D00_image9_2D00_1.jpeg" alt="読み取りビュー" width="264" height="440" /></p>
<h2>パスワードを記憶する</h2>
<p>この機能により、ログインの方法が簡単になります。以上です。<br />追記 &ndash; パスワードがスマートフォン、タブレット、PC の IE 間で同期するようになりました。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/5074.wniiefwp-image10-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/5074.wniiefwp_2D00_image10_2D00_1.png" alt="パスワードを記憶するためのプロンプト" width="264" height="440" /></p>
<h2>スワイプして前/次ページへ移動する</h2>
<p>PC やタブレット (流行に気づいていますか?) と同様に、スワイプによる前/次ページへの移動が行えるようになりました。そう、次ページへの移動が満を持して Windows Phone の IE に戻ってきたのです。記事を読んでいる最中の前ページへの移動のスクリーンショットを以下に示します。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4885.wniiefwp-image11-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4885.wniiefwp_2D00_image11_2D00_1.png" alt="スワイプして前/次ページへナビゲーションする" width="264" height="440" /></p>
<h2>ダウンロードしたファイルを保存する</h2>
<p>Web からダウンロードしたファイルを保存できるようになりました。万歳!</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/7534.wniiefwp-image12-1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/7534.wniiefwp_2D00_image12_2D00_1.png" alt="ダウンロードしたファイルを保存する、または開く" width="264" height="440" /></p>
<h1>安全とプライバシー</h1>
<p>IE は SmartScreen フィルターによるフィッシング対策保護を導入した最初のモバイル ブラウザーです。また、拡大を続けるプライバシーの問題に対処するために、DoNotTrack シグナルも追加されています。ブラウジング中に常にユーザーを保護できるように、いくつかの機能をさらに追加しています。</p>
<h2>InPrivate</h2>
<p>ユニコーンに魅力を感じていることを友人に知られたくありませんか?InPrivate タブを開いて、そのタブに関連付けられたすべてのデータをタブが閉じたときに削除できるようになりました。操作はタブ画面でメニューを開いて、[Open InPrivate tab] (InPrivate タブを開く) を選ぶだけです。</p>
<h2>DataSense の High Savings Mode</h2>
<p>Windows Phone 8 の IE に DataSense を導入することで、同じデータ量で最大 40% 多くのブラウジングが可能となりました。ブラウジング エクスペリエンスにも差はほとんどありません。今回は、High Savings Mode を導入しています。このモードでは Web サイトの最も重要な部分のみをダウンロードし、画像を大幅に圧縮します。High Savings Mode を有効にした場合 (左) と無効にした場合 (右) の例を以下に示します。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2235.wniiefwp-image14-1_528x875.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2235.wniiefwp_2D00_image14_2D00_1_5F00_528x875.png" alt="High Savings Mode" width="264" height="440" />&nbsp;&nbsp;<img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2816.wniiefwp-image15-1_528x875.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2816.wniiefwp_2D00_image15_2D00_1_5F00_528x875.png" alt="High Savings Mode オフ" width="264" height="440" /></p>
<p>サイトは明らかに異なって見えます。この機能は容量の少ないデータ プランを使用している場合や、その月のデータ プランの残りが少なくなっている場合に非常に役立ちます。Internet Explorer の設定で、High Savings Mode を常に有効にするか、無効にするか、自動的に設定するかを選ぶことができます。自動的に設定する場合には、(DataSense アプリで設定された) データ プランの上限に近づいたときに High Savings Mode が自動的に有効になります。アドレス バーのアイコンをタップするだけで、High Savings Mode が有効になっているときに完全な状態のサイトを表示することができます。</p>
<h1>アクセシビリティ</h1>
<p>Microsoft では、製品デザインに対して包括的なアプローチを行い、当社製品ユーザーのニーズの理解に努めています。喜ばしいことに、IE11 ではハイコントラスト モード、ナレーター、すべての Web ページのズームを可能とする無効スイッチがサポートされました。詳しくは、システム レベルのアクセシビリティを対象とする <a href="https://blogs.windows.com/windows_phone/b/windowsphone/">Windows Phone ブログ</a>の今後の記事をご覧ください。</p>
<h1>まとめ</h1>
<p>ふぅ!ご紹介することがたくさんありました。ご使用のブラウザーにこれらの大きな更新をお届けできることを嬉しく思っています。また、いつものように皆様のご意見やフィードバックをお待ちしています。このページの下か、<a href="https://twitter.com/ie">tweet @IE</a> にコメントを残してください。</p>
<p>&mdash; Internet Explorer 担当グループ プログラム マネージャー Amin Lakhani</p>
<p>この記事に対する Dhruv Chadha、Derek Liddell、Oren Freiberg のご協力に感謝します。<em></em></p>]]></content:encoded>
    </item>
    <item>
      <title>Windows および Windows Phone 8.1 で Web サイトのライブ タイルをサポートする</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/windows-windows-phone-8-1-web-12427</link>
      <pubDate>Tue, 01 Jul 2014 10:17:51 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/07/01/windows-windows-phone-8-1-web-12427/</guid>
      <description><![CDATA[要約: RSS フィードをお持ちですか。buildmypinnedsite.com から数分で Web サイトのライブ タイルを作成しましょう。
Web...]]></description>
      <content:encoded><![CDATA[<p><strong>要約</strong>: RSS フィードをお持ちですか。<a href="https://buildmypinnedsite.com">buildmypinnedsite.com</a> から数分で Web サイトのライブ タイルを作成しましょう。</p>
<h1>Web を利用したスタート画面を有効にする</h1>
<p>Internet Explorer では、Windows および Windows Phone のスタート画面にピン留めすることで、お気に入りの Web サイトをお気に入りのアプリのすぐそばに置くことができます。IE から Web サイトをピン留めすることで、ユーザーはそれらのサイトに何度もナビゲーションすることなく、スタート画面からすぐにアクセスすることができます。</p>
<p>ユーザーがあなたのサイトをピン留めしたときには、そのユーザーがサイトの常連であり、サイトの更新を気にしているということが分かります。この点を考慮し、Internet Explorer では Web サイトのライブ タイルを導入し、ユーザーがブラウザーの外でも Web サイトにつながれるようになりました。</p>
<p>ライブ タイルを使用することで、最新ニュース、新しいメッセージ アラート、新しいブログの記事のタイトルなどの新鮮なコンテンツをユーザーのスタート画面に表示してユーザーに関わることができます。また、Web サイトで複数のタイル サイズをサポートし、ワイド タイルまたは大きいタイルとしてサイトを目立たせて表示することができます。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/4477.saltfywowawp-image1_760x428.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/4477.saltfywowawp_2D00_image1_5F00_760x428.png" alt="" /></p>
<p>左上から、下に向かって各列を紹介します。<em></em>IE アプリのタイル、youtube.com、techmeme.com、theverge.com、anandtech.com、mathrubhumi.com、twitter.com、reuters.com、t.msn.com、aol.com、economictimes.indiatimes.com、ピン留めサイトの IE Test Drive、wired.co.uk、lapresse.ca、cnet.com、contrejour.ie、dhakatimes.com.bd、outlook.com、wellsfargo.com、geekwire.com、nymag.com、gawker.com、indiatimes.com、facebook.com、vyclone.com、polygon.com、wpcentral.com、theage.com.au。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/8664.saltfywowawp-image2.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/8664.saltfywowawp_2D00_image2.png" alt="" width="240" /></p>
<p>左上から、下に向かって各列を紹介します。<em></em>IE アプリのタイル、techmeme.com、contrejour.ie、wellsgargo.com、gawker.com、t.msn.com、youtube.com、vyclone.com、ピン留めサイトの IE Test Drive、wpcentral.com</p>
<h1>Web サイトにライブ タイルを追加する</h1>
<p>Web サイトのライブ タイルには定期通知が利用されていて、プラットフォームが事前定義されたポーリング間隔でサーバーにホストされたポーリング URI からテキストと画像を収集し、このコンテンツを Web サイトのタイルに表示します。サイトにライブ タイルのサポートを追加するには、Web ページのメタ タグを利用するか、マニフェスト ファイルを作成するか、JavaScript API を利用するかの 3 つの方法のいずれかを使用することができます。Windows 8.1 用にタイルを設定するためにメタ タグを使用しているサイトの例を以下に示します。</p>
<pre>&lt;meta name="application-name" content=" CenturyCutCook" /&gt; &lt;meta name="msapplication-TileColor" content=" #009900" /&gt;<br /> &lt;!-- Logos for all four tile sizes --&gt; &lt;meta name="msapplication-square70x70logo" content="smalltile.png" /&gt; &lt;meta name="msapplication-square150x150logo" content="mediumtile.png" /&gt; &lt;meta name="msapplication-wide310x150logo" content="widetile.png" /&gt; &lt;meta name="msapplication-square310x310logo" content="largetile.png" /&gt;<br /> &lt;!-- Notification URL --&gt; &lt;meta name="msapplication-notification" content="frequency=30; polling-uri=1.xml; polling-uri2=2.xml; polling-uri3=3.xml; polling-uri4=4.xml; polling-uri5=5.xml" /&gt;</pre><p>この例で定義されているポーリング URI には、表示する、30 分毎にポーリングされる通知の内容が含まれています。そのため、指定された 30 分間隔で、ユーザーはこのサイトの更新を最大 5 か所目にすることになり、常に Web サイトに密接につながることになります。</p>
<p>ポーリング URI には、事前定義されたテンプレートに従う XML マークアップが含まれています。これらの<a href="https://msdn.microsoft.com/ja-jp/library/windows/apps/Hh761491.aspx">テンプレート</a>は Web サイト用も Windows アプリケーション用も同じもので、タイルの外観を制御します。テンプレートはテキスト ベースか、画像ベースか、またはその両方です。次の例は、普通サイズのタイル、ワイド タイル、大きいタイルのサイズにバインドされたポーリング URI で構成されています (大きいサイズは Windows ではサポートされていますが、Windows Phone ではサポートされていません)。</p>
<pre>&lt;tile&gt; &nbsp;&nbsp;&nbsp;&lt;visual lang="en-US" version="2"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;binding template=" TileSquare310x310ImageAndTextOverlay02" branding="name"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;image id="1" src="cheddar_and_ham.png" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;text id="1"&gt;Cheddar and Ham Skewers &lt;/text&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;text id="2"&gt;This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack &lt;/text&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/binding&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;binding template=" TileWide310x150ImageAndText01" branding="logo"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;image id="1" src="cheddar_and_ham.png" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;text id="1"&gt;Cheddar and Ham Skewers&lt;/text&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/binding&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;binding template="TileSquare150x150Image" branding="name"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;image id="1" src="cheddar_and_ham.png" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/binding&gt; &nbsp;&nbsp;&nbsp;&lt;/visual&gt; &lt;/tile&gt;</pre><p>このバインドにより、次のようなスタート画面でサポートされている全 4 種類のサイズのタイルになります。</p>
<table style="border-collapse: collapse; margin-left: auto; margin-right: auto;" border="1" cellspacing="0" cellpadding="4"><tbody><tr><td><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/6014.largetile.jpg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/6014.largetile.jpg" alt="" /></td><td><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/8168.widetile.jpg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/8168.widetile.jpg" alt="" /></td></tr>
<tr><td><strong>大きいタイル、</strong>TileSquare310x310ImageAndTextOverlay02 テンプレートを使用</td><td><strong>ワイド タイル、</strong>TileWide310x150ImageAndText01 テンプレートを使用</td></tr>
<tr><td><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/7587.mediumtile.jpg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/7587.mediumtile.jpg" alt="" /></td><td><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/8737.smalltile.jpg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/8737.smalltile.jpg" alt="" /></td></tr>
<tr><td><strong>普通サイズのタイル、</strong>TileSquare150x150Image テンプレートを使用</td><td><strong>小さいタイル (</strong>通知なし)</td></tr>
</tbody></table>
<p><a href="https://code.msdn.microsoft.com/ie/Pinned-Sites-Live-Tiles-d6c99a2f">コード サンプル</a>を使用してライブ タイルの構築についてより詳しく学ぶことができます。または、サイトに RSS フィードを使用していて、その RSS フィードを通知に利用する場合には、<a href="https://www.buildmypinnedsite.com/">buildmypinnedsite ウィザード</a>を使用してサイトのタイルを数分間で構築することができます。</p>
<h1>まとめ</h1>
<p>Windows 8.1 と IE11 を使用することで、ユーザーがブラウザーのタブを開いていないときでもユーザーの関心を引き付けることができます。ライブ タイルをサポートすることで、ユーザーがスタート画面で興味のあるコンテンツを予期せず見つける役に立ち、より頻繁にサイトに訪問してもらえるようになります。そして何より、ライブ タイルは数分間で簡単にサイトに追加することができます。</p>
<p>&mdash; Internet Explorer 担当グループ プログラム マネージャー Tanvi Surti</p>
<p>&mdash; Internet Explorer 担当グループ プログラム マネージャー Derek Liddell</p>]]></content:encoded>
    </item>
    <item>
      <title>Internet Explorer 開発者チャネルのお知らせ</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/internet-explorer</link>
      <pubDate>Tue, 01 Jul 2014 10:17:00 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/07/01/internet-explorer/</guid>
      <description><![CDATA[概要:devchannel.modern.IE から新しい Internet Explorer 開発者チャネルを入手しましょう。
つい数週間前に、IE チームと Web...]]></description>
      <content:encoded><![CDATA[<h3>概要:<a href="https://devchannel.modern.ie" target="_blank">devchannel.modern.IE</a> から新しい Internet Explorer 開発者チャネルを入手しましょう。</h3>
<p>つい<a href="https://blogs.msdn.com/b/ie/archive/2014/05/27/launching-status-modern-ie-amp-internet-explorer-platform-priorities.aspx">数週間前に</a>、IE チームと Web 開発コミュニティとの間のより開かれた対話の場を作ることについてお伝えしました。本日、Web 開発者と早期導入者に私たちが取り組んでいる Web プラットフォーム機能をプレビューしていただくために設計された、完全に機能するブラウザーである Internet Explorer 開発者チャネルのリリースをお知らせできることを嬉しく思います。開発者チャネルは、Internet Explorer 11 を実行する Windows 8.1 および Windows 7 SP1 のユーザーを対象に、<a href="https://devchannel.modern.ie" target="_blank">本日からダウンロードできます</a>。</p>
<p>IE 開発者チャネルは IE11 と併用し、独立して実行することができます。IE11 で愛用されているすべてのブラウザー機能と、私たちが取り組んでいる最新のプラットフォーム機能を備えています。これらの機能を試したときには、<a href="https://twitter.com/IEDevChat">@IEDevChat</a> または <a href="https://connect.microsoft.com/ie">Connect</a> からフィードバックをお寄せください。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/7433.aiedc-image1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/7433.aiedc_2D00_image1.png" alt="Internet Explorer 開発者チャネルのタスクバー アイコン" /></p>
<h2>F12 開発者ツールのさらなる強化</h2>
<p style="margin-bottom: 0;"><a href="https://blogs.msdn.com/b/ie_ja/archive/2014/04/21/whats-new-in-f12-w-windows-8-1-update.aspx">4 月に</a>、Windows 8.1 Update での IE11 内 F12 開発者ツールの新機能の一部について説明しました。F12 開発者ツールでは、DOM Explorer での正確なデータの提供と、メモリおよびパフォーマンス ツールでの実用的なデータの提供に注力しています。IE 開発者チャネルでは、F12 開発者ツールに以下をはじめとしたさらなる機能強化が行われています。</p>
<ul style="margin-top: 0;"><li>イベント ドリブン バグにより速く到達するために役立つ<strong>イベント ブレークポイント</strong>による、強化されたデバッグ エクスペリエンス。</li>
<li><strong>多次元タイムライン フィルター</strong>によるノイズのさらなる低減をサポートしながら、<strong>performance.measure() </strong>ベースの方法および<strong>ドミネーター フォールディング</strong>を活用して報告されるデータの意味論的価値を増したメモリ プロファイラーおよび UI の応答性プロファイラーによる、よりリッチな分析機能。</li>
<li><strong>より多くのキーボード ショートカット</strong> (<em>Ctrl + [</em> および <em>Ctrl + ]</em>) と、いずれかのプロファイリング ツールが実行されているか、またはページ内にいくつのエラーがあるかをすばやく判断できる新しい<strong>ヘッダー通知</strong>を提供する、改良されたナビゲーション エクスペリエンス。</li>
</ul>
<p>強化機能について詳しくは、MSDN の<a href="https://msdn.microsoft.com/ja-jp/library/ie/dn743687(v=vs.85).aspx">こちら</a>をご覧ください。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/0576.aiedc-image2_551x320.jpeg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/0576.aiedc_2D00_image2_5F00_551x320.jpeg" alt="UI の応答ツール内の DOM の新しい色づけ" /><br /><em>UI の応答ツール内の DOM の新しい色づけ</em></p>
<h2>WebDriver でテストを自動化する</h2>
<p>IE 開発者チャネルは最新の <a href="https://www.w3.org/TR/webdriver/">WebDriver</a> 標準もサポートし、これを利用することで Web 開発者は Web ブラウザーがサイトを自動的にテストするようにテストを記述することができます。これは、複雑なユーザー シナリオを開発し、Web サイトとブラウザーでそのシナリオを自動的に実行するための、プログラミング可能なリモート制御です。IE 開発者チャネルでの <a href="https://msdn.microsoft.com/ja-jp/library/ie/dn725045(v=vs.85).aspx">WebDriver のセットアップ</a>方法を確認し、この<a href="https://go.microsoft.com/fwlink/?LinkId=401000">サンプル WebDriver プロジェクト</a>を試してみてください。</p>
<h2>Xbox コントローラーを Web ゲームに使用する</h2>
<p>Xbox コントローラーをブラウザーでのゲームに使用できたらいいと考えたことはありませんか。IE 開発者チャネルは最新の <a href="https://go.microsoft.com/fwlink/?LinkId=398250">Gamepad API</a> 標準をサポートし、JavaScript を使用して Web アプリおよびゲームにゲームパッドのサポートを追加することができます。Xbox 360 コントローラーをつなげて <a href="https://go.microsoft.com/fwlink/?LinkId=398253">Escape from XP</a> を遊ぶか、お気に入りの <a href="https://atari.com/arcade">Atari Arcade</a> ゲームを遊ぶか、<a href="https://hover.ie">Hover.IE</a> を試してこの機能を試してみてください。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2630.aiedc-image3_760x343.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2630.aiedc_2D00_image3_5F00_760x343.png" alt="Xbox コントローラーを使用して Escape from XP を遊ぶ" /><br /><em>Xbox コントローラーを使用して Escape from XP を遊ぶ</em></p>
<p>IE 開発者チャネルでは WebGL パフォーマンスも改善され、インスタンス エクステンション、16 ビット テクスチャ、GLSL 組み込み変数、三角形ファンのサポートが追加されています。これにより、<a href="https://www.khronos.org/registry/webgl/conformance-suites/1.0.2/webgl-conformance-tests.html">Khronos WebGL Conformance Test 1.0.2</a> のスコアが 89% から 94% に向上しました。これらの WebGL API について詳しくは、MSDN の<a href="https://msdn.microsoft.com/ja-jp/library/ie/dn725046(v=vs.85).aspx">この記事</a>を参照してください。</p>
<h2>多くの開発者チャネル リリースの最初のリリース</h2>
<p>私たちは新しい機能と標準に取り組み、IE 開発者チャネルを通じて早期コードを共有し続けていきます。<a href="https://devchannel.modern.ie">DevChannel.Modern.IE</a> ページから、IE 開発者チャネルの最新機能についていつでも詳しく学ぶことができます。IE 開発者チャネルでサポートされるすべての新機能は、相互運用可能な Web プラットフォーム機能のロードマップを示すための新しいポータルである <a href="https://status.modern.ie/">Status.Modern.IE</a> にも一覧で記載されています。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/7002.aiedc-image4_760x318.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/7002.aiedc_2D00_image4_5F00_760x318.png" alt="status.modern.ie の Internet Explorer 開発者チャネルの機能" /></p>
<p>IE 開発者チャネルのこのリリースでは、IE11 と並行して実行するためにコード変更と仮想化を組み合わせて使用しています。この仮想化によりパフォーマンスに多少の影響が出るため、サイトのパフォーマンスを測定するためにこのバージョンを使用することはお勧めしません。また、企業環境でこのバージョンをインストールすることもお勧めしません。既知の問題について詳しくは、<a href="https://msdn.microsoft.com/ja-jp/library/ie/dn725043(v=vs.85).aspx">よく寄せられる質問</a>の一覧を参照してください。</p>
<p>皆様のフィードバックをお待ちしております。その際は、<a href="https://twitter.com/IEDevChat">@IEDevChat</a> (英語) または&nbsp;<a href="https://connect.microsoft.com/ie">Connect</a> (英語) をご利用ください。業界と IE の機能強化にご協力いただけますとさいわいです。また、6 月 19 日の木曜日に太平洋標準時で午前 10 時から午後 12 時まで行われる次の <a href="https://twitter.com/search?q=%23AskIE&amp;src=typd">#AskIE</a> セッションにもぜひ参加してください。</p>
<p>&mdash; Internet Explorer 担当パートナー グループ プログラム マネージャー、Jason Weber</p>
<p>追記: IE チームの Charles Morris も Geoff Knutzen と <a href="https://channel9.msdn.com/Blogs/IE/A-Look-At-the-New-Internet-Explorer-Developer-Channel" target="_blank">Internet Explorer 開発者チャネルについて詳しく話す</a>ために Channel 9 Studios に立ち寄ります。<br /><br /></p>
<p style="text-align: center;"><iframe style="height: 270px; width: 480px;" src="https://channel9.msdn.com/Blogs/IE/A-Look-At-the-New-Internet-Explorer-Developer-Channel/player?h=270&amp;w=480" frameborder="0" scrolling="no"></iframe></p>]]></content:encoded>
    </item>
    <item>
      <title>IE11 のパスワード</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/ie11</link>
      <pubDate>Tue, 01 Jul 2014 10:14:30 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/07/01/ie11/</guid>
      <description><![CDATA[今日の Web は認証の形式としてパスワードに依存しているため、さまざまな異なるサービスに毎日ログインする必要があります。&nbsp;タッチ...]]></description>
      <content:encoded><![CDATA[<p>今日の Web は認証の形式としてパスワードに依存しているため、さまざまな異なるサービスに毎日ログインする必要があります。&nbsp;タッチ デバイスでパスワードを入力することが面倒なだけでなく、脆弱なパスワードを作成し、同じパスワードをすべてのサイトで使用することで、個人情報の盗難の被害に遭いやすくなります。&nbsp;安全で信頼性のあるパスワード マネージャーを用意することが、ユーザーが強力で一意のパスワードをすべてのサイト用に作成することを促すために最善の方法です。&nbsp;&nbsp;</p>
<p>Internet Explorer 11 では、より速く、より信頼性を高めてサイトにサインインできるようにするとともに、資格情報の保存時にユーザーがより細かく制御できるようにしました。&nbsp;また、IE11 では資格情報を Windows Phone 8.1 の IE11 に移動することができるようになります。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" alt="Windows Phone 8.1 の IE11 によるパスワード オートフィル" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/5483.pii-image1.jpg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/5483.pii_2D00_image1.jpg" /><br/><i></i>Windows Phone 8.1 の IE11 にパスワードを保存して移動することができるようになりました</p>
<h2>信頼性のあるログイン フォーム検出</h2>
<p>IE11 ではログイン フォーム検出が強化され、IE が Web 上の 90% 以上のログイン フォームでパスワードを記憶するためのプロンプトを表示するようになりました。&nbsp;以前のバージョンの IE から大幅に改善されています。</p>
<h2>パスワードを保存するかどうかを決定する</h2>
<p>特定のサイトでパスワードを保存するかどうかの決定を、再びユーザーが行えるようになります。&nbsp;IE11 では autocomplete=off 属性がログイン フォームに設定されている場合でも、パスワードを保存するためのプロンプトが表示されるようになりました。&nbsp;その他のフォーム フィールド (ユーザー名、クレジット カード、住所、名前など) については、IE は引き続きこの属性を尊重します。&nbsp;このような動作にした理由は主に 2 つあります。1 つは、なぜ IE は特定のサイトでパスワードを記憶しないのかというユーザーの混乱に対処するためです。2 つめは、フォームの autocomplete=off 属性を尊重することよりも、ユーザーが強力な一意のパスワードを作成することを促すことの方がより重要だと考えているためです。特定のデバイスと状況でパスワードを保存することが安全かどうかを、ユーザー自身が判断できる必要があります。&nbsp;</p>
<h2>より速くサインインする</h2>
<p>安全な場合、IE はページのロード後に資格情報を自動的に事前入力することで、時間を節約します。以前はパスワードを入力するために、ユーザー名フィールドをクリックまたはタップし、もう一度クリックまたはタップしてユーザー名を選択する必要がありました。&nbsp;これにより、(ダブルタップでズームが行われる) タッチ デバイスと、クッキー情報からユーザー名が事前入力されるサイトで問題が発生していました。サイトが一定のセキュリティ条件を満たしていない場合には以前のタップ選択動作に戻るため、ログイン フォームのオートコンプリート動作に対するこの変更は安全なものとなっています。ユーザーの安全性を確保することを重視したため、このような設計になりました。</p>
<p>タブレット ユーザーについては、オートコンプリート項目をタップして選択したときに光学式ズームが行われる問題に対処するために、ダブルタップによるズームが入力要素上では無効になりました。最後に、ユーザー名とパスワードがいつ入力されたかをサイトが検出できるように、フォームに資格情報が事前入力されたときに IE が「入力」イベントと「変更」イベントを呼び出すようになります。</p>
<h2>1 度のサインインで、どこででも</h2>
<p>Windows 8.1 および Windows Phone 8.1 では、以前に IE に保存した Windows または Windows Phone ストア アプリの同じドメインに資格情報を再入力する必要はありません。&nbsp;そのため、アプリとデバイスでのサインイン エクスペリエンスを大幅に高速化することができます。IE11 では、Windows は IE で保存した資格情報を、<a href="https://msdn.microsoft.com/ja-jp/library/windows/apps/Hh750287.aspx">Web 認証ブローカー</a>を通じてストア アプリにホストされている同じドメインに使用します。この場合も、ストア アプリが IE に保存された資格情報を読み取ることはできません。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" alt="アプリと IE の間で資格情報を共有する" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2018.pii-image2_760x427.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2018.pii_2D00_image2_5F00_760x427.png" /><br/><i></i>Windows は IE11 のサインイン情報を Windows ストア アプリにホストされている同じドメインに使用します</p>
<p>現在 <a href="https://msdn.microsoft.com/ja-jp/library/windows/apps/Hh750287.aspx">Web 認証ブローカー</a>を使用している Windows ストア アプリは、マークアップを追加することなくこのエクスペリエンスを自動的に得ることができます。また、サイトとアプリの資格情報も PC とモバイル デバイスの間で移動します。</p>
<h2>パスワードを管理する</h2>
<p>Windows 8.1 の IE11 は、資格情報を <a href="https://blogs.msdn.com/b/windowsappdev_ja/archive/2013/06/05/windows-credential-locker.aspx">Windows 資格情報保管ボックス</a>に保存します。Web サイトのパスワードは Windows 8 の資格情報マネージャーデスクトップ コントロール パネルで管理できます。&nbsp;Windows 8.1 の IE 11 では、Web アカウントを最新のインターネット オプションから直接管理することもできるようになりました。最新の IE でこれを行うには、右側からスワイプしてチャームを開き、[Settings] (設定) をタップします。ここから、デスクトップに切り替えることなく、アカウントを開いて資格情報を管理することができます。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" alt="Internet Explorer から資格情報を直接管理する" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/2402.pii-image3.jpeg" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/2402.pii_2D00_image3.jpeg" /><br/><i></i>ブラウザーで Web サイトのアカウントを直接管理できるようになりました</p>
<p>また、前に述べたように、すべての資格情報を使用するすべての Windows 8.1 デバイスに移動することができます。</p>
<p>Windows 8.1、Windows Phone 8.1、Windows 7 の IE11 を試用して、これらの新しいエクスペリエンスをご自身で試してみてください。&nbsp;皆様のフィードバックをお待ちしております。</p>
<p>よろしくお願いいたします。</p>
<p>&mdash; Internet Explorer シニア プログラム マネージャー Amy Adams</p>
<p><b>開発者向けメモ: </b></p>
<p style="margin-bottom:0;">サイトで IE 11 のパスワード マネージャーを機能させるには、ログイン フォームが次の条件を満たしている必要があります。</p>
<ul style="margin-top:0;"><li>サービスへログインするためのユーザー名とパスワードの両方を備えている</li>
<li>ユーザー名とパスワードのフィールドが <a href="https://msdn.microsoft.com/library/ie/ms535249(v=vs.85).aspx">HTML5 フォーム要素</a>にカプセル化されている</li>
<li>自由形式ユーザー入力を使用できるユーザー名フィールドに HTML5 標準の<a href="https://msdn.microsoft.com/library/ie/ms535260(v=vs.85).aspx">入力タイプ</a>を使用している</li>
<li>パスワード フィールドに HTML5 <a href="https://msdn.microsoft.com/library/ie/ms535837(v=vs.85).aspx">パスワード</a>入力タイプを使用している</li>
<li>フォームと資格情報の送信時に呼び出される DOM レベル 2 <a href="https://msdn.microsoft.com/library/ie/ms536972(v=vs.85).aspx">送信</a>イベントが、送信イベントの呼び出し前にクリアされない</li>]]></content:encoded>
    </item>
    <item>
      <title>IE11 の縦書きモードの改良</title>
      <link>https://docs.microsoft.com/archive/blogs/ie_ja/ie11-2</link>
      <pubDate>Tue, 01 Jul 2014 10:11:01 GMT</pubDate>
      <dc:creator><![CDATA[ieblog]]></dc:creator>
      <guid
        isPermaLink="false">https://blogs.msdn.microsoft.com/ie_ja/2014/07/01/ie11-2/</guid>
      <description><![CDATA[Internet Explorer 11 の 2014 年 6...]]></description>
      <content:encoded><![CDATA[<p><a href="https://blogs.msdn.com/b/ie/archive/2014/06/10/june-2014-internet-explorer-updates.aspx">Internet Explorer 11 の 2014 年 6 月の更新</a>では、縦書きモードのレイアウトが改良され、進化しています。この更新により、一貫した中央ベースラインや行間を維持したふりがな配置などの機能が有効になっています。これらの改良点を組み合わせることで、日本語ロケールなどの縦書きモードをサポートするロケール用にリッチでインタラクティブなテキストブックや出版物を実現できます。</p>
<p>実際に体験して改良点を確認するには、<a href="https://ie.microsoft.com/testdrive/HTML5/VerticalWritingMode/">Vertical Writing Mode Improvements Test Drive</a> を試してみてください。</p>
<p style="text-align: center; font-size: 8.25pt; font-style: italic;"><img style="max-width: 95%; border: 1px solid #999; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);" alt="縦書きモードの改良点" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/00/38/71/metablogapi/1768.vwmiii-image1.png" original-url="https://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-38-71-metablogapi/1768.vwmiii_2D00_image1.png" /><br/>中央ベースラインにより、要素の行間を維持した状態で配置された追加のふりがな文字がある場合でも、文字や記号が正しく揃います</p>
<p>これらの更新により、コンテンツ作成者は Internet Explorer の強力な縦レイアウト機能を Web サイト、Web アプリケーション、最新の Windows アプリで活用することができます。皆様のフィードバックをお待ちしております。その際は、<a href="https://connect.microsoft.com/ie">Connect</a> をご利用いただけるとさいわいです。</p>
<p>&mdash; Internet Explorer 担当グループ プログラム マネージャー Bogdan Brinza</p>]]></content:encoded>
    </item>
  </channel>
</rss>