今さらWPF？いいえ、今こそWPF！

VSUG DAY 2012 Winter
今さらWPF？
いいえ、今こそWPF！

グレープシティ株式会社
八巻雄哉
Twitter: @yamaki00
blog: d.hatena.ne.jp/Yamaki/

.NET開発者中心読者調査レポート

2012年9月実施

Windowsフォーム 49%

WPF 10%

ASP.NET Webフォーム 28%

ASP.NET MVC 7%

Silverlight 5%

0% 10% 20% 30% 40% 50% 60%

利用状況

VSUG DAY 2012 Winter 2


1年前と比較

Windowsフォーム

WPF

ASP.NET Webフォーム

ASP.NET MVC

Silverlight

0% 10% 20% 30% 40% 50% 60% 70%

2011年9月 2012年9月



1年前の時点からの増減

Windowsフォーム -11.8%

WPF 2.9%

ASP.NET Webフォーム 0.3%

ASP.NET MVC 0.9%

Silverlight -2.4%

-14.0% -12.0% -10.0% -8.0% -6.0% -4.0% -2.0% 0.0% 2.0% 4.0%


最新バージョンでも新機能の追加があるよ

2.0 3.0 3.5 3.5 SP1 4.0 4.5

新機能
新機能

Windows Forms

新機能新機能新機能新機能

WPF


今さらWPF？いいえ、今こそWPF！

Build 2012でもWPFのセッションあったよ


時代はWebかWinRTじゃないの？

Web
Desktop Your App
WinRT

8

そのアプリ、WinRTで大丈夫？

 Windows 8でしか動かないけど大丈夫？
 全画面になっても大丈夫？
（他からコピペしたりする操作はない？）
 データグリッドないけど大丈夫？
 他のアプリとサーバー介さずに
連携とかしてない？
 特殊なハードウェアを使ったりしてない？


そのアプリ、Webで大丈夫？

 特殊なハードウェアを使ったりしてない？
 マルチウィンドウじゃなくなるけど大丈夫？
 ファンクションキーとか使ってないよね？
 パフォーマンスにシビアじゃないよね？
 AndroidとかiOSでも使うんだよね？
 HTML5ならマルチデバイス対応
楽勝とか思ってないよね？


Desktopという選択肢は残る

Web Desktop WinRT


デスクトップアプリならどっち？

Windows
Your App WPF
Forms

12

３つの疑問

1. Windowsフォームを使い続けていて
何か問題があるのか？
2. WPFにすると
どんないいことがあるのか？
3. WPFの将来性は大丈夫なのか？


Windowsフォームを使い続けていて


14

旧来版Visual Basicも含めた比較表

旧来版Visual Basic Windowsフォーム WPF
登場年月 1991年（21歳） 2002年（10歳） 2006年（6歳）
開発環境のサポート - ✓ ✓
64ビット - ✓ ✓
ビジュアルスタイル - ✓ ✓
最新開発環境 Visual Basic 6.0 Visual Studio 2012 Visual Studio 2012
マネージコード（.NET） - ✓ ✓
描画の基盤技術 GDI GDI／GDI+ Direct3D
ベクターベースのUI - - ✓
2Dと3Dとメディアの統合 - - ✓
UI記述 Visual Basic Visual Basic、C# XAML


基盤技術と畳は新しい方が良い

 描画の基盤技術
基盤技術起源誕生年齢
Windowsフォーム GDI Windows 1.0（GDI.EXE） 1985年 27歳
／VB6
WPF Direct3D Windows 3.1（WinG） 1993年 19歳

 ユーザーインターフェイス
基盤技術起源誕生年齢
Windowsフォーム USER Windows 1.0（USER.EXE） 1985年 27歳
／VB6
WPF System.Windo Windows Vista 2006年 6歳
ws.Controls （PresentationFramework.dll）


GDIは第一級の描画ルートではない

 グラフィックドライバモデルの大幅な変更
GDI／レガシー Direct3D Direct3D Direct3D
GDI+ DirectX 9 9 Ex 10

レガシーカカ
GDI/GDI+ Direct3D 9 ー DirectX ランタイム
DirectX ー
ネネ
ルル
／ Windows Vista Display Driver Model（WDDM）／
GDI32 DirectX ランタイム

