REMIX07 TOKYO イベント レポート

Silverlight の背景となる開発環境「.NET」

Silverlight は単なるメディアではありません。我々マイクロソフトは、開発プラットフォームである .NET を中心に展開してますが、Web では IIS や ASP.net など、Web サーバベースのエクスペリエンスを提供しています。デスクトップでは WPF 3.5、そして Microsoft Office を提供しています。これらはすべて .NET の利点を活用しています。

Silverlight でも .NET の利点を活用しています。つまり Web の側面とデスクトップの側面、メディアの側面と RIA の側面の両方を組み合わせて持つわけです。そして .NET を中心とした高い生産性のツールを「Expression Studio」という形で、Web デザイナーおよびデベロッパーのために展開しております。

マイクロソフトは、ただ単にプラットフォームだけでなく、創造性を発揮できるように、クリエイティブなビジョンを実現できるように、どこにいてもアプリケーションを展開できる能力を提供しているわけです。
ではここからは、コンシューマー向けの Silverlight の実例デモをいくつか紹介しましょう。

■ Silverlight の実例デモ (1) ： GyaO 映画予告編サイト

GyaO では新しい取り組みとして、Silverlight を活用した映画予告編サイトを 10 月中旬よりオープンする予定だということが発表されました。Silverlight 採用の利点としては「Macintosh 対応である」「より自由度の高い表現が可能」の 2 点が挙げられました。

【登壇者】 松本 武史氏
株式会社USEN コンテンツプラットフォーム事業部 ゼネラルマネージャ
高野 輝次氏
株式会社USEN GyaO事業本部 編成局 Web制作部 部長

【サイト URL】
GyaO
http://www.gyao.jp/
※映画予告編サイトについては準備中

本日お話させていただくことは 2 つあります。1 つは、秋に向けての注力コンテンツのこと、もう 1 つは、Silverlight による GyaO での新しい試みのことです。
まず GyaO についてですが、2 年半前に始まりまして、現在登録者数は 1500 万人を突破しております。現在も週あたり 10 万人弱の新規会員に登録をいただいています。スタート時点からコンテンツ配信のさきがけとして活動してきましたが、今現在も、コンテンツ ホルダー様からキチンと許諾を取って映像配信しているサービスとしてはナンバー 1 でないかと思っております。画面を見ていただいて分かるとおり、10 以上のカテゴリにおいて配信を行っております。総数で 3000 タイトル以上、一割以上を毎日正午に入れ換えて更新しています。秋に向けては、映画とアニメに注力していこうと考えています。

今見ていただいているのが、映画カテゴリのトップページですが、メジャースタジオのワーナーとの共同取り組みのスタートになっています。実際にムービーを見ていただくと、冒頭および 10 〜 15 分程度ごとに CM が入ることで無料視聴できるようになっています。これらの CM は、年齢・性別・郵便番号などの属性に応じたものが配信される仕組みです。今後についてですが、映画だけでなく「LOST」「ER」「フレンズ」など、ハリウッドメジャーのドラマについて注力していこうと思っています。
もう 1 つの取り組みのアニメについては、「ガンダム」の新作 (ガンダム00) を、テレビ放送 1 週間後に無料配信します。これら 2 つの取り組みを秋のキラータイトルとして考えています。

続いて、Silverlight を使ったデモ画面について説明します。
GyaO では、映画の予告編を中心としたサイトにて、Silverlight 対応サービスを開始する予定です。実際には 10 月中旬からとなりますが、本日はグループ会社の GAGA の作品を中心にデモを作ってみました。今見ていただいている映像で言いますと、2Mbps のエンコードで、VBR を利用しておりマックス値は 6Mbps ぐらいです。相当きれいな画質で予告編を視聴いただけるのではないかと思います。

我々が Silverlight に期待していることは 2つありまして、1 つは Macintosh 対応が出来るということ、もう 1 つはより自由な表現方法が活用できるということです。私ども GyaO に寄せられる視聴者からの問い合わせとして一番多いのは、やはり「なぜ Macintosh で見られないのか」というご不満でした。そういった方々に、プラグインさえ入れていただければ、GyaO がすべて見ていただけるということに、非常に大きな魅力を感じています。また Flash には出来ない多様な表現方法を、より簡便に表現していきたいとも思っておりまして、この 2 点に期待しております。

