
Silverlight 2で.NET技術をカッコよく使おう(2)
無料Visual Studioで始めるSilverlight 2超入門
インフラジスティックス・ジャパン株式会社
テクニカルエバンジェリスト/デベロッパーサポートエンジニア
山田 達也
2009/1/15
連載「.NETを知らない人でも分かるSilverlight入門」の続編のSilverlight 2入門連載です。Silverlightで.NET技術をよりカッコよく簡単に使えるRIAを作ってみましょう。Silverlightそのものについて詳しく知りたい読者は、本稿と併せて特集「Silverlightは次世代のJavaScriptフレームワーク?」もご参照ください(編集部)
触ってみよう! Silverlight 2
- - PR -
連載第1回の「ついにRTWされたSilverlight 2は1.0と何が違うの?」では、Silverlight 2の特徴と可能性について解説してきましたが、Silverlight 2の正式版がリリースされておよそ3カ月たち、ようやくSilverlight 2アプリケーションを開発する基盤も整った感があります。
今回からは実際に開発ツールを使いながら、さまざまなSilverlightアプリケーションを作成する手順を具体的に紹介していきます。
まずは、Silverlight 2アプリケーションを触ってみましょう。ごく簡単なメニューから画面遷移するアプリケーションです。各メニューは本稿の解説の図版となります。「誕生日は?」のメニューを押すと、カレンダーアプリケーションとなります。 カレンダー上で日付けを選択してください。表示が変わるのが分かると思います。
| Silverlight 2アプリケーションのサンプル(もっと大きな画面で見たい場合はこちら)※サンプルを動かすには、事前に実行環境のインストールが必要です。→ダウンロードページ |
Silverlight 2開発環境を一からインストール
それでは、Silverlightプログラミングの第一歩を踏み出してみましょう。前回の記事で、開発ツールとしてはVisual Studio 2008またはExpression Blendがあると述べましたが、まずは必要な環境をおさらいします。
| 表1 Silverlight 2開発を始めるための環境 | |||||||||||||||
|
表1のように、プログラマ向けのツールとデザイナ向けのツールが用意されています。今回は無償で入手可能な「Visual Web Developer 2008 Express Edition」(以下、VS2008)のインストールから開始して、プログラマの視点でSilverlight開発にチャレンジしてみたいと思います。なおデザイナ向けのツールであるBlendの使用方法についても、次回以降の記事で紹介していきます。
■ VS2008 SP1のインストール
まずはインストールの方法を紹介します。以下のサイトにアクセスし、必要なツールを順番にダウンロードしてください。
VS2008 SP1は、上記のWebサイトから「Webインストール(ダウンロード)」を実行することで、vwdsetup.exeが動いてインストールできます。インストールウィザードを進めると、ライセンスに同意するか確認してくるので、[同意する]を選択します。[Visual StudioでオンラインのRSSコンテンツを受信して表示できるようにする]のチェックは付けないでも構いません。
![]() |
| 図1 Visual Web Developer 2008のインストール(ライセンスに同意するか確認) |
インストールウィザード進めると、以下のようにSQL Server 2008 Express Editionをインストールすることを促してきますが、ここでは、余計なインストールは省略するため、チェックはしません。
![]() |
| 図2 SQL Server 2008 Express Editionをインストールするか確認 |
さらにインストールウィザードを進めると、図3のように必要なコンポーネントを自動的に判別・ダウンロードしてくれます。
![]() |
| 図3 必要なコンポーネントを自動的に判別 |
[インストール]ボタンを押し、しばらくすると、インストールは完了します。
■ Silverlight Toolsのインストール
VS2008 SP1用のSilverlight Toolsについては、上記ダウンロードページの「Silverlight Tools のダウンロード」リンクから以下のページに移動し、「ダウンロード」ボタンを押してインストールパッケージ(Silverlight_Tools.exe)をダウンロードします。
ダウンロードしたSilverlight_Tools.exeを実行すると、インストールウィザードが起動します。インストールウィザードを進めると、VS2008 SP1のときと同様にライセンスに同意するか確認してくるので、[同意する]を選択します。[インストール手順を向上させるために匿名でフィードバックを送信する]というチェックは付けても付けないでも構いません。
![]() |
| 図4 Silverlight Toolsのインストール(ライセンスに同意するか確認) |
さらにインストールウィザードを進めると、Webブラウザを使っている場合は現在開いているWebブラウザを閉じるように推奨されますので、閉じないと[次へ]ボタンは押せません。
![]() |
| 図5 Webブラウザを閉じないと進めない |
[次へ]ボタンを押すと、インストールウィザードが進み、しばらくするとインストールが完了します。
次ページからは、Silverlight 2アプリケーションの作り方を見ていきましょう。
| 1-2-3-4 |
| INDEX | ||
| Silverlight 2で.NET技術をカッコよく使おう(2) 無料Visual Studioで始めるSilverlight 2超入門 |
||
| Page1 Silverlight 2開発環境を一からインストール |
||
| Page2 初めてのSilverlight 2プロジェクト |
||
| Page3 初めてでも分かるXAMLの中身 Silverlight 2で使用可能な3種類のコンテナ |
||
| Page4 Silverlight 2の標準コントロールはこんなにたくさん! 次回は、アニメーションでSilverlightをカッコよく使う コラム 「Silverlight 2で画面遷移を行うには?」 |
||
Silverlight 2で.NET技術をカッコよく使おう バックナンバー 連載インデックスへ»
- 第1回 ついにRTWされたSilverlight 2は1.0と何が違うの?
- 第2回 無料Visual Studioで始めるSilverlight 2超入門
- 第3回 デザインツールで始めるSilverlightアニメ/グラフィック
- 第4回 Silverlight 2で落書きアプリを作るための5つのテク
- 第5回 最新の画像処理技術PhotosynthとDeepZoomを使う
| リッチクライアント&帳票 全記事一覧へ |
ホワイトペーパー(TechTargetジャパン)
- 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に - APIでGoogleスプレッドシートの追加/更新/削除 (2010/2/24)
ワークシートの追加・削除、メタ情報の更新、行単位でのデータの追加・更新・削除する方法を徹底解説します
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 New! |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜Java編〜
| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 直属上司が海外にいるのエンジニアに見る 【実例】場所に捉われないワークスタイル |
| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |













