1. プログラミング生放送勉強会 第28回＠東北大学

2. 7/12(土) - 13(日)

4. メーカー メーカー
ディスプレイ
（インチ）
解像度
（総画素数）
ピクセル密度
（PPI）
dynabook T954 東芝 15.6 3,840×2,160 282
Yoga 2 Pro レノボ 13.3 3,200×1,800 276
LIFEBOOK UH90/M 富士通 14 3,200×1,800 262
XPS 11 デル 11.6 2,560×1,440 253
MacBook Pro Retina（13インチ） アップル 13 2,560×1,600 227
dynabook KIRA V834 東芝 13.3 2,560×1,440 220
LIFEBOOK UH90/M 富士通 13.3 2,560×1,440 220
LaVie Z NEC 13.3 2,560×1,440 220
MacBook Pro Retina（15インチ） アップル 15 2,880×1,800 220
Surface Pro 3 マイクロソフト 12 2,160×1,440 216
Surface Pro 2 マイクロソフト 10.6 1,920×1,080 208
UP2414Q（ディスプレイ単体） デル 23.8 3,840×2,160 185

5. 1,920×1,080

6. 3,840×2,160
プロ生@仙台
Window title

7. 3,840×2,160
プロ生@仙台
Window title

9. 1,920×1,0803,840×2,160
282PPI
15.6インチ
141PPI
15.6インチ

10. Windowsストアアプリ
（スタート画面含む）
デスクトップアプリ
（デスクトップ含む）

12. 

スケーリング ピクセル密度（PPI） 最低解像度
140% 174 1,920 x 1,080
180% 240 2,560 x 1,440

13. メーカー メーカー
ディスプレイ
（インチ）
解像度
（総画素数）
ピクセル密度
（PPI）
スケーリ
ング
dynabook T954 東芝 15.6 3,840×2,160 282 180%
Yoga 2 Pro レノボ 13.3 3,200×1,800 276 180%
ThinkPad 8 レノボ 8.3 1,920×1,080 272 140%
LIFEBOOK UH90/M 富士通 14 3,200×1,800 262 180%
XPS 11 デル 11.6 2,560×1,440 253 180%
dynabook KIRA V834 東芝 13.3 2,560×1,440 220 140%
LIFEBOOK UH90/M 富士通 13.3 2,560×1,440 220 140%
LaVie Z NEC 13.3 2,560×1,440 220 140%
Surface Pro 3 マイクロソフト 12 2,160×1,440 216 140%
Surface Pro 2 マイクロソフト 10.6 1,920×1,080 208 140%
ICONIA W4 エイサー 8 1,280×800 188 100%
UP2414Q（ディスプレイ単体） デル 23.8 3,840×2,160 185 140%

14. 






15. 
images/logo.scale-100.png
images/logo.scale-140.png
images/logo.scale-180.png
XAML
<Image Source="images/logo.png" />
HTML
<img src="images/logo.png" />
JavaScript
var uri = new Windows.Foundation.Uri('ms-appx:///images/logo.png');
var file = Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri);
C#
var uri = new System.Uri("ms-appx:///images/logo.png");
var file = Windows.Storage.StorageFile.GetFileFromApplicationUriAsync(uri);

20. Windows 8.1

21. DPI XP Vista 7 8 8.1 8.1アップデート
96
通常のサイズ (96
DPI)
既定のスケール
(96 DPI) – より多
くの情報
小 – 100% (既定) 小 – 100%(S) 小 – 100%(S) 小 – 100%(S)
120
大きなサイズ
(120 DPI)
大きなスケール
(120 DPI) – 読み
やすいテキスト
中 (M) – 125% 中 – 125%(M) 中 – 125%(M) 中 – 125%(M)
144 大 (L) – 150% 大 – 150%(L) 大 – 150%(L) 大 – 150%(L)
192 特大 – 200%(E) 特大 – 200%(E)
240 超特大 – 250%(E)

22. Build 2014 Windows Desktop Development Platform Advancementsのスライドより

23. 機能 XP Vista 7 8 8.1
コントロールパネルの［DPIスケール 設定］／［テキストやその他の項目の
大きさの変更］設定
✔ ✔ ✔ ✔ ✔
［カスタム DPI 設定］／［カスタムサイズ変更オプション］設定 ✔ ✔ ✔ ✔ ✔
［Windows XP 形式の DPI スケーリングを使用する］チェックボックス ✔ ✔ ✔
［すべてのディスプレイで同じ拡大率を使用する］チェックボックス ✔
DPI 仮想化 ✔ ✔ ✔ ✔
DPI 対応にすることを宣言するためのAPI ✔ ✔ ✔ ✔
システムメトリックやDPIを取得するためのAPI ✔ ✔ ✔ ✔ ✔
ディスプレイのDPIを取得するためのAPI ✔
ユーザごとのDPI設定（システムDPI設定変更のために再起動不要） ✔ ✔ ✔
ディスプレイごとに異なる拡大率を使用する ✔