マイクロソフトさんへのお願いも 2 つありまして、まず 1 点はプラグインの普及率をなるべく早く 100％ に近づけていただきたいということです。これは「ニワトリ・タマゴ」の関係ではありますが、サービス提供側としてはそこをお願いしたいと考えています。もう 1 つは年明けに投入されるという噂の、マイクロソフト DRM 対応の Silverlight 1.1 も出来るだけ早く、できれば年内に採用してほしいということです。そうすれば我々としても全面的に Silverlight を採用できるのではないかと考えております。

■ Silverlight の実例デモ (2) ： 野村證券 バーチャル店舗

2 つめの Silverlight で開発した実例として、バーチャル店舗内を実際の人物が動画で案内する、PIP (Person in Presentation) コンテンツが紹介されました。
実際のスタッフが案内するのと同様に、野村證券のバーチャル店舗を、画面内の人物が案内してくれるという仕掛けになっています。滑らかな人物の動きはネット初心者でも親しみやすく、壁を感じさせないコンテンツとなっています。リッチな表現を何に使うか、Silverlight はその可能性を広げます。

【登壇者】
松岡 清一氏
NRI ネットワークコミュニケーションズ株式会社 Web マーケティング事業部 部長

Silverlight を活用した PIP コンテンツを紹介させていただきます。PIP は文字どおり、プレゼンテーションの中に人を登場させて、テキストだけでは分かりづらい情報を、より簡単にネットユーザに伝えるというコンテンツです。
RIA は、サイト訪問者により豊かな体験を提供するわけですが、企業がお客様のコンタクトポイントとして、Web サイトでどういうおもてなしが出来るのか、その一例として、野村證券バーチャル店舗のコンテンツをご覧ください。

私たち NRI ネットワークコミュニケーションズでは、デベロッパーである SE と、アートディレクター、デザイナーをはじめとするクリエイティブを担当する社員が机を並べて作業をしています。
今ご覧いただいたような証券会社、銀行、金融のコンテンツを作るとき、「なかなか表現が難しいなあ」と現場スタッフはお互いによく嘆いたりしています。ですが、そういった難しく思われている情報が、新しい技術によって表現を変え、これまで届かなかったはずの人にまで届くとすれば、そこに新しいビジネスチャンスと新しい可能性があるのではと、私たちは感じています。証券会社に限らず、企業の Web サイトがまだまだユーザにとって敷居が高いと感じられているとすると、これからどんどんと新しい技術や新しい表現を使って、新しいものを演出できる可能性があります。

パートナーによるサービス プラットフォーム：
Windows-based Hosting はこれからの 3 年で急増する

キースが再度壇上に登場して説明を続けます。

Silverlight のプラットフォームとしてのメリット、メディアとしての体験を紹介いただきましたが、お客様がそれを見たい使いたいと思っていただけることが重要だと、改めて認識しました。
ユーザ体験について言及する場合、「可用性 (アベイラビリティ) 」が重要かと思います。カラーやフォントやポジショニングやグラフィック配置など、ユーザインターフェースだけを考えている方もいるかもしれませんが、それだけではありません。やはり「アベイラビリティ・セキュリティ・リライアビリティ」といったものも重要なのです。これらがなければ、ユーザの体験は悲惨なものとなってしまいます。マイクロソフトではそういった観点を踏まえて、さまざまなものを提供しています。

Windows-based Hosting には、マイクロソフトが提供するものとパートナーが提供するものとがあります。サードパーティのベンダーから信頼性の高いサービスを提供し維持してもらうこともできます。Windows Web ホスティングにおける収益は、2006 年から 2009 年にかけておおよそ 50％ も収益が増大するという予想もあります。
Windows-based Hosting と Silverlight を組み合わせたデモとして、GMO ホスティング＆セキュリティ株式会社を紹介しましょう。

■ デモ： Silverlight による動画配信サイト (ジュビロ・チャンネル、アイ武川公式サイト)