API
（ユーザー）

API
ユーザーモード／カーネルモード境界ユーザーモード／カーネルモード境界

XP Display Driver XP Display Driver Model ド Windows Vista Display Driver Model（WDDM）ド
Model（GDI）（DirectDraw／Direct3D）ラ（カーネル）ラ
イイ
ババ
XDDM（Windows XP） WDDM（Windows Vista以降）

 Windows 8からXDDMを非サポート

Demo

WPF Drawing Performance
http://www.kynosarges.org/WpfPerformance.html

18

XDDM環境におけるGDIのパフォーマンス


GDI+

Anti-Ailasing On

Anti-Ailasing Off

0 2000 4000 6000 8000 10000 12000 14000
Anti-Ailasing Off Anti-Ailasing On
XDDM（Windows XP） 1101 5201

WDDM（Windows 8） 12630 12734


Demo


21

WPF（DrawLine with Freeze）

Anti-Ailasing On

Anti-Ailasing Off

0 2000 4000 6000 8000 10000 12000 14000
Anti-Ailasing Off Anti-Ailasing On
XDDM（Windows XP） 667 3312

WDDM（Windows 8） 571 3385


ベンチマークが語るもの

ベンチマークの数値そのものは
ほとんど重要ではない
Windows 8でGDIが遅いといっても、
5年前のWindows XPマシンよりは数倍速い
その技術が過去のもの扱いかどうか
ようするに “おわコン” なのかどうか


即時モード vs 保持モード

Windowsフォーム（GDI、GDI+）
即時モード
WPF
保持モード


即時モード

アプリケーション
 命令型描画
GDI／GDI+
 アプリケーション自身が直接描画
DrawLine

DrawText
 描画命令の実行と実画面の
DrawImage フレームバッファへの描画が同期
 ディスプレイの更新に同期させる
実画面のフレームバッファ
手段は基本的にない


保持モード

WPF
 データ駆動型描画
アプリケーション
ビジュアル  UIスレッドでは描画データを生成
オブジェクトして格納（シリアル化）
 描画スレッドでビジュアル
オブジェクトをスキャンし、
Media Integration Layer Direct3Dのバッファに描画
（wpfgfx_v****.dll）
（UIスレッドと非同期）
 DirectXランタイムにより
Direct3Dのサーフェス
ディスプレイの更新に同期

WPFのパフォーマンス特性

 WPFのパフォーマンス特性を生かせるのは
“Fluid UI”「なめらかなユーザーインターフェイス」

連続性直感性可逆性

 スループットよりもレスポンス重視


Demo


28

Microsoftが作るデスクトップアプリ

WPF Direct2D

Windows Live メール


即時モード vs 保持モード

即時モード
GDI、GDI+（Windowsフォーム）
Direct2D
保持モード
WPF


移行の流れ

Windowsフォーム WPF

• Visual Basic • Visual Basic

• C# • C#

GDI Direct2D

• C++ • C++


Demo


32

３つの疑問

1. Windowsフォームを使い続けていて

答え：
GDIは “おわコン”


WPFにすると


34

画面解像度（総画素数）の多様化

2006年7月 2012年10月
その他 1920x
1400
x その他 1080
1280
16001050
x
x 1280x
1024
1200 1680 1024
1024 1920 1366
x 1280
x x x
1050 x
768 1200 768
800
Yuya Yamaki’s blog（http://d.hatena.ne.jp/Yamaki/）

画面の回転


固定画面解像度

768ピクセル

最大化／最小化
ボタンは非表示

1024ピクセル

17インチ、SXGA（1,280×1,024）


23インチ、FHD（1,920×1,080）


Demo


40

Intel: Retina laptop, desktop displays coming in 2013

http://liliputing.com/2012/04/intel-retina-laptop-desktop-displays-coming-in-2013.html

