Visual Studio 2008

Visual Studio 2008 は優れたユーザー体験を持 つゕプリケーションの迅速かつ高品質な構築を支 援する、最新の開発環境です。



Silverlight Tools for VS 2008 SP1

ゕドオンを゗ンストールすることに よって、Silverlightプロジェクトの 作成が可能に。

Visual Studio 2008 SP1 または Visual Web Developer 2008 Express SP1 のいずれかに゗ンス トール可能。

開発環境に必要なもの

• Visual Studio 2008 Service Pack 1 日本語版

あるいはVisual Web Developer Express 2008 SP1

• Expression Blend 2 Service Pack 1日本語版

• Expression Encoder 2 Service Pack 1日本語版

• Silverlight Tools for Visual Studio日本語版

http://www.microsoft.com/downloads/details.aspx?FamilyID=c2 2d6a7b-546f-4407-8ef6-d60c8ee221ed&DisplayLang=ja

• Deep Zoom Composer (英語のみ)

http://www.microsoft.com/downloads/details.aspx?FamilyID=4 57B17B7-52BF-4BDA-87A3-FA8A4673F8BF&displaylang=en

• Silverlight Toolkit (英語のみ)

http://www.codeplex.com/Silverlight/Release/ProjectReleases.a

spx?ReleaseId=18804

配置と展開

Silverlight システム要件

OS IE7 IE6 Firefox 1.5, 2, 3 Safari

Windows Vista ○ ー ○ ー

Windows XP SP2 ○ ○ ○ ー

Windows 2000 ー △** × ー

Windows Server 2003 (IA64 を除く） ○ ○ ○ ー

Mac OS 10.4.8 以降(PowerPC) ー ー ○* ○*

Mac OS 10.4.8以降 (Intel) ー ー ○ ○

システム 要件

PC •X86 またはX64 500MHz以上のプロセッサ

•128MB以上のRAM

Mac OS 10.4.8 以降（PowerPC） •PowerPC G4 800MHz 以上のプロセッサ

•128MB以上のRAM

Mac OX 10.4.8 以降（Intel) •Intel Core Duo 1.83 GHz 以上のプロセッサ

•128MB以上のRAM

OSとブラウザ

必要システム

○* Silverlight 1.0 のみ △** Silverlight 2 のみ

WebサーバのMIME typeの設定

• 任意のWebサーバにSilverlightゕプリケーションを配置可能

拡張子 MIME Type

.xaml application/xaml+xml .xap

application/x-silverlight-app

Silverlight 2ゕプリケーションの配置

• Silverlight 2ゕプリケーションをビルドする

• HTML上に<object>タグを利用して埋め込む

<div id="silverlightControlHost">

<object data="data:application/x-silverlight-2,"

type="application/x-silverlight-2" width="100%" height="100%">

<param name="source" value=“MySilverlightApp.xap"/>

<param name="onerror" value="onSilverlightError" />

<param name="background" value="white" />

<param name="minRuntimeVersion" value="2.0.31005.0" />

<param name="autoUpgrade" value="true" />

<a href="http://go.microsoft.com/fwlink/?LinkID=124807"

style="text-decoration: none;">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181"

alt="Get Microsoft Silverlight" style="border-style: none"/>

</a>

</object>

</div>

Silverlightが゗ンストールされていない ブラウザへの対応

<a href="http://go.microsoft.com/fwlink/?LinkID=124807"

style="text-decoration: none;">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181"

alt="Get Microsoft Silverlight" style="border-style: none"/>

</a>

http://go.microsoft.com/fwlink/?LinkID=124807 は

Silverlight 2゗ンストーラのURL

Silverlightの゗ンストール

• ゗ンストーラURL

http://go.microsoft.com/fwlink/?LinkID=124807

• ダウンロードサ゗ズ: 4.63MB (2009/1/20現在)

• １分程度で゗ンストール完了

• 展開後のサ゗ズ： 21.1MB

JavaScriptでの開発

JavaScript APIで操作する方法

• Silverlight 1.0/2それぞれに利用可能な方法

• Expression Blend 2とVisual Studio 2008の連係

Input Media UI Core

Browser API XAML

JavaScript Engine Download

APIs

default.html

createSilverlight()

゗ベントハンドラ ゗ベントハンドラ ゗ベントハンドラ

オブジェクトの参照

ゕプリケーションの構成要素

• Silverlight用スクリプトラ゗ブラリ – Silverlight.js

(http://code.msdn.microsoft.com/silverlightjs)

– createSiverlight.js (ゕプリケーションに応じて作成）

– XAMLフゔ゗ル

– Silverlight用の画面を構成する要素を定義 – HTML文書

– スクリプトラ゗ブラリの取り込み

– Silverlightプラグ゗ンの表示領域を決める – Silverlightプラグ゗ンを実行する

• JavaScriptのコード

– SilverlightとHTMLを組み合わせる

文字だけだと、

想像しづらい

かも

図で表すと

<ゕプリケーション>

default.html

Page.xaml

CreateSilverlight.js

Silverlight.js

Event handlers By JavaScriptEvent handlers

By JavaScript

<リソース>

<ダウンロード>

v1.wmv

<ストリーミング>

v2.wmv

<ダウンロード>

image1.jpg

<ダウンロード>

image2.png

<ダウンロード>

s1.mp3

゗ンターネット クラウド

S ^Input

Media

UI Core

ドキュメント内 スライド 1 (ページ 87-98)