テクノロジ別ビデオ Silverlight 開発

Silverlight アプリケーションはどのように開発すればいいのか? Expression Blend を使いながらテーマ別にご紹介しています。Blend の使い方がよく分からないという開発者の方もぜひご覧ください。

更新日: 2011 年 7 月 21 日

基礎編 | 応用編 | メディア編

基礎編

はじめに

「新しいプロジェクト」の設定 - Silverlight

Expression Blend を使って、新しいプロジェクトを作成する方法について、Silverlight の場合をご紹介します。Silverlight プロジェクトのファイルの種類を紹介します。

【関連するユーザー ガイド】 新しいプロジェクトを作成する

Expression 4ビデオを見る [視聴時間: 7 分 46 秒]

プロジェクト ファイルの理解 - Silverlight + Web サイト

Expression Blend を使って、Silverlight アプリケーション + Web サイトのプロジェクトを作成した場合に、どのようなファイルが含まれているかをご紹介します。

【関連するユーザー ガイド】 ソリューション、プロジェクトおよびファイルの管理

Expression 4ビデオを見る [視聴時間: 8 分 36 秒]

ワークスペースの基本的な使い方: アートボード

Expression Blend のワークスペースの基本的な使い方として、アートボードのズームとパン、位置合わせのオン/オフ、デザイン ビュー と XAML ビューについてご紹介します。

【関連するユーザー ガイド】 ワークスペースの調整

Expression 4ビデオを見る [視聴時間: 8 分 27 秒]

ワークスペースの使い方 - パネル、ワークスペース、レイアウト

Expression Blend のワークスペースの基本的な使い方として、パネルの追加と削除、ワークスペースの切り替え、レイアウトの変更と保存についてご紹介します。

【関連するユーザー ガイド】 ワークスペースの調整

Expression 4ビデオを見る [視聴時間: 6 分 24 秒]

ツール パネルについて

Expression Blend のツール パネルとは何か、またどんなツールが含まれているのかをご紹介します。

【関連するユーザー ガイド】 ツール パネル

Expression 4ビデオを見る [視聴時間: 5 分 11 秒]

ツール パネルを利用した画面作成

Expression Blend のツール パネルを使って画面を作成する方法について、基本的なことを紹介します。

【関連するユーザー ガイド】

Expression 4ビデオを見る [視聴時間: 7 分 2 秒]

コードを書かずにインタラクションを設定するビヘイビアー

Expression Blend のビヘイビアーを使うと対話的な要素を簡単に作成できます。代表例として、アニメーションの実行、プロパティの変更、音の再生、それぞれをご紹介します。

【関連するユーザー ガイド】 ビヘイビアーの使用

Expression 4ビデオを見る [視聴時間: 8 分 5 秒]

各画面の要素

ビジュアル デザイン画面でできること

Explession Blend のアートボードとは何か、どのような機能があるのかをご紹介します。

【関連するユーザー ガイド】 アートボード

Expression 4ビデオを見る [視聴時間: 6 分 32 秒]

Canvas、Grid、StackPanel、それぞれの違い

Silverlight のレイアウトの基本となる Canvas、Grid、StackPanel のそれぞれの特長を Explession Blend での操作を通じてご紹介します。

【関連するユーザー ガイド】 オブジェクトとタイムライン パネル

Expression 4ビデオを見る [視聴時間: 5 分 7 秒]

ストーリーボードでアニメーションを設定する

Expression Blend のストーリーボードを使用したアニメーションの設定方法をご紹介します。

【関連するユーザー ガイド】 アニメーション オブジェクト

Expression 4ビデオを見る [視聴時間: 3 分 49 秒]

コントロールを追加、参照する

Expression Blend のアセット パネルとは何か、どのような機能があるのかをご紹介します。

【関連するユーザー ガイド】 アセット パネル

Expression 4ビデオを見る [視聴時間: 3 分 39 秒]

あらゆる要素を規定、編集できるプロパティ パネル

Expression Blend のプロパティ パネルとは何か、どのような機能があるのかをご紹介します。

【関連するユーザー ガイド】 プロパティ パネル

