Internet Explorer 9の独自機能を活用するように設計されたウェブサイトは、没入感のあるユーザーエクスペリエンスを提供し、顧客ロイヤルティの向上とトラフィックの促進につながります。ただし、これらのメリットを得るには、IE 9を最大限に活用できるようにサイトを最適化する必要があります。
Microsoftの最新フラッグシップブラウザは、単なるアップデートではありません。WindowsとWebのかつてない統合を実現し、デスクトップエクスペリエンスをWebそのものにまで拡張します。
Webの利用方法が進化するにつれ、Gmail、Box.net、https://www.pcworld.com/appguide/app.html?id=504602&expand=false といったクラウドベースのアプリケーションを利用する人が増えています。こうしたサイトの利用体験は、Web上に存在しているにもかかわらず、従来のデスクトップアプリケーションに近いものとなっています。IE 9は、あらゆるWebサイトで同様のインタラクティブな体験を提供できます。まず、他のソフトウェアアプリケーションと同じように、WebサイトのアイコンをWindows 7のタスクバーにドラッグするだけで、誰でもこの統合を実現できます。
サイトをタスクバーにピン留めすると、ユーザーにとってサイトが見やすくなり、直接アクセスしやすくなります。しかし、ユーザーにサイトをタスクバーにピン留めしたくなるような理由、そしてさらに重要なことに、ローカルPCにインストールされたアプリケーションのようにサイトを操作できるようにするには、Windows 7の機能であるジャンプリストを活用する必要があります。ジャンプリストは、特定の機能に直接ジャンプしたり、頻繁に使用する機能や最近使用した機能にアクセスするためのメニューオプションを表示する機能です。
Windows 7 タスクバー
IE 9はWindows 7の独自機能とも連携し、ユーザーがウェブサイトをローカルアプリケーションのように操作できるようにします。Windowsタスクバー上のウェブサイトアイコンをクリックした際に表示されるカスタムジャンプリストメニューを作成できます。ジャンプリストを使用すると、ユーザーは頻繁に使用するコンテンツや最近使用したコンテンツにアクセスでき、新しいコンテンツが追加されたときには動的なアラートを受け取ることができます。
IE 9向けにウェブサイトを適切にカスタマイズするには、HTMLとWebコーディングに関するある程度の知識が必要です。しかし、少しの知識があれば、わずか数分で作業を完了できます。
一つの方法は、IE 9のアドレスバーから任意のウェブサイトのアイコンをWindows 7のタスクバーにドラッグし、そこに固定することです。タスクバーにサイトのロゴが表示され、クリックするだけですぐにウェブサイトにアクセスできます。
LinkedInやWindows Liveは、ジャンプリストを活用してアプリケーションのような機能を実現しているサイトの一例です。LinkedInやWindows Liveでは、ユーザーはジャンプリスト内の項目をクリックすることで、サイト内の特定のページや機能に直接移動できます。
ジャンプリストのカスタマイズ
FacebookをWindows 7のタスクバーにピン留めしても、サイトへのシンプルなショートカットにしか過ぎません。一方、LinkedInとWindows Liveは、Outlookのようなローカルにインストールされたソフトウェアアプリケーションに似た、より統合されたエクスペリエンスを提供します。ジャンプリストのタスクをサイトに追加するのは比較的簡単なので、訪問者がタスクバーにサイトをピン留めするきっかけを作ってみてはいかがでしょうか。
IE 9 および Windows 7 では、ジャンプリストのタスクは静的 URL にリンクされており、ピン留めされたサイト自体が開いていない場合でも、ユーザーはクリックして直接アクセスできます。サイトでよく使用する機能にジャンプリストのタスクを追加することで、ユーザーはブラウザを開いて適切なページに手動で移動することなく、それらの機能に直接アクセスできます。
リンクされたタスクは静的URL（特定のサイトまたは機能に直接リンクするパス）として保存されます。HTMLメタタグを使用して、最大5つのジャンプリストタスクを定義できます。サイトの基本情報を定義するメタタグは、ピン留めされたサイトと共にキャッシュされます。以下は、Microsoftのドキュメント「Win7 Desktop Integration with IE9」（Israel Hilerio博士著）から抜粋した、ウェブサイトのジャンプリストタスクの定義方法の例です（ドキュメント自体はオンラインでは公開されていませんが、内容とヒントはここからオンラインでご覧いただけます）。
<META 名=”msapplication-task”
content=”name=タスク1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico”/>
<META 名=”msapplication-task”
content=”name=タスク 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico”/>
Hilerio氏によると、このコードは「Task 1」と「Task 2」という2つのタグを定義しています。「Task 1」を選択すると、ソフトウェアルーチンはPage1.htmlサイトを表示し、「Task 2」を選択すると、Microsoft.comドメインの外部サイトであるPage2.htmlを表示します。各タスクは、ピン留めされたサイトのブラウザインスタンスのそれぞれのタブ内で開きます。ピン留めされたサイトが現在開いていない場合は、ジャンプリストのメニュー項目のいずれかをクリックすると、新しいブラウザインスタンスが開きます。
次のページ: ジャンプ リストのカスタム カテゴリを作成する方法...
カスタムジャンプリストカテゴリを作成する
ウェブサイトにジャンプリストのカテゴリーを追加することで、5つのジャンプリストタスク以外にも機能を拡張できます。ジャンプリストのカテゴリーを使用すると、ファイル、ドキュメント、URLなどのリンク先に直接移動できます。SiteMode APIを使用すれば、個人プロフィールページなど、ユーザーごとに固有のリンクを含むカスタムジャンプリストのカテゴリーを作成できます。
ジャンプリストのカテゴリを使用すると、ユーザーがサイト上で積極的に活動していない場合でも、動的な情報をサイトに提供できます。この機能を利用することで、訪問したサイトや開いたファイルなどのユーザー固有の履歴にアクセスできるようにしたり、新しいメッセージの受信や今後のイベントなど、サイトに関連するアクティビティに関するアラートや通知を送信したりすることができます。
カスタム ジャンプ リスト カテゴリを作成するには、Hilerio のドキュメントで説明されているように、次の段階を実行する必要があります。
カテゴリー作成
まず、カスタム カテゴリ ラベルを作成するメソッドを呼び出します。以下のサンプル コードは、「List1」という名前のカスタム カテゴリを作成します。カスタム ジャンプ リスト カテゴリ アクションの作成に関連する他のメソッドを使用する前に、このメソッドを少なくとも 1 回呼び出す必要があります。カテゴリ ラベルは、ジャンプ リスト カテゴリに少なくとも 1 つの項目が追加されるまで表示されません。
window.external.msSiteModeCreateJumplist('List1');
アイテム作成
以下のサンプルコードは、「Item1」、「Item2」、「Item3」という3つのジャンプリストカテゴリリスト項目を作成する方法を示しています。nameパラメータの後に、項目の移動先となるURLを定義するパラメータが続き、次に、その項目に表示するアイコンを指定するパラメータが続きます。
window.external.msSiteModeAddJumpListItem('アイテム 1', 'http://host/Item1.html', 'http://host/images/item1.ico'); window.external.msSiteModeAddJumpListItem('アイテム 2', 'http://host/Item2.html', 'http://host/images/item2.ico'); window.external.msSiteModeAddJumpListItem('アイテム 3', 'Item3.html', 'images/item3.ico');
リスト表示
上記のコードはリストの項目を作成しますが、表示はしません。メモリ内の項目リストを実際のジャンプリストに表示するには、次のサンプルコードを使用してください。
window.external.msSiteModeShowJumplist();
リストをクリア
ジャンプリストのカテゴリにサイト履歴や最近のアクティビティが含まれている場合、それらのアクションは期限切れになる可能性があります。カスタムジャンプリストのカテゴリからこれらの項目をクリアするには、以下のコードを使用してください。
window.external.msSiteModeClearJumplist();
ここで紹介する方法を使用して、サイト用のカスタムジャンプリストカテゴリを作成し、項目を追加できます。カスタムカテゴリには、最大12個のアイテムを一度に表示できます。重複したアイテムは無視されます。最大数を超えるアイテムや、解像度やフォントサイズの違いにより画面に収まらないアイテムは表示されません。
オーバーレイアイコンを表示
Windows 7 上の IE 9 の優れた機能の一つは、ピン留めされたサイトのタスクバーボタンにオーバーレイアイコンを表示できることです。オーバーレイアイコンの表示がなぜそれほど重要なのでしょうか？それは、ピン留めされたサイトが他のサイトやアプリケーションに隠れて、アイドル状態になっている場合があるからです。オーバーレイアイコンを使用すると、動的なコンテンツや、バックグラウンドで行われている更新情報を表示することができ、ユーザーの注意を引き、行動を促すことができます。
イベントや予定を示す小さなベルや、新しいメッセージが届いたことをユーザーに知らせる封筒アイコンを表示できます。オーバーレイアイコンは、ピン留めされたサイトのタスクバーボタンの右下隅に表示されます。ただし、サイトが開かれていない場合、またはサイトがタスクバーに実際にピン留めされていない場合は、オーバーレイアイコンは表示されません。
次のコード サンプルでは、固定されたサイトに関連付けられたタスク バー ボタンの上に overlay1.ico を追加し、文字列 'Overlay 1' でオーバーレイ アイコンを識別するホバー ツールヒントを含めます。
window.external.msSiteModeSetIconOverlay('http://host/images/overlay1.ico', 'オーバーレイ 1');
オーバーレイ アイコンをクリアするには、次のコードを使用します。
window.external.msSiteModeClearIconOverlay();
この一連の例はほんの一部に過ぎません。IE 9 独自の機能と、それらを活用してウェブサイトをカスタマイズする方法について詳しくは、Microsoft の「Internet Explorer 9 開発者向けガイド」をご覧ください。
ただし、IE 9はWindows 7とWindows Vistaにのみ対応しているため、3台のうち2台ではIE 9のカスタマイズが役に立たないという点にご注意ください。物事を客観的に捉え、このブラウザ1台だけに時間と労力を費やしすぎないようにしましょう。
企業のアップグレードが遅いため、消費者が Windows 7 と Internet Explorer 9 の導入を先導しています。その結果、これらの変更は、一般の人々がサイトとやりとりする方法に直接影響を及ぼします。
サイトが平均的な消費者を対象としている場合は、IE 9 の独自の機能を検討して活用する必要があります。熟練したプログラマーである必要はなく、訪問者がサイトをタスク バーにピン留めする理由を与え、そこからより没入感のあるアプリケーションのようなエクスペリエンスを提供するために、Web サイト全体を再設計する必要もありません。
