Visual Studioとの連携でWPF、Silverlight対応強化

マイクロソフト、Expression Studio 2 日本語版を披露

2008/06/11

　マイクロソフトは7月18日にデザイナー向けオーサリングスイートの最新版「Microsoft Expression Studio 2 日本語版」を発売する。SilverlightやWPF（Windows Presentation Foundation）に対応し、Webサイト構築やデスクトップアプリケーションの作成ができる。UIを定義するXMLベースのマークアップ言語、XAMLを仲介とすることで、プログラマとデザイナがコーディングとUIデザインを共同で進めやすくなる。

Expression Web 2について説明するマイクロソフトデベロッパー＆プラットフォーム統括本部シニアプロダクトマネージャの春日井良隆氏

　Expression Studio 2は、WebサイトのHTMLオーサリングツール「Expression Web 2」、デスクトップアプリケーションおよびSilverlightアプリケーションのオーサリングツール「Expression Blend 2」、2次元ベクトルグラフィックスツール「Expression Design 2」、デジタルコンテンツの管理ツール「Expression Media 2」、ビデオエンコーダ「Expression Encoder 2」からなる。Expression Studio 2の税別参考価格は8万7800円、アップグレード版は4万3800円。Expression Design 2以外は単体販売も行う。また、開発者向けに提供しているサブスクリプションサービス、MSDN（Microsoft Developer Network）同様に、新たにデザイナー向けのサブスクリプションサービス「Microsoft Expression Subscription」（税別参考価格13万8000円）も提供する。サブスクリプションサービスにはWindows XP／VistaなどのOSのほかOfficeスイート、Paralles Desktop for Macが含まれるなど、Macユーザーを含むデザイナー向けの統合パッケージとなっている。

　6月11日にメディア向けの事前説明会を開いた同社は、出荷間近の同製品のデモンストレーションを行った。

デザイナとプログラマを結ぶExpression Blend

　同社デベロッパー＆プラットフォーム統括本部エバンジェリスト高橋忍氏は「VisualStudioとSDKだけで開発する必要があったのが、ようやくUI（XAML）がExpression Blendで作れるようになった」とし、実際にVisual Studio 2008とExpression Blendの連携を実演してみせた。具体的には、Visual StudioでXAMLのプロジェクトファイルを作成。続いてテキストメッセージやボタンを表示する簡単なコントロールをウィンドウに貼り付ける。続いて、Expression Blendで同じXAMLプロジェクトのファイルを開き、ボタンを立体的に見せるグラデーションなどの装飾を施す。Visual Studioに戻ると、XAMLファイルが更新されていることが通知され、変更を反映するとExression側のデザイン結果がVisual Studioに取り込まれる、という流れだ。

Visial Studio 2008で作成したXAMLプロジェクトを、Expression Blend 2で開いたところ。シンプルなUIを、デザイン専用ツールを使って編集できる

BlendでXAMLプロジェクトに修正を加えた場合、Visual Studio側で変更が加わったことが検知され、再読込を促される

Blendを使ってデザインしたXAMLをVisual Studioで再度読み込んだ画面。Blend上で編集できるデザイン系のプロパティは、Visual Studioのプロパティには表示されない

　Expression Blendでは、XAMLを使ったユーザー定義のコントロールも作成できる。高橋氏は単純なボタンの代わりに、絵柄の入ったトランプのカードのコントロールを作成する様子をデモした。矩形の変形や領域の塗りつぶし、アニメーション効果などを加えたオブジェクトを作成し、それを1つのコントロールとして定義。マウスイベントをトリガとして設定することで、「マウスオーバーで動的にズームアップするカード」という新しいコントロールが作成してみせた。

　定義したカードを使ったゲームを作るにはロジックのコーディングが必要だが、データベースから引っ張ってきた画像やテキストを表示するといった簡単なアプリケーションであれば、Expression Blendだけで完結する。従来、ADO.NETを使う必要があったデータベースバインディングは、GUIだけで行える。またデータベースの出力を表形式で表示する“リストボックス”だけでなく、あらかじめリストボックスを発展させて画像ファイルのイメージ表示を行うテンプレートを作成しておけば、GUIを使った作業だけで視覚的に凝ったメニュー画面を作ることもできる。いったん作成したテンプレートを再利用できることが強みだという。

トランプのカードの形をしたユーザー定義のコントロールの例。トリガを設定して簡単なアニメーション効果を加えることもできる

Blendを使ったデータベースアプリケーションの例。画像のファイルパス、ファイル名というデータから画面を作っている。画像にマウスを載せるとズーム表示される凝ったUIだが、こうしたデータバインディングをGUIの操作だけで行えるという

　XAMLを介したロジックとデザインの分離により、プログラマとデザイナの協業が行いやすくなるというのがExpressionシリーズとVisual Studioの組み合わせの特徴だが、現在、両者はあくまでも個別ツールで、プロジェクト編集の排他制御やバージョン管理までは行わない。排他制御は、基本的に各OSのファイルシステムのアクセス権限に依存することになるという。