SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Silverlight 3徹底入門

デザインツールの進化
― Expression Blend 3入門

Silverlight3徹底入門(3)


サンプルデータを利用したデザイン

 SilverlightでもデータベースやXMLをデータソースにして、DataGridなどのコントロールに一覧データをバインドすることができます。しかし、データバインドを行う場合は実際に実行してみるまではどのように表示されるかを確認することができません。

 Expression Blendでは、DataGridなどにサンプルデータをバインドすることで、データバインドを行う場合でも直感的なデザインを行うことが可能です。

1. サンプルデータの追加を開始

 Expression Blendの[データ]-[XMLからサンプルデータのインポート]からサンプルデータの取り込みを開始します(図22)。

図22 サンプルデータの追加1
図22 サンプルデータの追加1

2. サンプルデータの定義

 サンプルデータの範囲と、実行時にサンプルデータのバインドするかの設定を行います。今回は、プロジェクト全体でサンプルデータを使い、実行時にサンプルデータをバインドしない設定でサンプルデータを定義しました(図23)。

図23 サンプルデータの追加2
図23 サンプルデータの追加2

3. サンプルデータの構成

 2.でサンプルデータを追加すると、サンプルデータのひな形が追加されます。

 図24のように項目を増やしたり、データ型の変更といったサンプルデータの構成を変更することができます。

図24 項目/データの追加、データ型の変更
図24 項目/データの追加、データ型の変更

4. サンプルデータの作成

 3.の項目の追加ボタンをクリックすると、実際にバインドするサンプルデータの件数を増やしたり、どんなサンプルを追加するかを設定することができます(図25)。

図25 サンプルデータの追加3
図25 サンプルデータの追加3

5. サンプルデータの適用

 サンプルデータの作成がおわったら、サンプルデータを追加したいコントロールに作成したサンプルデータをドロップするだけです。図26はデータグリッドにサンプルデータを適用した結果です。

図26 データグリッドに表示されたサンプルデータ
図26 データグリッドに表示されたサンプルデータ

Team Foundation Serverへの接続

 Silverlightはデザイナーとプログラマの協業が早い段階からテーマになっていました。

 Silverlightでは確かにXAMLを取り入れたことでデザインとロジックが分離されたため、協業は可能とはなっていましたが、開発者が同じXAMLを編集する必要があった場合、デグレやマージのミスといった危険性がありました。

 Expression Blend 3からはマイクロソフトのチーム開発用サーバーであるTeam Foundation Server(TFS)に接続する機能が追加されています。

 Expression Blend 3でTFSに接続するためには、Expression Blend用のTFSクライアントをMSDNからダウンロードしインストールする必要があります。

 TFSに関する詳しい解説は、りばてぃさん/FUJIKOさん/ナオキさんの連載「Team Foundation Serverでソースコード管理を効率化」を参照してください。

 TFS クライアントをインストールすると、TFSで管理されているソースをExpression Blendで開いたときに認証ダイアログが表示され、TFSへのログインを促されます。

 TFSで管理されたプロジェクトを開くと、プロジェクトパネルには図27のような鍵マークやチェックマークが表示され、現在そのソースファイルがどんな状態かを確認できます。

図27 ソース管理中のプロジェクト
図27 ソース管理中のプロジェクト

 鍵のついたファイルはチェックイン済み、チェックマークのついたファイルは自分がチェックアウト済みであることを表します。

 また、プロジェクトパネルからアイテムのコンテキストメニューを開くとソース管理に必要な図28のようなメニューが増えていることを確認できると思います。

図28 TFS対象のプロジェクトを開いた時のコンテキストメニュー
図28 TFS対象のプロジェクトを開いた時のコンテキストメニュー

 Expression BlendからTFSに接続できるようになったことで、本格的にデザイナーとプログラマーが協業して作業が行える環境が整備されました。現在のところVisual StudioほどにはTFSの操作が得意なわけではありませんが、まずはソース管理をデザイナーツールに組み込めたことが大きな一歩になると筆者は考えています。

軽量なTFS

 TFSは開発ポータル、ソース管理、タスク管理、バグトラッキング、レポーティング、自動ビルドなどのアプリケーションライフサイクルのすべてをサポートした重量なソフトウェア開発サーバーです。

 

 そのためTFSの構築や運用にはTFSに詳しい担当者が必要だったり、サーバーOSが必要だったり、ライセンス料が高価だったりするため、評価はするのだけれどなかなか導入、運用に及ばなかったという話をよく聞きます。

 

 TFSの次バージョンであるVisual Studio Team Foundation Srever 2010では、通常のTFSに加えソース管理と自動ビルドを中心においた簡易的なTFSもサポートされるようになるそうです。ライセンスや価格などについては未定ですが、クライアントPCにもインストールすることが可能になるようです。

まとめ

 今回は駆け足でExpression Blend 3の新機能を紹介してきました。Expression BlendはこれまでのXAMLのデザインツールという枠組みだけでなく、アプリケーションのデザインプロセスを推進するツールへとすさまじい勢いで進化していることを何となくでも感じ取っていただけたのではないでしょうか。

 Expression Blendにはここでは説明しきれなかった機能がまだまだあります。今後の連載でこの辺りにもフォーカスしていきたいと思っています。

修正履歴

この記事は参考になりましたか?

連載通知を行うには会員登録(無料)が必要です。
既に会員の方はを行ってください。
Silverlight 3徹底入門連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト かるあ (杉山 洋一)(カルア(スギヤマ ヨウイチ))

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/4573 2009/12/16 15:05

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー