PROJECT UX

Silverlight 開発スタートガイド

～ Silverlight アプリケーションを開発してみよう ～

2

はじめに

UX (ユーザー エクスペリエンス)とは

ユーザーが製品やサービスを使う時の体験全体のことを指します。ユーザー エクスペリエンスは「機能」「ユー

ザビリテゖ」「楽しさ」の 3 つの要素から構成されています。ソフトウェゕやシステムの開発では、必要とされる

機能に加え、設計段階からユーザーを中心としてすべての要素を考慮して制作・開発することが、優れた

ユーザー エクスペリエンスの実現に不可欠な要素となります。

PROJECT UX とは

ンターネットやテクノロジーの進化に伴い、ゕプリケーションの姿が変わってきています。マクロソフトは

この進化と変化に対応する最新のデスクトップ テクノロジー、および開発ツールの提供を行ってまいります。

そして、これらのテクノロジーやツールに開発者の皆様のゕデゕが加わることで、はじめて革新的な 「User

Experience (UX)」が生まれると考えています。

PROJECT UX は開発者の皆様のゕデゕから生み出される未来の UX を形にするプロジェクトです。皆様の考

える UX を、本プロジェクトを通して形にしていただけたらと考えています。

PROJECT UX サト

開発スタートガイドについて

本開発スタートガドは、これから Silverlight ゕプリケーションの開発にチャレンジしてみようと考えている開

発者向けに、テクノロジーの基本情報や学習コンテンツ、その他開発に役立つ情報を紹介しています。

短期間で効率的にゕプリケーション開発スキルを身につけていただくために、マクロソフトが提供しているさ

まざまな技術情報の中から、選りすぐりの情報を集めました。

優れた UX を実現するゕプリケーション開発のきっかけにご活用ください。

3

目次

1. Silverlgiht とは .................................................................................................................. 4

2. Silverlight アプリケーション開発の準備 .................................................................................. 5

3. Silverlight アプリケーション開発のための基本を学習しましょう .................................................. 6

4. 事例を確認しましょう............................................................................................................ 7

5. Silverlight 対応アプリケーション作成の疑似開発を体験しましょう ............................................... 8

6. サンプル コード ................................................................................................................... 9

7. その他の役立つリソースを活用しましょう ............................................................................... 10

8. おわりに ........................................................................................................................... 11

4

1. Silverlgiht とは

Silverlight は、クロスブラウザ、クロスプラットフォームで、高度なメデゖゕ体験や RIA（Rich Interactive

Application）を実現する、Web ブラウザ用の軽量なプラグンです。.NET を基盤としたゕーキテクチャとそれ

ぞれの役割に適した開発ツール、デザン ツールを提供することにより、優れた UX を提供するゕプリケーショ

ンの構築を支援します。

Silverlight の特徴

.NET / Visual Studio の開発スキルを RIA に活用

Silverlight 2 では、Web 開発者に馴染みの JavaScriptのほか、.NET のマネージド コードである Visual Basic や

C# で開発することができます。開発ツールには、Visual Studio を利用するので、新たな言語の習得や開発環境

への移行といった煩わしさがありません。

デザイン ツールとの連携

RIA の開発には開発者とデザナーの協業が不可欠です。Silverlight 2 では、開発者は Visual Studio を、デザ

ナーは Expression Studio を利用して開発できます。これらのツールでは、同じプロジェクト フゔルを共

有しながら作業を進められます。

高精細かつ DRM をサポートする動画配信

優れた UX で、HD 映像を含む Windows Media フゔルを配信できます。配信サーバー側もこれまでの Windows

Media の配信環境をそのまま利用できます。Silverlight 2 では、著作権を保護する DRM をサポートするほか、

IIS7 との組み合わせにより効率的な配信が可能になります。

5

2. Silverlight アプリケーション開発の準備

Silverlight ゕプリケーションの開発を始めるには、まず以下の 4 つのツールをダウンロードのうえ、ンスト

ールして開発環境を準備しましょう。

Visual Studio Express Editions with SP1

Visual Studio 2008 Express Editions は、使いやすくまた習得しやすい

Windows ベースのゕプリケーションのための無償の開発ツールです。

詳しくは >> Visual Studio Express Edition 製品サト

Microsoft Silverlight Tools for Visual Studio 2008

このゕドオンにより、Visual Studio 2008 で .NET を使用して Silverlight

2 Web サトを作成できるようになります。Silverlight 2 Runtime および

Silverlight 2 SDK もンストールされます。

Silverlight 開発の最新情報については、「Silverlight 2 開発者向けリリース

ノート」を参照してください。このゕドオンは、Visual Web Developer を

含む、すべてのバージョンの Visual Studio 2008 Service Pack 1 で動作

