• [アーティクル]

Internet Explorer 8 の新機能 : Activities と WebSlices

更新日: 2008 年 3 月 6 日

本記事は、Internet Explorer 開発チーム ブログ (英語) の翻訳記事です。本記事に含まれる情報は、Internet Explorer 開発チームブログ (英語) が作成された時点の内容であり、製品の仕様や動作内容を保証するものではありません。本記事に含まれる情報の利用については、使用条件をご参照ください。また、本記事掲載時点で、Internet Explorer 開発チーム ブログ (英語) の内容が変更されている場合があります。最新情報については、Internet Explorer 開発チームブログ (英語) をご参照ください。

翻訳元 : Activities and WebSlices in Internet Explorer 8(英語)


日常的に使用しているものは言うに及ばず、新規のサービスやサイトをすべて把握するのは至難の業であると感じるのは、私だけではないと思います。ブックマークしておいても、お気に入りのサイトやサービスを探すのは骨が折れます。 2 ･ 3 ヶ月 前、見たいビデオを検索するサービスを友人に教えてもらいました。チンチラ (chinchillas) のおもしろいビデオを載せているブログを偶然見つけ、チンチラ関連のビデオを見たかったのです。自分の ［お気に入り］ メニューでそのサービスを 5 分間、探しました。ようやく探し出すと、今度は "chinchilla" (単語のつづりは苦手です) というテキストをコピーして貼り付ける必要がありました。

この一連の操作を容易にする IE8 の 2 つの新機能、Activities と WebSlices をご紹介できるのはうれしいことです。

Activities

Activities は、どの Web ページからでも自分のサービスにアクセスできる機能です。 Activities では、コピー、移動、貼り付けといった共通タスクを 1 つの操作にまとめることができます。 Activity ボタン、あるいはコンテキスト メニューを選択してクリックすると、自分のサービスを表示することができます。

Activities List

人気のあるActivity の例として、マップ サービスがあります。この Activity では、アドレスを強調表示して好みのマップ サービスを選択した後、すぐにその場所のプレビューを見ることができます。このマップをクリックすると、マップの Web サイト用新規タブが開き、ドライブする方角、空中からのビュー、その他の機能が利用できます。

他にお勧めのActivities はこちらです。

  • eBay (製品検索) (英語): 選択した製品でオークション中のものを表示します。
  • StumbleUpon (Web サイトのレビュー検索) (英語): 現在見ている Web サイトに対する、他の人の評価がわかります。
  • Facebook ( サイト共有) (英語): 友人たちに教えたい面白いサイトを、 Facebook のプロファイルに追加します。
  • Me.dium ( 関連サイト検索): Me.dium 内の友人やコミュニティのページから、関連サイトを検索します。

Activity では、OpenService (英語) と呼ばれる単純な XML フォーマットを使用しています。 URL テンプレートを使用して、サービスがどう機能するかを説明した XML ファイルを実装するだけです。 Activity の主な機能を次に示します。

  • プレビュー : Activity の上にサービスの結果を小さく表示します。
  • 実行 : ユーザーが Activity をクリックしたとき、新規タブにサービスを表示します。

次に示すのは、Windows Live Map の例です。

<?xml version="1.0" encoding="utf-8" ?>

<openServiceDescription xmlns="https://www.microsoft.com/schemas/openservicedescription/1.0">

       <homepageUrl>http://maps.live.com</homepageUrl>       

       <display>

              <name>Map with Live Maps</name>

              <icon>http://maps.live.com/favicon.ico</icon>

       </display>

       <activity category="Map">

              <activityAction context="selection">

                     <execute action="http://maps.live.com/default.aspx?where1={selection}"/>

                     <preview action="http://maps.live.com/geotager.aspx">

                           <parameter name="b" value="{selection}" />

                           <parameter name="clean" value="true" />

                           <parameter name="w" value="320" />

                           <parameter name="h" value="240" />

                           <parameter name="format" value="full" />

                     </preview>

              </activityAction>

       </activity>