Expression 4ビデオを見る [視聴時間: 5 分 37 秒]

グラフィック

図形とパスの描画

Expression Blend を使って、パス オブジェクトやあらかじめ用意された図形を使って描画する方法とその塗りつぶし、ストロークといった基本的なデザイン方法について紹介します。

【関連するユーザー ガイド】 図形とパスの描画

Expression 4ビデオを見る [視聴時間: 10 分 26 秒]

図形の変形

基本図形やコントロールに対する回転、拡大縮小といった基本的な平面上での変形処理に加えて、簡単な 3 次元変形の概念と Expression Blend を使った基本的な変形処理の適応方法をご紹介します。

【関連するユーザー ガイド】 オブジェクトの移動と変換

Expression 4ビデオを見る [視聴時間: 7 分 31 秒]

テキストの描画

Expression Blend 上で扱うことができる 4 つのテキスト関連のコントロールをご紹介するとともに、変更方法やテキストに関連した基本的なプロパティとその機能についてご紹介します。

【関連するユーザー ガイド】 テキストの描画

Expression 4ビデオを見る [視聴時間: 7 分 30 秒]

コントロールの基本

Exprssion Blend では様々なコントロールを扱うことができます。ここではコントロールを大きく 4 つに分類し、それぞれのコントロールの適応範囲と特徴的な使い方についてご紹介します。

【関連するユーザー ガイド】 インタラクティブ コントロールの選択と使用

Expression 4ビデオを見る [視聴時間: 7 分 42 秒]

エフェクトの適応

Expression Blend で利用可能なエフェクトと呼ばれる、画像処理機能の種類や機能、そしてコントロールや画面上のオブジェクトに対してエフェクトを適応する方法についてご紹介します。

【関連するユーザー ガイド】 エフェクトの適用

Expression 4ビデオを見る [視聴時間: 7 分]

 ページのトップへ

応用編

インタラクション

リソースパネルの使い方

Expression Blend を使って、ブラシやテンプレートなどをリソースとして作成する方法と、作成したリソースをリソースパネルで管理する方法について紹介します。

【関連するユーザー ガイド】 再利用可能リソースの作成

Expression 4ビデオを見る [視聴時間: 5 分 05 秒]

コントロールをカスタマイズする方法

Expression Blend を使って、コントロールのテンプレートを作成しコントロールのデザインを変更する方法や、オブジェクトからコントロールを作成する方法について紹介します。

【関連するユーザー ガイド】 テンプレートを使用するコントロールのスタイルの設定

Expression 4ビデオを見る [視聴時間: 8 分 47 秒]

カスタム コントロールの作成

Expression Blend を使って、ユーザー コントロールとカスタム コントロールを作成する方法や、作成したコントロールをほかのプロジェクトで利用する方法について紹介します。

【関連するユーザー ガイド】 カスタム コントロールの作成

Expression 4ビデオを見る [視聴時間: 5 分 58 秒]

コントロールの状態遷移やページ内の遷移を設定する

コントロールの状態とデザインを管理するビジュアルステート マネージャーを設定し、管理する方法、また独自のステートを作成して利用する方法などを紹介します。

【関連するユーザー ガイド】 コントロール用ビジュアル状態の定義

Expression 4ビデオを見る [視聴時間: 7 分 46 秒]

カスタム ビヘイビアの使い方

独自の機能をコードなしに追加できるカスタム ビヘイビアを、インポートし自分のプロジェクトの中で利用する方法を紹介します。カスタム ビヘイビアのギャラリーサイトについても併せて紹介します。

【関連するユーザー ガイド】 別のユーザーが作成したビヘイビアーの追加

Expression 4ビデオを見る [視聴時間: 5 分 06 秒]

サンプルデータ

サンプルデータ - 実データに近いダミーの作成

Blend 4 にあらかじめ用意されているサンプルデータを使って、プロトタイプ作成に役立てることができる機能です。

【関連するユーザー ガイド】 サンプル データの生成

Expression 4ビデオを見る [視聴時間: 6 分 20 秒]

オブジェクト データソース