ディスプレイの高精細化
ディスプレイサ解像度ピクセル密度
モデル名
イズ（インチ）（総画素数）（PPI）
HTC J butterfly HTL21 5 1,920×1,080 440
iPhone 4S 3.5 960×640 326
Samsung ATIV S（Windows Phone 8） 4.8 1,280×720 306
新しいiPad 9.7 2,048×1,536 264
Acer ICONIA TAB A700 10.1 1,920×1,200 224
MacBook Pro（Retina） 15 2,880×1,800 220
Surface for Windows 8 Pro 10.6 1,920×1,080 208
VAIO Duo 11 11.6 1,920×1,080 190


約96PPI 23インチ、FHD（1,920×1,080）


約128PPI 23インチ、WQHD（2,560×1,440）


約192PPI 23インチ、QFHD（3,840×2,160）


DPIスケーリング

システムフォントやUIのサイズを
スケールさせる機能


DPIスケーリング

 システムフォントやUIのサイズを
スケールさせる機能
 Windows 7まで
 既定値は100%
 ユーザーが自分で変更しない限り
125%などのスケールにはならない
 Windows 8
 ディスプレイのピクセル密度により
既定値が変化


Windows 7

15.6インチ 340×190mm 1920×1080 約143PPI


Windows 8

15.6インチ 340×190mm 1920×1080 約143PPI


DPIスケーリングの種類
 XP形式のスケーリング
 普通のスケーリング
 アプリケーションがスケーリングに
対応していなければならない
 DPI仮想化（Vistaから搭載）
 一度100%で画面表示領域外に描画し、
それをビットマップ的に拡大して表示
 スケーリングに非対応のアプリでも、
レイアウトはくずれない（救済措置）
 ビットマップ的な拡大のため、
ぼやけた印象の表示となる

カスタムサイズ変更オプション

125%以下 126%以上

XP形式のスケーリング:Onが既定 XP形式のスケーリング:Offが既定


DPIスケーリングが
変わるとどうなるのか？
Windowsフォームの場合


53

Windowsフォームの場合（150%）

XP形式のスケーリング：On XP形式のスケーリング：Off


Windowsフォームのスケール処理

 設計時のフォントサイズ／DPIと
実行時のフォントサイズ／DPIを比較し、
その比率をもとにスケール処理が行われる
 異なるシステムフォントサイズ／DPI設定の
環境でプロジェクトを共有できない
 スケール処理はフォームの初回読込時の一度きり
 動的に位置やサイズを設定する際には、
比率を乗算してやる必要がある
 スケール処理は各コントロールの実装に依存


DataGridViewとSPREAD (100%)


DataGridViewとSPREAD (150%)


DPIスケーリングが
変わるとどうなるのか？
WPFの場合


58

WPFの場合（150%）

XP形式のスケーリング：On XP形式のスケーリング：Off


WPFのスケール処理

ピクセルという単位系がスケールされる
100%（96DPI） 150%（144DPI） 200%（192DPI）

論理的な1ピクセル 1ピクセル 1.5ピクセル 2ピクセル

DPIスケーリングの変更に関して
注意しなければいけない点は特にない


３つの疑問

2. WPFにすると

答え：
様々な画面解像度への対応が楽
DPIスケーリングへの対応は不要


WPFの将来性は大丈夫なのか？


62

３つの疑問

3. WPFの将来性は大丈夫なのか？

答え：
分かりません。
でも、XAMLの将来性は大丈夫でしょう。


まとめ

 Windowsフォームの既存資産を
何が何でもWPFに移行すべきか？
 いいえ。しかし、XAML、もしくはその他の
UIテクノロジに対する投資は今から行うべき

 これから新規で作るデスクトップアプリは？
 WPFで要件を満たせるかどうかを検討すべき


Desktop Pack 2013シリーズ

44%OFF 42%OFF


は、
WebでもWinRTでも
開発者の皆様を支援するツールを
提供していきます！


66

Visual WebGui Pro studio web&mobile
既存の開発手法とスキルを最大限に活用し、

Windowsフォーム C/S型の
Visual Studio統合
互換開発手法

HTML5アプリによるマルチデバイス対応を行う
モダンなモバイル向け
クラウド対応
HTML5アプリビューも対応


今さらWPF？いいえ、今こそWPF！

More Related Content

What's hot (20)

Similar to 今さらWPF？いいえ、今こそWPF！ (20)

More from Yuya Yamaki (15)