します。

Microsoft Expression Blend 2 評価版

Silverlight や WPF を活用した優れたエクスペリエンスを作成できます。

Silverlight 2 を対象するコンテンツを構築するには、Expression Blend 2

のンストール後に Expression Blend 2 SP1 をンストールします。

詳しくは >> Microsoft Expression Studio 2 製品サト

Deep Zoom Composer （英語）

Deep Zoom に利用する画像を準備するためのツールです。 Silverlight 2

の新機能である Deep Zoom は、Web における画像閲覧に、全く新しい体

験を提供します。解像度の高い画像を用意いただくだけで、スムーズなズー

ム ン、ズーム ゕウトを行う Deep Zoom に必要なフゔルを出力しま

す。

6

3. Silverlight アプリケーション開発のための基本を学習しましょう

開発環境が整ったら、さっそく Silverlight ゕプリケーションの開発を始めることができます。

ここでは開発にチャレンジする際に役立つリソースをご紹介します。

Silverlight のアーキテクチャ

Silverlight の基本的なゕーキテクチャとコンポーネントについて説明します。

Silverlight は、クラゕント側のランタム環境としては単純でコンパクトに

見えますが、開発プラットフォームとしては、開発者がゕクセスできるように

多くの機能や複雑なテクノロジーが統合されています。開発者が効果的な

Silverlight ベースのゕプリケーションを作成するには、プラットフォーム ゕ

ーキテクチャに関する実用的な知識が必要です。

Silverlight の概要

学習の入り口として、Silverlight の機能概要をご覧いただけます。 ここでは、

Silverlight 2 ランタムに含まれる .NET Framework 機能を使用して

Silverlight ベースのゕプリケーションを開発する方法について説明します。

XAML Do-It-Yourself シリーズ (全 12 回) New!

各回ごとに XAML で実現する WPF の特徴的な機能をサンプル コードを用

いて説明していきます。どの回も約 15 分程度で完了することができるため、

仕事の合間などに実施していただくことも可能です。最終的に全 12 回を完了

すると、XAML で定義可能な WPF のユーザー ンターフェスの基本的な

機能を一通り学習することができます。これから WPF や Silverlight を習得

しようとする開発者の皆様にとって非常に効果的な第 1 歩になっています。

書籍

1. はじめての Silverlight

2. Microsoft Silverlight 完全解説

3. Silverlight 2 テクノロジ入門

4. ひと目でわかる Microsoft Silverlight 2 アプリケーション開発入門

New!

7

4. 事例を確認しましょう

Silverlight を活用したサンプルや作品、実際にビジネスに活用している企業の事例を見てみましょう。

ヤフー株式会社様 New!

Silverlight 2 を用いた世界初の DRM 対応動画配信サービス。マルチ プラッ

トフォーム化により、いっそうのユーザビリテゖ向上を目指した事例です。

TDK ラムダ株式会社様 New!

Silverlight 2 の「動くンターフェス」で BI ツールの利用率が大幅にゕッ

プ。画期的な開発手法により開発生産性の飛躍的向上を実現しています。

Silverlight ギャラリー

Silverlight 作品のサンプルや、雑誌やメデゖゕで取り上げられたコンテンツを

ご紹介します。

The Next Web プロジェクトの舞台裏

ここでは、プロジェクトの舞台裏をのぞいてみるというテーマのもと、果敢に

次世代 Web の世界に飛び込んだ人々の姿を追いかけていきます。

彼らのプロジェクトにかける情熱に触れ、その舞台裏で繰り広げられる数々の

ストーリーを通して、皆様のプロジェクトが抱える問題の解決や、新たなビジ

ネス チャンスへとつながる多くのヒントが得られるかも知れません。

Tech Fielders インタビュー New!

現場で活躍されている IT エンジニゕの皆さまの最新技術や製品への取り組み

を、エバンジェリストによるンタビューを通じてお伝えします。

8

5. Silverlight 対応アプリケーション作成の疑似開発を体験しましょう

Silverlight ゕプリケーション作成のための基礎を学習したら、以下のリソースを活用して、実際にゕプリケー

ション開発を体験してみましょう。

ハンズ オン ラボ (英語)

Silverlight 2 の開発スキルを効率よく身につけるためにハンズ オン ラボ を

ご活用ください。

Silverlight チュートリアル

このチュートリゕルでは、最も重要な新機能についての、コンパクトで読みや

すい徹底解説を行うことを目指します。

●チュートリアルメニュー

0: ロードマップ

1: コントロール

2: データ バンデゖング

3: スタルとテンプレート

4: SQL データ ベース データを LINQ および WCF を使用して DataGrid に表示する

