川西裕幸のブログ : Silverlight

PDC 2009 (Nov. 19)

hiroyuk — Fri, 20 Nov 2009 06:41:00 GMT

PDC 2009 も最終日です。今日はキーノートもなく、以下のセッションに参加しました。

[SVR10]Lighting up Windows Server 2008 R2 Using the ConcRT on UMS
[VTL02]Axum: A .NET Language for Safe and Scalable Concurrency
[CL03]DirectX11 DirectCompute
[CL35]Custom Behaviors for Advanced Microsoft Silverlight UI Effects
[CL24]XAML Futures in Microsoft .NET Framework, Microsoft Silverlight and Tools

Lighting up Windows Server 2008 R2 Using the ConcRT on UMS

Agenda

アーキテクチャ概要
タスク
協調型ブロック
UMS（User Mode Scheduling）

タスクスケジューラーとリソースマネージャについて（性能、生産性、プラットフォーム）。

UMSスレッドをユーザーが使えることでプラットフォームを改善。UMSによってアプリは、OSに依存せずに、スケジューラーのふるまいを定義できる

UMSをConcRT（同時実行ランタイム）が使うことによって、次のことが可能になる。

細粒度の並列化
より決定論的なふるまい
より優れたキャッシュの局所性

タスクグループによってスレッドアフィニティを管理できる。タスクはスケジューラーによって実行するが、ワークスチーリングキューが負荷バランスをとる。

64以上のプロセッサーをサポート（64ビットOSの場合）：SetThreadIdealProcessorEx

OpenMPはC/Fortranに、MSの並列ライブラリーはC++に焦点を当てている。

現在開発中のソフトウェアが10年後にも動作しているとしたら、それは80コアのPCで動作しているかもしれない。だから今から始める必要がある？

Axum: A .NET Language for Safe and Scalable Concurrency by Niklas Gustafsson

並列プログラミングには見えない天井があるので（複雑さ・性能・スケーラビリティ）、新しいモデルが必要。Axumは並列のための新しいプログラミングモデルで、共有メモリーと純粋メッセージ渡しとのバランスをとることができる。

Axumのコンセプト

「チャンネル」は2つのエージェント間のメッセージを指揮するポートを定義
「エージェント」はスレッドと同じようなアクティブなコンポーネントだが、共有排他状態へのアクセスが制限されている。チャンネル経由でメッセージを送る。
「ドメイン」は複数のエージェントが共有する状態を定義。エージェントはドメイン内にホストされる。
「スキーマ」はペイロードを定義。
「プロトコル」はメッセージの正しい順序を定義。
「データフローネットワーク」は演算間でデータを伝搬させる。

ダウンロード：http://msdn.microsoft.com/devlabs/

ブログ：http://blogs.msdn.com/maestroteam/

DirectCompute Capturing the Teraflops

概要

GPUをCPUのように記述
問題セットの定義
DirectComputeの使い方
データの管理

GPUとCPU

CPU	GPU
４コア	32 コア
４Float 幅 SIMD	32 Float 幅 SIMD
3GHz	1GHz
48-96GFlops	1 TeraFlops
2x Hyper Thread	32x “HyperThread”
64kB $L1/core	64kB $L1/core
20GB/s to Memory	150GB/s to Memory
$200	$200
200W	200W

GPUはデータ並列プロセッサー、CPUは25GFlops GPUは700GFLops

DirectComputeの使い方

DirectComuoteの初期化
.hlslにGPUコードを作成
DirectX コンパイラーを使ってコンパイル
そのコードをGPUにロード
GPUバッファをセットアップ、アクセス用にビューをセットアップ
データビューをカレントにする
GPUでコードを実行
データをCPUメモリーにコピー

HLSLは最も広く使われいているデータ並列プログラミング言語。

DirectX Resource Type

Buffer Resource Type: 構造化データ
Image Media Resource Type：テクスチャ、1D, 2D, 3D, キューブ、配列

リソースビュー：リソースバッファのデータにアクセスするメカニズム

GroupSharedレジスター：新しいレジスター
一時レジスターは、汎用レジスター

データ並列I/O：1600のアクティブなスレッドのI/Oは容易ではない。

ComputeShader 4.* vs 5.0

ComputeShader 4.*では倍精度は扱わない、5.0から。

Custom Behaviors for Advanced Microsoft Silverlight UI Effects

トリガー、アクション、ビヘイビアーのカスタマイズ