パートナーによるサービスプラットフォームでは Windows-based Hosting が活用されます。そして、Silverlight を中核に沿えたサイトでは、従来以上にさまざまな演出を加えて、動画を視聴することが可能となります。ここでは「ジュビロ・チャンネル」「アイ武川公式サイト」における、全画面を使った動画の視聴がデモとして紹介されました。

【登壇者】
佐藤 秀忠氏
GMOホスティング＆セキュリティ株式会社 ホスティング事業推進本部 サーバ企画開発部 部長

【サイトURL】
アイ武川公式サイト
http://aitakekawa.net/silverlight/index2.html
ジュビロ・チャンネル
http://www.jubilo-ch.com/silverlight/mega/

Silverlight を使った事例として、サッカーチームのジュビロ磐田のサイト、およびアーティストであるアイ武川さんの公式サイトを紹介いたします。Silverlight を使いホスティングプラットホームで提供した実例となります。

「ホスティングプラットホーム」というのは、まだまだ認知されないキーワードであり、サーバのコロケーションとハウジングが多いと思いますが、今回 Silverlight を使ったこれら 2 つのサイトは、ホスティングで実現しました。

ホスティングというと、今まではプラットホームを提供するだけのサービス構築でしたが、我々はコミュニケーションをキーワードとして重視しています。実際にアクセスするユーザ側と、提供事業者である GMO、サイトを運営する側、さらにアーティスト本人やチームの皆さんなど、「それぞれをつなげるサイト」として導入しました。

まず「ジュビロ・チャンネル」ですが、画面上部にはスポンサー名が入っています。これらの会社に加え、運営するジュビロ磐田さんと私たち提供事業者側の三者が、一方通行にならずつねにコミュニケーションを取れる、ユーザからも直接意見を出してもらえるサイトを実現しました。サイトでは Silverlight により動画の視聴が可能となっています。シーズンオフのときでもいかにファンの皆さんにサービスを提供するかを考え、まずは番組プログラムとしてここに動画をアップしてあります。Silverlight 化することで、フルスクリーンで動画を視聴できた、画像がきれいになったなど、ユーザからの反響をすでにいただいています。

もう 1 つが「アイ武川公式サイト」となります。知名度はまだまだですが、実は "ゴダイゴ" のタケカワユキヒデさんの娘さんでもある、新進のアーティストのサイトになります。アーティストサイトでは、音楽自体を配信するというのはなかなか難しかったりしますが、このサイトでは4本のプロモーションビデオの配信を Silverlight により実現しています。

私たちの検証では、動画とホスティングの方向性が一致することで、配信コストの削減などが行えることも分かっています。このようにホスティングのメニュー = Silverlight という部分のサービス化を、私たちは力を入れていきたいと考えています。

さまざまな都市が地球上に表示され、いろいろな場所に気づいてもらって、新たな視点で楽しんでいただけるのではないかと思います。続いて「野球」で検索してみましょう。

続いて、都市にフォーカスしてみましょう。これらはエイビーロードの観光地 API も利用しています。左側の都市名をクリックしてください。

ニューヨークの街並みが 3D で表示されました。Virtual Earth ではヤンキースタジアム、自由の女神像などもモデリングされていますし、アングルを変更することも可能です。このように観光地を巡りながら、どのように旅行するかを考えることができます。

自然ということで、「登山」で検索して、山岳地帯を見てみましょう。Virtual Earth では地形データも 3D 化されているという特徴があり、山並みなどもモデリングされた状態で表示することが可能です。

エイビーロードのための仕組みですので、旅行プランを検索することも可能です。「ツアーを探す」という箇所をクリックすると、ツアー内容の表示に切り替わります。さらに「地図にルートを表示」をクリックすることで、地図上に周遊ルートをマッピングし移動順をアニメーション表示することも可能です。

次世代 Web が実現するメディア エクスペリエンス： Windows Media Center Edition

キースが再度壇上に登場して説明を続けます。マイクロソフトは、リビングルームなどでのリラックスしたWeb視聴も想定しております。そのためのプラットフォームとしては、Windows Media Center Edition (MCE) が挙げられます。
MCE は以下のような特徴を持ちます。