25. 

スケーリング ピクセル密度（PPI） 最低解像度
125% 120 1,280 x 960
150% 144 1,536 x 1,080※
200% 192 2,048 x 1,440※
250% 240 2,560 x 1,800※
※

26. メーカー メーカー
ディスプレイ
（インチ）
解像度
（総画素数）
ピクセル密度
（PPI）
既定スケー
リング
dynabook T954 東芝 15.6 3,840×2,160 282 250%
Yoga 2 Pro レノボ 13.3 3,200×1,800 276 250%
ThinkPad 8 レノボ 8.3 1,920×1,080 272 150%
LIFEBOOK UH90/M 富士通 14 3,200×1,800 262 250%
XPS 11 デル 11.6 2,560×1,440 253 200%
dynabook KIRA V834 東芝 13.3 2,560×1,440 220 200%
LIFEBOOK UH90/M 富士通 13.3 2,560×1,440 220 200%
LaVie Z NEC 13.3 2,560×1,440 220 200%
Surface Pro 3 マイクロソフト 12 2,160×1,440 216 200%
Surface Pro 2 マイクロソフト 10.6 1,920×1,080 208 150%
ICONIA W4 エイサー 8 1,280×800 188 100%
UP2414Q（ディスプレイ単体） デル 23.8 3,840×2,160 185 150%

27. 




30. モニタごとのDPI：150% モニタごとのDPI：100%

31. モニタごとのDPI：150% モニタごとのDPI：100%

32. 96 (100%) 120 (125%) 144 (150%) 192 (200%)
96 (100%) 変更なし 125% 150% 200%
120 (125%) 80% 変更なし 120% 160%
144 (150%) 66.7% 83.3% 変更なし 133.3%
192 (200%) 50% 62.5% 75% 変更なし

33. 




34. 

35. 



37. 

 SetProcessDpiAwareness




39. <asmv3:application xmlns:asmv3="urn:schemas-microsoft-com:asm.v3">
<asmv3:windowsSettings xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">
<dpiAware>True/PM</dpiAware>
</asmv3:windowsSettings>
</asmv3:application>
False
DPI-awareでないアプリケーション
100%以外は常にDPI仮想化によるスケーリング
True
システムDPI–awareなアプリケーション
システムDPIに対しては常にXP形式のDPIスケーリング
ディスプレイごとのDPIに対してはDPI 仮想化
Per-Monitor
Windows 8.1ではMonitor DPI–awareなアプリケーション
Windows Vista ～ 8 ではDPI-awareでないアプリケーション
True/PM
Windows 8.1ではMonitor DPI–awareなアプリケーション
Windows Vista ～ 8 ではシステムDPI–awareなアプリケーション

41. プライマリ モニタ
150%（システムDPI、モニタ
ごとのDPI）
セカンダリ モニター
100%（モニタごとのDPI）
DPI-awareでない
アプリケーション
100%をDPI仮想化で150%に拡
大するので、ぼける
100%なのでぼけない
システムDPI–awareな
アプリケーション（モ
ニタごとのDPI非対応）
ぼけない
150%をDPI仮想化で100%縮小
するので、ぼける
Monitor DPI–awareな
アプリケーション
ぼけない ぼけない

42. システムDPI モニタごとのDPI
Win32
自前で対応
サンプルあり
自前で対応
サンプルあり
Windowsフォーム △
AutoScaleModeプロパティ
自前で対応
WPF ○
自前で対応
サンプルあり

43. 





44. 


100%
（96DPI）
150%
（144DPI）
200%
（192DPI）
250%
（240DPI）
論理的な1ピクセル 1ピクセル 1.5ピクセル 2ピクセル 2.5ピクセル

45. 


http://code.msdn.microsoft.com/windowsdesktop/Per-Monitor-Aware-WPF-e43cde33

47. 




 Where does 96 DPI come from in Windows? - fontblog - Site Home - MSDN
Blogs



48. 


49. 








52. 
http://msdn.microsoft.com/ja-JP/library/dn469266.aspx

http://msdn.microsoft.com/ja-jp/windows/dd630126.aspx

http://grabacr.net/archives/1132

http://msdn.microsoft.com/ja-jp/magazine/dn574798.aspx