Public class Grow : TrigggerAction<FrameworkElement>
{
protected override Invoke(object parameter){
CompositTransform transform = ....
}

http://blogs.msdn.com/expression/

XAML Futures in Microsoft .NET Framework, Microsoft Silverlight and Tools

現在注力しているのは

ランタイム構文解析
静的分析
コンパイル時
デザイン時
ローカリゼーション

XAMLデータモデル＝Object - Member - Value (O-M-V) + Type

XAMLノードストリーム：例えば、XAMLpadでイベントハンドルが可能に

IXamlTyoeResolver,
IAmbientProvider
IXamlSchemaContextProvider
IRootObjectProvider
IXamlNameResolver

ランタイム構文解析（パーサー）の改善

.NET4 はSystem.Xaml.dllを使用
Silverlight 4にはまだ XamlScemaContext が必要

アナウンス：XAML Toolkit http://code.msdn.microsoft.com/xaml/

XAMLDom: XDocumentのXLinqのようなもの
XAML FxCop

XAMLローカリゼーション

x:Uid か {MarkupExtension}か？
Page.xaml.resx のような形でローカライズできることを考えている
XAML Toolkit で公開する

お願い

.NET 4 Beta2 +System.Xaml.dll で初めて下さい
XAML Toolkit CTP をダウンロードして下さい
XAML改善のためフィードバックを下さい

Bing Maps Silverlight コントロール SDK

hiroyuk — Fri, 13 Nov 2009 05:33:25 GMT

Bing Maps を Silverlight で制御・表示するための Bing Maps Silverlight Control SDK V1.0 が公開されました。

必要な環境は、VS2008 SP1と Silverlight 3 Tools for VS2008 SP1です。また、使用には Bing Maps Key が必要なので、Bing Maps Accounts Center で登録する必要があります。

詳しくは SDK ドキュメント（英語）を参照してください。

こんな風に使えるそうです。

Silverlight Toolkit (October 2009)

hiroyuk — Tue, 20 Oct 2009 22:51:56 GMT

CodePlexにSilverlight Toolkit (October 2009)が公開されました。以下の機能が追加されています。

Visual Studio 2010 Beta2でのデザイン用のメタデータ
ドラッグ＆ドロップ（詳細）
グラフの改善（詳細）

このツールキットには以下のコントロールが含まれています。

SDKに含まれているものAutoCompleteBox Calendar ChildWindow DataGrid DataPager DatePicker GridSplitter HeaderedItemsControl TabControl TreeView	安定版 DockPanel Expander HeaderedContentControl Label NumericUpDown Viewbox WrapPanel
プレビュー版 Accordion Charting DataForm DomainUpDown ImplicitStyleManager LayoutTransformer Rating TimePicker TimeUpDown 11 のビジュアルテーマ	実験版 GlobalCalendar TransitioningContentControl TreeMap Drag and Drop support for items controls

Silverlight でビデオの巻き戻し・早送り

hiroyuk — Thu, 24 Sep 2009 09:33:28 GMT

WPF の MediaElementには SpeedRatio プロパティがあるので再生速度の変更（早送り）が可能です、また再生速度については MediaClock や MediaTimeline を見ることもできます。しかし、Silverlight の MediaElement にはそのようなプロパティがなく、再生速度の調整はできません。

しかし Silverlight の MediaElement にも Position プロパティはあるので、メディアファイルが正しくロードされていれば、任意の位置に移動できます。任意の位置に移動するとその位置での静止画が表示されます。

Silverlight ビデオ早送りのアイデアは、DispatcherTimer で100ミリ秒ごとにコールバックを呼び出し、N倍速のときN*100ミリ秒分だけPositionを変更するというものです。つまり4倍速早送りなら4*100ミリ秒、8倍巻き戻しなら
-8*100ミリ秒だけPositionを進めるのです。

通常ビデオは30fps（33ミリ秒）なので、少しカクカクしますが、早送りなのであまり目立ちません。また、再生していないので早送り・巻き戻し中に音は出ません。

XAMLでは以下のように一連のボタンと MediaElement（myMediaElement）とプログレスバーが配置されているとします。

コードビハインドは以下のようになります。キモは赤字にした Position の変更です。

//速度レート
internal enum Speed:int
{back8=-8, back4=-4, pause= -1, stop = 0,
   play=1, forward4=4, forward8=8};
internal int currentSpeedRate = (int)Speed.stop;
//タイマー
internal DispatcherTimer timer = new DispatcherTimer();
//タイマーの時間幅を100ミリ秒に設定
internal static int timerinterval = 100;
/// <summary>
/// タイマーによるコールバック
/// 倍速・巻き戻しの時、時間幅に速度レートを掛けて
/// メディアのPositionを移動
/// </summary>
private void timerCallback(object sender, EventArgs e)
{
if (currentSpeedRate < (int)Speed.pause ||
      currentSpeedRate > (int)Speed.play)
{
    myMediaElement1.Position +=
      new TimeSpan(0, 0, 0, 0, timerinterval * currentSpeedRate);
   if (myMediaElement1.Position>myMediaElement1.NaturalDuration.TimeSpan
       || myMediaElement1.Position < new TimeSpan())
    {
    myMediaElement1.Stop();
    currentSpeedRate = (int)Speed.stop;
    }
}
myProgressbar.Value = (double)myMediaElement1.Position.Ticks;
}
/// <summary>
/// メディアロード時にタイマーをスタート
/// </summary>
private void myMediaElement1_Loaded(object sender, RoutedEventArgs e)
{
timer.Tick += new EventHandler(timerCallback);
timer.Interval = new TimeSpan(0, 0, 0, 0, timerinterval);
timer.Start();
}
/// <summary>
/// 倍速・巻き戻しボタンが押された時のコールバック
/// メディアをポーズにして速度レートを設定
/// </summary>
private void Button_Click(object sender, RoutedEventArgs e)
{
myMediaElement1.Pause();
Button b = (Button)sender;
switch ((string)b.Content)
{
    case "<<8":
      currentSpeedRate = (int)Speed.back8;
      break;
    case "<<4":
      currentSpeedRate = (int)Speed.back4;
      break;
    case "4>>":
      currentSpeedRate = (int)Speed.forward4;
      break;
    case "8>>":
      currentSpeedRate = (int)Speed.forward8;
      break;
}
}

Win32, Silverlight 3, WPF 4 の Windows 7 マルチタッチへの対応

hiroyuk — Mon, 27 Jul 2009 08:48:13 GMT

Windows 7 の新機能にマルチタッチがあります。Win32, Silverlight 3, WPF 4 はそれぞれ Windows 7 マルチタッチに対応していますが、それぞれ特徴があるのでここでまとめます。

Win32

WM_TOUCH メッセージは最も下位レベルのメッセージで（生のメッセージ）、複数のタッチIDと位置などが取得できます。Win32 でこのメッセージを受け取るには RegisterTouchWindow を呼び出す必要があります。
WM_GESTURE メッセージは上位レベルのメッセージで、パン・ズーム・回転の情報を取得できます。Win32 ではデフォルトでこのメッセージを受け取れますが、RegisterTouchWindow を呼び出すと WM_TOUCH しか受け取れません、つまり WM_TOUCH と WM_GESTURE は排他です。
Manipulation & Inertia は WM_TOUCHと組み合わせて、ManipulationEventSink を実装することによって、移動や回転の慣性や減衰の処理ができます。
Windows 7 SDK にサンプルがあります。

Silverlight 3

Silverlight 3 は WM_TOUCH にのみ対応します。
マルチタッチを処理するには、UIElementのようなオブジェクトにイベントハンドラーを追加するのではなく、System.Windows.Input.Touch.FrameReported にTouchFrameEventHandler イベントハンドラーを追加します。
そのコールバック内で、TouchFrameEventArg の GetPrimaryTouchPoint メソッドなどを使ってタッチポイントを取得します。
DevCornerにサンプルがあります。

WPF ４

Beta 1 では WM_TOUCH に対応していません（Beta 2 から対応予定）。
WPF ４では Maniputaion & Inertia と WM_GESTURE が統合されています（Gestureという用語が使われていないので、分かりにくくなっています）。UIElement.ManipulationMode に Translate, Scale, Rotate などを設定することにより、パン・ズーム・回転を処理できます。
OnManipulationStarted や OnManipulationDelta、あるいはOnInertiaStarted などをオーバーライドして、それぞれの動きを実装します。
Visual Studio 2010 and .NET Framework 4 Training Kit - May Preview にサンプルがあります。

まとめるとこんな感じです。

	WM_TOUCH	WM_GESTURE	Manip&Inertia
Win32	〇	◎	〇
Silverlight 3	〇	×	×
WPF 4(Beta1)	× (Beta2で対応)	〇

ビジネスアプリケーションにおける RIA 開発手法

hiroyuk — Mon, 20 Jul 2009 09:01:00 GMT

Tech Fielders コラムで、セカンドファクトリーの三枝さんと蔵本さんと杉下さんが、「現場経験から学んだ WPF / Silverlight (RIA) 開発のポイント～開発体制～」と「ビジネスアプリケーションにおけるRIA開発手法」という記事を書かれています。

前者では、優れたUXを実現するためには、どういう組織・責任分担で開発を進めてきたか・進めるべきかが解説され、後者ではクラス図やユースケース図を基にどういう粒度でどこまで設計段階で行うべきかなどが解説されています。

UXに優れたRIAアプリケーションの重要性を理解しても（実はトップにこれを理解してもらうのも大変なのですが...）、それを実現するための体制や手法が分からないという話もよく聞きます。そういった方たちに、上記の記事は非常に参考になると思います。

ASP.NET Server Controls for Silverlight in the Silverlight 3 SDK

hiroyuk — Mon, 20 Jul 2009 03:45:00 GMT

Silverlight 2 のときは SDK に含まれていた「 ASP .NET Silverlight コントロール（System.Web.Silverlight.dll）」が Silverlight 3 SDK には含まれていません。

System.Web.Silverlight.dll を Silverlight 3 で使うための対応策「ASP.NET Server Controls for Silverlight in the Silverlight 3 SDK」がダウンロードセンターに公開されています（英語）。

Silverlight 3 Tools 日本語版

hiroyuk — Fri, 17 Jul 2009 08:54:00 GMT

Visual Studio 2008 SP1 用 Silverlight 3 Tools の日本語版が公開されました。これでやっと日本語 VS2008 で Silverlight 3 アプリが開発できます。

Silverlight 3 の新機能については、MSDN Silverlight デベロッパーセンターをご覧ください。

【追記】Silverlight Toolkt も Silverlight 3用に更新されました。
             ドキュメントは SDK （および Silverlight 3 Tools ）に含まれていません。
             英語版がMSDN Libraryとダウンロードセンター（chm）に公開されています。
             日本語版もいずれ公開される予定です。

MIX09のビデオ

hiroyuk — Mon, 23 Mar 2009 04:22:00 GMT

春は（翌冬のための）蒔割りシーズンなのですが、昨日は終日雨のため薪割りができず、家でMIX09のビデオを観ていました。

MIX09のセッションはhttp://videos.visitmix.com/MIX09/で公開されています。全部で127もあるので、全部観ることはできませんが、昨日は以下の3つを観ました

1はSilverlight Runtime Group Program Manage の Joe Stgmanが講演しており、プログラミングのデモもあり、よくまとまっていました。お勧めです。

2は期待ほどではなかったのですが、Silverlight 3でCPUでの処理とGPUでの処理を理解するには良いかもしれません。Perspective 3DやPixel Shaderはソフトウェア（CPU）、ビデオや画像の表示・スケール・合成はハードウェア（GPU）のようです（ただしMacではフルスクリーン時のみ）。雰囲気はDirectShowで言うところのEVRが使えるという感じですね。

3では、WPF 4の概要とVS2010での改善が紹介されています、お勧めです。
Windows 7のマルチタッチやタスクバージャンプリストのような機能のWPF版はもちろんWPF 4に搭載されるのですが、その前にhttp://windowsapicodepack.codeplex.com/ で公開すると言っていました(3/23現在ではまだ見当たりません...)。
また、3.5 SP1のClient Profileは.NETが未インストールのXPでしか有効ではなかったので、不評でしたが、WPF 4では全てのプラットフォームで有効になるそうです、サイズは22MBとか。
また、WPF 4のテキストレンダリングでは、内部的にDirectWriteを使い、描画が改善されるとのことでした（現在はGDI）。
また、Visual Studion 2010でのインテリセンスの改善として、”{Binding }”のような記述でもインテルセンスが利くようになります。WPF DesignerでもUIでバインディングの設定が可能になるそうです。

Virtual Earth Silverlight Map Control CTP

hiroyuk — Sat, 21 Mar 2009 04:21:00 GMT

今週はラスベガスでMIX09が開催され、Silverlight 3 Betaがアナウンスされました。さらに、 Virtual Earth Silverlight Map Control CTP もアナウンスされました。

Virtual Earth Silverlight Map Controlを使うとC#（VB .NET）とXAMLで（HTML DOMやJavaScriptなしで）、Virutual Earthの表示・制御、図形・メディアの追加、タイトルオーバーレイなどが可能になります。http://earthware.cloudapp.net/demos/sltwittermap.aspx にTwitterとのマッシュアップのデモがあります。

このCTPを使うには、Visual Studio 2008 SP1とSIlverlight 2 Tools が必要です。

CTPをダウンロードしてインストールします。ダウンロード時にアンケートに答える必要があります。
Visual Studio 2008 SP1を起動して、Silverlightプロジェクトを作成します。
作成したプロジェクトを右クリックして、[参照の追加]を選びます。
[参照]タブにして、[ファイルの場所]をCTPのインストール先（C:\Program Files\Microsoft Virtual Earth Silverlight Map Control\CTP\Libraries）を選び、Microsoft.VirtualEarth.MapControl.dllを選択して、[OK]をクリックします。
あとは、次のように、XAMLに名前空間とアセンブリを宣言して、Mapをおくだけです。

詳しくはSDKドキュメント（英語）を参照してください。

【追記】Silverlight Toolkit Mar 2009もアナウンスされてましたね

XAML Exporter Plug-In for Illustrator (Mac版)

hiroyuk — Tue, 10 Feb 2009 05:14:44 GMT

Mike Swansonのブログに Mac 版の Illustraotr 用 XAML エクスポータープラグイン（テストバージョン 0.18）が公開されました。

Silverlight 2 コントロールのソースコードが公開されました

hiroyuk — Thu, 08 Jan 2009 16:55:00 GMT

ダウンロードセンターに Silverlight 2のコントロールのソースコードが公開されました。以下のコントロールのソースコードが含まれています。

Managed Runtime Controls:

o ButtonBase

o Button

o HyperlinkButton

o CheckBox

o RadioButton

o ToggleButton

o RangeBase

o ProgressBar

o Slider

o ScrollBar

o Thumb

- SDK classes:

o Calendar

o DatePicker

o DataGrid

o TabControl

o GridSplitter

Silverlight 2 DataGrid December 2008 Release

hiroyuk — Tue, 30 Dec 2008 09:34:00 GMT

Silverlight 2 DataGrid December 2008 が公開されています。Silverlight 2 SDK に入っている DataGrid に以下の修正が行われました。このような問題に遭遇された方は、こちらを使ってみてください。

約30のバグフィックス
ItensSourceが変更されたとき、フォーカスされている行が消えることがなくなった。
ソート時に選択が保持されるようになった。
ポップアップを開いているComboBoxなどのコントロールがDataGrid用の編集モードを終了しなくなった
DataGridが編集モードの間に、DataGridの外にあるボタンがクリックされたとき、そのButtonは期待通り動作します
FrozenColumn のふるまいの改善
セル通貨単位の改善
CurrentCellChangedイベントが発生するとき、選択が更新されるようになった

インストール方法は以下のとおりです。

実行中の Microsoft Visual Studio をすべて閉じる
%LocalAppData%\Microsoft\VisualStudio\9.0.から"toolbox"で始まる全てのファイルを取り除くことによって、キャッシュされたツールボックスアイテムを全て削除する

Windows XP の場合、%LocalAppData% は "Documents and Settings\UserName\Local Settings\Application Data" です
Windows Vista の場合、%LocalAppData% は "Users\UserName\AppData\Local"です

以下のアセンブリを、本パッケージ内にあるものと入れ替える

%ProgramFiles%\Microsoft SDKs\Silverlight\v2.0\Libraries\Client\System.Windows.Controls.Data.dll
%ProgramFiles%\Microsoft SDKs\Silverlight\v2.0\Libraries\Client\System.Windows.Controls.Data.Design.dll

既存のプロジェクトで、System.Windows.Controls.Data.dll への参照を削除してから、再度その参照を追加する。

Silverlight Toolkit (December 2008)

hiroyuk — Fri, 12 Dec 2008 10:09:00 GMT

Silverlight Toolkit (December 2008) がリリースされました。

以下のようなコントロールが入っています

“安定した”コントロール:

· AutoCompleteBox

· DockPanel

· HeaderedContentControl

· HeaderedItemsControl

· Label

· NumericUpDown

· TreeView

· WrapPanel

“プレビュー” コントロール:

· ButtonSpinner

· Charting

· Expander

· ImplicitStyleManager

· Spinner

· UpDownBase

· ViewBox

テーマ:

· Expression Dark & Light

· Whistler Blue

· Rainier Orange & Purple

· Shiny Red & Blue

· Bureau Black & Blue (Office style)

オンラインサンプルもあります。

Silverlight 2 Tools 日本語版

hiroyuk — Mon, 10 Nov 2008 11:09:26 GMT

Silverlight 2 Tools for Visual Studio 2008 SP1 日本語版が公開されました。RC0をお使いだった人は、ダウンロードファイルをそのまま実行すれば、アップデートしてくれます。

川西 裕幸のブログ : Silverlight