ここ数年でWebを取り巻く環境は急激に変化している。これまで広告的な新たなリーチの場として捉えられていたWebが,アプリケーション実行の場として認知されてきたからだ。一般の生活の中でも,様々な形でWebアプリケーションが利用されるようになっている。
また,アプリケーションの世界でも「機能を提供するだけで満足された時代」がまさに終わろうとしている。開発ツールがもたらす生産性の向上や,Webサービスの台頭に伴うアプリケーションの“機能のコモディティ化”が急速に進んでいるからだ。
特にWebサービスの台頭は,優良な機能の実装を第三者に再利用できる形で提供している。これにより“機能の実装”だけを頼りにアプリケーションの価値を高めることが困難になり始めているのだ。
例えば,自動車メーカーでは既に「曲がる」「走る」「止まる」といった自動車の基本的機能を売りにしているケースは少ない。インテリアやエクステリアにおけるデザイン,特定の利用シーンに伴う提案といった付加価値によって競争優位の獲得を目指している。アプリケーションの世界でも同じことが起こっているのだ。
そこで,注目されているのが,「体験=エクスペリエンス」という概念だ。先ほどの自動車業界の例でいえば,顧客に「より良い体験」を提供することによって競争優位獲得を達成していると言える。では,アプリケーションにおける,“より良いエクスペリエンスの実現”とは何であろうか。
それは主にユーザーと直接向き合うプレゼンテーション層を中心として,どれだけスムーズに,気持ちよくソフトウエアの利用目的を達成させられるかを検討/実装すること。機能そのものだけではない,アプリケーションにおける新たなフォーカス領域が生まれているのだ。
それでは,Webにおけるエクスペリエンスを考えてみよう。これまではWebといえばブラウザ上でHTMLによって表現できる範囲がすべてであった。HTMLは本来,論理的な構造のみを記述するもの。CSSやAJAXなどの様々な拡張によってできるだけうまく表現しようとしているが,「悪くない」レベルではあっても理想的ではない。一方,利用者はデスクトップ・アプリケーションやOSなどで利用されている,より優れた利用体験に慣れており,HTMLだけでは満足できない状態にある。ブラウザを超えるレベルのエクスペリエンスが求められているのだ。
こうした状況の中でリリースされたのがWindows Vistaだった。これまでと最も大きな違いはOSを通じて得られるエクスペリエンスであり,マイクロソフトがこの分野に注力している象徴と言えるものだ。
マイクロソフトはユーザー・エクスペリエンス実装におけるニーズの高まりに応え,極めて開発者人口の多い.NET Frameworkを利用して,ハイレベルなエクスペリエンス実装環境を提供しようというのだ。マイクロソフトにとって武器になるものはこれまで培ってきた開発環境とその利用者人口の厚みであり,実行プラットフォームである.NET Frameworkそのものにほかならない。
そしてここにきて,マイクロソフトはWebにおけるブラウザを越えたプレゼンテーション層の構築技術として.NET Framework 3.0でのWPF(Windows Presentation Foundation)に加え,Silverlightを投入してきたのだ。これにより,.NET Frameworkを基盤とした包括的なUI開発を目指すマイクロソフトの戦略が明らかになってきたと言える。
●ブラウザを超えたエクスペリエンスを実現するWPF
■「旭山動物園」のWebコンテンツ「Mother Earth 〜母なる地球」
立体で表現された地球上に,生息地に応じて動物のアイコンが配置され,それぞれをクリックすることにより詳細情報を見られるという内容。WPFにより美しいグラフィックと使いやすいユーザー・インターフェースを実現している。
WPFは.NET Framework 3.0に搭載されている新しい世代のグラフィック・エンジンで,これまでのWindows Formsとは違い完全にベクターベースのUIを提供しており,GPUレンダリングをベースとした3Dのサポートや柔軟なテキスト・ハンドリングが特徴だ。レイアウトやインタラクションをXAMLと呼ばれるXMLベースの記述言語で構築する仕組みとなっており,ロジックはASP.NET同様C#やVisual Basic .NETなどのCLR対応言語によるコード・ビハインドで実装することになる。XAMLにはレイアウトだけでなくベクター・グラフィックスによるアセットも含めることができるため,デザイン要素を集中的に作業/管理可能となる。現時点で投入されているマイクロソフトのWebテクノロジーの中で,最高のエクスペリエンスを提供可能なテクノロジーなのである。
さらに,WPFにはXBAP(XAML ブラウザ アプリケーション)という形式でブラウザ上で展開する方法もあるが,これまでのVisual Studioで開発されたプログラムと同様にデスクトップ・アプリケーションとして開発することも可能にしている。OSで提供される様々な機能(ファイル・アクセスやハードウエア・アクセスなど)を直接利用することもできる。開発されたアプリケーションがWeb上の様々なリソースにアクセスすることによって,まさに「Web=プラットフォーム」と捉えられていたブラウザを越える“エクスペリエンス”を提供できる環境が整ったのである。
●ミッシングパーツを埋めた「Silverlight」
そして,マイクロソフトのプレゼンテーション・テクノロジーの中でも最も新しいのがSilverlightだ。WPF同様XAMLを利用する。実現できる機能はWPFに対してはサブセットとなり,3Dなどの機能が省略されている。だが,SilverlightはFlash同様ブラウザ・プラグ・インの形をとっており,Internet Explorer以外にもFirefoxやMac OSのsafariなどのブラウザでも動作する。現在は1.0βと1.1αが公開されており,1.0ではHD品質の動画を取り扱えることが特徴であった。1.1になるとさらにマイクロソフトの本気度が見えてくる。1.0では開発にJavaScriptを利用しているが,1.1においては.NET FrameworkのCLR環境がサポートされる。つまり,C#やVisual Basic .NETで作成したプログラムがMac OSのsafariでも動く環境が整うことになる。クロス・プラットフォームでの展開を考えるうえでSilverlightは今後,重要な選択肢となっていくことだろう。
WPF/Silverlightともに,過去のしがらみによる制限がなく理想的なUI構築が可能なXAMLと,CLR環境によるコード・ビハインドという同様のプログラミング・モデルを持つことで,理想的かつ異なる環境においても同様のスキルセットを活かせるパターンが整ったことになる。
それではエクスペリエンスを実装する環境について考えてみよう。機能実装の為の開発環境であるVisual Studioの完成度は大変高い。しかしエクスペリエンスの実装において必要な洗練されたデザインを備えたプレゼンテーション・レベルとなると,Visual Studioのレベルを越え始めている。
そこで,マイクロソフトはデザイナー向けに全く新しいツール群を用意した。先日リリースされたExpression Studioである。アプリケーションのプレゼンテーション・レイヤー構築を様々な形でサポートするツール・スイートだ。WPFやSilverlightにおいてはXAMLを中心とした編集環境となり,レイアウトやインタラクション,メディアの統合などを担うツールとなる。