</openServiceDescription>

</openServiceDescription>

サイトからユーザーにボタンを直接提供して、Activity を追加することができます。

<button onclick="window.external.addService('http://foo.com/map.xml')">Add Map Activity</button>

サービス ガイド (英語) にある使用可能な Activities を確認し、Activities に関するホワイト ペーパー (英語) を利用してご自分の Activity を作成してください。

WebSlices

WebSlices は、 Web ページのお気に入りの部分を持ち運びできる機能です。 WebSlices は購読可能な Web ページの一部で、更新はお気に入りバーから直接表示できます。

WebSlices 機能を使用すると、 Web ページの一部のみの購読と更新ができ、元のサイトに戻らなくても変更を表示できます。あなたが私と同様に eBay 愛好者で、どうしても 80 年代のスウォッチ腕時計が欲しいとします。 WebSlices を使えば、そのオークション品を購読し、価格の変化があったときに、それをブラウザのお気に入りバー  (browser Chrome) 上で直接知ることができます。

Web サイトが WebSlice をサポートしているときは、紫の WebSlice アイコンがコマンド バーに表示されます。

Web ページの WebSlice 領域の上にマウス カーソルを置いたときにも、WebSlices のアイコンが表示されます。

WebSlice ボタンをクリックすると、お気に入りバーにWebSlice が追加されます。バックグラウンドでは IE によってスケジュールの更新がチェックされ、 IE が更新を検知すると、お気に入りバーの項目が太字で表示されます。その項目をクリックすると詳細が表示されます。

IE8 eBay サイトで試してみましょう。 http://ie8.ebay.com (英語) にアクセスし、Web ページ右下の検索ボックスに "swatch watch" などの製品名を入力します。

次のサイトでも WebSlices を試すことができます。

  • StumbleUpon (英語)– 最新サイトの評判がわかります。
  • Facebook (英語)– 友人の近況がわかります。

Vista で保護モードがオンのとき、Cookies を認証に使用しているWebSlices に関して既知の問題があります。 Vista で Facebook の WebSlice に問題が生じた場合は、お気に入りバーからその WebSlice を削除し、 IE8 を管理者特権で実行 (IE8 を右クリックし、［管理者として実行］ オプションを選択 ) し、 WebSlice を購読し直します。

サイトで WebSlice を有効にするために必要なのは、 Web ページに HTML で注釈を追加することだけです。 WebSlice では、hAtom Microformat (英語) とWebSlice フォーマット (英語) の組み合わせを使用しています。

<div class="hslice" id="item123">

       <p class="entry-title">FLASHLIGHT! Unique Swatch …</p>

       <div class="entry-content">starting bid $44.99

       …

      </div>

</div>

この3 つの注釈を追加することで、IE はそれがWebSlice だと認識し、フィードと同様に検索、購読を扱い、WebSlice を処理します。また、有効期限、 TTL (Time to Live) 値、代替ソースといったプロパティを WebSlice に追加することもできます。これらのプロパティに関しては、WebSlice フォーマット仕様 (英語) を読み、WebSlices ホワイトペーパー (英語) を使用してご自身の WebSlice を開始してください。

Activities と WebSlices を使って、気になるサイトやサービスに移動できます。また、 Activities と WebSlices は、クライアント側へのコード展開をすることなく、現在あるサービスと協調して動作するように設計されています。

これらの新機能を十分にお楽しみください。

Jane Kim
プログラム マネージャ

(注) すべての商標はそれぞれの所有者の所有物です。

編集 : 投稿時刻更新。<div class="hslice" id="item1 23"> を更新。(注) を追加。

2008 年 3 月 6 日木曜日発行 (ieblog (英語)上)

タグ : General IE Information (英語)、Developers (英語)

 

ページのトップへページのトップへ