オブジェクト データソースを利用してサンプル データの生成を行う機能です。WPFで説明します。

【関連するユーザー ガイド】 オブジェクト データ ソースを使用してデータベースへ接続
試してみよう: サンプル SQL データベースからのデータ表示

Expression 4ビデオを見る [視聴時間: 7 分 51 秒]

クラスからのサンプル データ作成

クラスファイルからサンプル データの生成を行う機能をご紹介します。

【関連するユーザー ガイド】 クラスからサンプル データを生成する

Expression 4ビデオを見る [視聴時間: 4 分 39 秒]

Team Foundation Server でチーム開発

Blend 4 は、Visual Studio 同様、Team Foundation Server を使用したチーム開発で利用することができます。

【関連するユーザー ガイド】 Team Foundation ソース コントロールの作業

Expression 4ビデオを見る [視聴時間: 5 分 39 秒]

WPF

WPF - マルチタッチの実装

Expression Blend に内蔵されている WPF 用のビヘイビアーを利用してマルチタッチの機能を実装する方法をご紹介します。

【関連するユーザー ガイド】 TranslateZoomRotateBehavior

Expression 4ビデオを見る [視聴時間: 2 分 51 秒]

WPF - トリガーによるインタラクション設定

WPF のコントロールにプロパティ トリガーやイベント トリガーを追加する方法をご紹介します。

【関連するユーザー ガイド】 WPF コントロールのトリガーの追加と削除

Expression 4ビデオを見る [視聴時間: 4 分 35 秒]

WPF - コマンド実行

WPF のコントロールからコマンドを実行する方法を紹介します。

【関連するユーザー ガイド】 コマンド実行の概要

Expression 4ビデオを見る [視聴時間: 12 分 40 秒]

WPF - ライブ XML データソース

WPF アプリケーションプロジェクトで XML ファイルを直接参照する方法をご紹介します。

【関連するユーザー ガイド】 ライブ XML データの使用

Expression 4ビデオを見る [視聴時間: 4 分 14 秒]

WPF - プロジェクトファイルの理解

Expression Blend を使って、WPF アプリケーションのプロジェクトを作成した場合に、どのようなファイルが含まれているかをご紹介します。

【関連するユーザー ガイド】 ソリューション、プロジェクトおよびファイルの管理

Expression 4ビデオを見る [視聴時間: 3 分 37 秒]

 ページのトップへ

メディア編

MediaElement を使ったメディア再生

Silverlight ランタイムに内蔵されている MediaElement を利用してメディア再生する方法をご紹介します。

【関連するユーザー ガイド】 オーディオとメディア

Expression 4ビデオを見る [視聴時間: 6 分 38 秒]

SmoothStreamingMediaElement を使ったメディア再生

IIS Smooth Streaming Client に含まれている SmoothStreamingMediaElement を利用して、スムーズ ストリーミングのメディア再生を行う方法をご紹介します。

【関連するユーザー ガイド】 Smooth Streaming Client (英語)
Smooth Streaming Client API (英語)

Expression 4ビデオを見る [視聴時間: 8 分 11 秒]

Microsoft Media Platform: Player Framework を使ったメディア再生 Silverlight 編

Microsoft Media Platform Player Framework に含まれている SMFPlayer を利用して、Silverlight のメディア プレイヤーを作成する方法をご紹介します。

【関連するユーザー ガイド】 Microsoft Media Platform: Player Framework

Expression 4ビデオを見る [視聴時間: 11 分 02 秒]

Microsoft Media Platform: Player Framework を使ったメディア再生 Windows Phone 編

Microsoft Media Platform Player Framework に含まれている SMFPlayer を利用して、Windows Phone のメディア プレイヤーを作成する方法をご紹介します。

【関連するユーザー ガイド】 Microsoft Media Platform: Player Framework

Expression 4ビデオを見る [視聴時間: 6 分 50 秒]

対応バージョン

各ビデオに掲載しているアイコンは、ビデオ内で使用しているソフトウェアのバージョンを表しています。対応バージョンは下記の通りです。

  • Expression 4Expression Blend 4

 ページのトップへ