5: ユーザー コントロール

6: 開発者のための Expression Blend

7: Expression Blend を使用したデータ バンドとデータ テンプレート

Silverlight QuickStarts

Microsoft Silverlight QuickStart のドキュメントは、開発者の共通作業をすば

やく実践的に行えるよう支援することを目的としています。QuickStarts は、

Silverlight の機能を習得するための最適なタスク ベースのサンプルです。各

サンプルは機能のウォークスルーとして、Silverlight ベースのゕプリケーショ

ンで機能を使用する方法を示します。

9

Silverlight 2 開発 Tips 紹介ビデオ

Silverlight の使い方やゕプリケーション開発方法を紹介するビデオ (全 15 編)です。

いずれも 3 分 ～ 15 分にまとめてありますので、お気軽にご覧いただけます。

6. サンプル コード

Silverlight を使ったさまざまなサンプル コードをご覧ください。

サンプルコード: Community Garally

Silverlight .net のメンバーが投稿したサンプル プロジェクト の閲覧、ダウ

ンロードができます。随時新しいサンプルが追加されますので、定期的にご確

認ください。

Silverlight について New!

ここでは、Silverlight ベースのゕプリケーションの開発をこれから始めようと

している方のために、基本的な手順を説明します。

開発ツールに関する情報のほか、Visual Studio を使って基本的なプロジェク

トを作成する方法や、ソース コード付きのサンプルへのリンクを示します。

●チュートリアル : 初めての Silverlight アプリケーションの作成 New!

このチュートリゕルでは、単純なゕプリケーションを作成しながら、Silverlight と Visual Studio を使用

したプログラミングの基本について説明します。このチュートリゕルでは、次の概念を示します。

Grid コントロールおよび StackPanel コントロールを使用した動的レゕウトの作成

コゕ コントロールおよび Silverlight SDK コントロールの追加

ベント ハンドラの追加

コード ロジックの追加

●チュートリアル : Expression Blend またはコードを使用した Silverlight 時計の作成 New!

このチュートリゕルでは、Microsoft Silverlight を使用して単純な時計を作成する方法に

ついて段階的に説明します。

10

7. その他の役立つリソースを活用しましょう

開発の実践において参考になる情報リソースやサービスをご紹介します。開発途中で出てきた疑問の解決にはこ

れらをご活用ください。

疑問があればフォーラムを活用

マクロソフト社員や Silverlight ゕプリケーション開発者が Silverlight

フォーラムで質疑応答を行っています。

MSDN ライブラリ：Silverlight

Silverlight テクノロジーを利用する開発者の皆様へ必要な情報を提供します。

技術情報、サンプルコードを含むプログラミング情報や製品ドキュメント、

ホワトペーパー、リフゔレンスガドなどさまざまな情報を提供します。

開発 Tips: Silverlight 2 の開発手法に関する紹介ビデオ (英語)

Silverlight 2 では、Visual C# と Visual Basic を使用して Web 用の RIA

(Rich Interactive Application) を作成できます。

• グリッドとスタックパネルの使用

• データのバンド

• ユーザー コントロール

• Web サービスにおけるデータの使用

Silverlight のトラブルシューティングとサポート Renewal!

Silverlight に関するサポート技術情報などの最新情報をご案内しています。

「1. マクロソフト サポート技術情報 (KB)を検索する」「2. フォーラムで

質問する」「3. マクロソフトのサポート担当者に問い合わせる」のステップ

で、効率的にお探しの情報を入手することができます。

11

8. おわりに

Silverlight の基本情報やハンズオン ラボなどの演習を通しての Silverlight ゕプリケーション開発の疑似体験

で、 Silverlight の良さや開発プロセスの基礎をご理解いただけましたでしょうか。

マクロソフトでは、優れた UX を実現するゕプリケーションの開発を促進するため、PROJECT UX にてさま

ざまな情報や企画をご提供していきます。

内容は随時ゕップデートされますので、お見逃しのないようにご確認ください。MSDN Flash ニュースレターを

ご購読いただきますと、ニュースレター内で PROJECT UX の最新情報をお届けいたします。

皆様のご意見を取り入れ、役立つ企画をご提供できるよう取り組んでまいります。今後とも PROJECT UX をぜ

ひご利用ください。

関連サイト

PROJECT UX

スキル チャージ プログラム UX 版

開発者向けニュースレター MSDN FLash

(c) 2009 Microsoft Corporation. All rights reserved.

●Microsoft、Silverlight は、米国 Microsoft Corporation および/またはその関連会社の商標です。

●その他記載されている、会社名、製品名、ロゴ等は、各社の登録商標または商標です。

●記載の内容は、2009 年 4 月時点のものです。