■マイクロソフトのWeb開発環境ツール連携図
プロフェッショナル・デザイナー向けツール群のMicrosoft Expression Studioと,デベロッパー向け開発環境Microsoft Visual Studioが連携することで,両者の協業環境が実現し,生産性の高い開発が行える。
ここで重要なことは,XAMLはExpression Studioで編集することはもちろん,Visual Studioでも同様に編集可能である点だ。デザイナーがデザインしたXAMLファイルをデベロッパーがコード・ビハインドでプログラムをつけた後で,もう一度デザイナーが微調整を行うような双方向のワークフローがXAMLを通じて可能になっている。つまりデベロッパーのための開発環境であるVisual Studio,デザイナーのための開発環境であるExpression Studioの両方がそろい,両者が協業可能になる基盤がそろったということだ。
マイクロソフトとしては全てを1つのツールで提供することも考えられたはずだが,あえてツールを分けることによって「餅は餅屋」の状態を作り,大規模なアプリケーション開発に対応しようとしているのではないだろうか。かつてカメラマンを中心に手作りで作っていた映画が,大規模なプロジェクトによって分業体制へと移行し,産業に進化したのと同様に,インタラクティブなWebアプリケーション開発の世界にも転換期が訪れている。
このようなタイミングにおいて,マイクロソフトがプロフェッショナル・デザイナー向けのツール群と,エクスペリエンス提供を支えるプラットフォームを準備したことは大いに意味があるのではないだろうか。

- ■マイクロソフト公式サイト
- Silverlight公式サイト
- Expression製品 60日評価版ダウンロード
- ■WPF関連
- ITpro ニュース 2007/01/26
開発者が語るVistaの「WPF」と「Flash」との使い分けのヒント - ITpro 記者のつぶやき 2006/12/13
WPF/EはUIの選択肢になるか - Strategic Web Design テクノロジ 2006/10/31
開発者もデザインに価値を見いだすきっかけに〜REMIX Tokyoから - ITpro ニュース 2006/10/27
【REMIX Tokyo】ブラウザー上で回せる地球儀,3次元のSNS-VistaでWebはこう変わる - ITpro ニュース 2006/10/26
【REMIX Tokyo】国内企業10社,Vistaの「WPF」対応サイトの展開を表明
- ■Silverlight関連
- ITpro インタビュー 2007/06/01
「SilverlightはWPFに非常に近いところまで進化する」,MicrosoftのExpression Studio General Managerが語る - Strategic Web Design テクノロジ special report 2007/05/15
MIX07レポート 一貫して“Experience”の重要性を訴えたMicrosoft - ITpro ニュース 2007/05/01
米マイクロソフト,Flash対抗技術「Silverlight 1.0」のベータ版を公開 - ITpro ニュース 2007/04/19
Microsoftの「Silverlight」がAdobeの存在をかすませる
- ■Expression関連
- ITpro ニュース 2007/06/14
マイクロソフトが「Expression」を正式発表,「Silverlight」を強力プッシュ - Development ニュース 2007/04/04
「MSDNでBlendが手に入る」マイクロソフトが開発者向けにデザイン・ツールの提供を開始 - Strategic Web Design:デザイン ニュース 2007/01/17
マイクロソフトがデザインツール「Expression」発表,3年後にはトップシェアを狙う - Strategic Web Design:デザイン ニュース 2007/01/17
Webクリエイター市場に挑むマイクロソフト,先鋒としてWeb構築ツール「Expression Web」を2月に発売 - Strategic Web Design:デザイン 2006/10/20
マイクロソフトのデザインツール群Expressionの概要 - Strategic Web Design:デザイン 2006/10/20
「デザイナーとデベロッパのコラボレーションを促進させたい」-マイクロソフトのExpression担当者に聞く - Strategic Web Design:デザイン 2006/10/20
Expression Web 日本語ベータ版レビュー