• より幅広いユーザーが利用可能: リモコンなどリビングに違和感のない操作環境
• 10 フィート インターフェース: TV での使用を主要領域にしたデザイン
• オンライン メディア エクスペリエンス: ネットとの親和性の高さ
• 強力なプラットフォーム: .NET や XML による開発環境の整備
• 家庭における新しい PC 活用: 従来の Windows デスクトップと異なる領域にリーチ

Silverlight による動画配信サイト構築、あるいはブラウザ内で動作する Web アプリケーションなどの例をここまで紹介してきましたが、マイクロソフトの次世代 Web プラットフォームは、ブラウザだけでなく、モバイルへの展開、XBOX への展開、リビングルームへの Windows Media Center Edition (MCE) での展開も含まれています。MCE はテレビ視聴と同じスタイルでリラックスして、別のチャンネルとしてユーザにリーチすることができます。オンラインでのアクセスが Vista デスクトップを中心に構築されているので、ハードウェアのメリットを大きく受けますし、より幅広いユニバーサル Web のリーチも確保できるのです。MCE のエクスペリエンスは XML ベースの言語で記述され、.NET Framework で構築できるので、非常に強力なプラットフォームであると言えます。.NET の一貫性のもとに、家庭のチャンネルにもアクセスできるのです。
では MCE で何が出来るかを示していただく、次世代 Web、The Next Web のデモを紹介しましょう。

■ デモ： Windows MCE による野球中継サイト (HamastaWAVE)

TBS の野球中継サイト「HamastaWAVE」では、横浜ベイスターズ主催の約 70 試合に関する映像とデータをほぼリアルタイムで配信しています。画面上には試合イニング、配球画面、選手一覧、ハイライトシーン情報など、豊富な試合データが配置されており、これらを指定するだけで、データベースの閲覧やダイジェスト動画の配信などを行うことが可能になっています。

【登壇者】
小林 成年氏
株式会社TBSテレビ コンテンツ事業局 デジタルセンター デジタル戦略部 部長
青木 裕子氏
株式会社TBSテレビ アナウンサー

【サイトURL】
HamastaWAVE
http://www.tbs.co.jp/baystars/

「HamastaWAVE」は、昨年 6 月と 8 月に実験配信を行い、今シーズンからレギュラー化された無料コンテンツです。7 月 31 日からは Windows Vista のメディアオンラインの「TBS 選りすぐり」でも、よりリッチな HamastaWAVE をご覧いただけるようになりました。最新の試合はもちろん、終了後 1 週間の試合も視聴可能です。

試合が始まりますと、10 〜 15 分遅れで、実際の試合の映像が進行に沿って掲載されていきます。映像が付いているイニングは、スコアボードの星印が黄色になるので、このままリモコンで操作すれば、各イニングの動画を見ることができます。動画映像の下には、その時点での得点、投球カウント、ランナーの状況、一球ごとの投球結果が、映像の進行に応じて順次データ表示されます。動画映像の左側には投手と打者の対戦成績、球種比率、打者の得意ゾーン、球速なども順次表示されます。このような表現は、イニングごと、打席ごと、一球ごとのメタデータを有効利用することで初めて可能になりました。

画面の右側からは、得点表示の有無を切り替えることができるほか、速報、各種ランキング、ダイジェスト映像タイトルなどを見て、試合経過全体を把握し、各動画を視聴することが可能になっています。また視聴だけでなく、気に入ったプレイに対して投票する、といったネットならではの機能も用意されています。

まとめ： 次世代 Web モメンタムが加速し、「Software + Service」時代がいよいよ到来

キースが再度壇上に登場、「Software + Service」時代の到来を告げて、キーノートを締めくくります。

データがビジュアル化、カスタム化されることで、リッチなエクスペリエンスとなる素晴らしいデモの数々だったと思います。
さて、このようにマイクロソフトはプラットフォーム、サービス、プログラミング言語、ツールなどを何年も提供してまいりました。IIS、ASP.net、WPF、MCE、Windows-based Hosting、Virtual Earth、そして Silverlight など……。「Software + Service」時代がいよいよ到来したわけですが、これからもマイクロソフトは、次世代 Web モメンタムを加速させ、IT プロフェッショナルの皆さんのクリエイティビティを刺激し、より豊かなコンテンツを皆さんが創造するお手伝いをしていきたいと思います。
今日はありがとうございました。