デスクトップアプリ開発者が押さえておくべきWindows 8時代の変革

グレープシティ株式会社八巻雄哉

デスクトップアプリ開発者が押さえておくべき Windows 8 時代の変革

VSUG DAY 2012 Summer

Twitter: @yamaki00 blog: d.hatena.ne.jp/Yamaki/


BUILD2011 基調講演より

• Makes Windows 7 even better

Everything that runs on Windows 7 runs on Windows 8

• Reimagines Windows from the chipset to experience

New range of capabilities, scenarios, form factors

www.buildwindows.com

Windows 8

3



• Windows 7よりさらによくなる

Windows 8では、Windows 7で動作していたものがすべて動く

• Windowsをチップセットからエクスペリエンスまで再考する

新しく幅広い「可能性、シナリオ、フォームファクター」


Windows 8

4








Windows 8

5








Windows 8

6


VB6 on Windows 8

7

Windows Vista、Windows Server 2008、Windows 7、および Windows 8 に対する Visual Basic 6.0 のサポートに関する声明 http://msdn.microsoft.com/ja-jp/vstudio/ms788708.aspx

VB6 ランタイムは Windows 8 のサポート有効期間中はOSに同梱される形で出荷され、サポートされます。 Visual Basic 6.0 ランタイムファイルは今後も 32 ビットのみであり、すべてのコンポーネントは 32 ビットアプリケーションプロセスでホストされている必要があります。開発者の方は、Windows 7 の場合と同様のサポートが Windows 8 についても受けられると考えていただいてかまいません。

http://msdn.microsoft.com/ja-jp/vstudio/ms788708.aspx




サポート問い合わせ件数の比率

8

0%

20%

40%

60%

80%

100%

2002年

2003年

2004年

2005年

2006年

2007年

2008年

2009年

2010年

2011年

ActiveX

.NET


サポート問い合わせ件数の比率

9

0%

20%

40%

60%

80%

100%

2002年

2003年

2004年

2005年

2006年

2007年

2008年

2009年

2010年

2011年

ActiveX

.NET


出荷ライセンス数の比率

10

0%

20%

40%

60%

80%

100%

2002年

2003年

2004年

2005年

2006年

2007年

2008年

2009年

2010年

2011年

ActiveX

.NET


出荷ライセンス数の比率

11

0%

20%

40%

60%

80%

100%

2002年

2003年

2004年

2005年

2006年

2007年

2008年

2009年

2010年

2011年

ActiveX

.NET


デスクトップで変わること

12

① スタート＊＊＊

• メニュー ⇒ スクリーン

② デスクトップテーマ

• Aero ⇒ ???（名称不明）


スタートメニュー／スクリーン

Windows 7 Windows 8 Release Preview

13


Windows 7 Windows 8 Release Preview

14

デスクトップテーマ

※Release Previewの外観は最終的なものではない


15

ソフトウェアは変わらずともハードウェアが変わる


ハイブリッド型PC

16


世界市場全体

61%

米国コンシューマ市場

17

パソコン = ノートPC

76%


どちらを購入しますか？

スレートとしてもノートとしても使えるPC

ノートとしてしか使えないPC

ハードウェアメーカーはタッチ対応を迫られる

18


19

でもお高いんでしょう？


大量生産されると安くなる例

20


ハードウェアの変革

21

① タッチ可能なデバイスの普及

② ディスプレイの高精細化


22

タッチ


Building Windows 8の記事より

23

「マウスは良いアイデアだが、ビジネスユーザーの役に立つかどうかは疑わしい」 (George Vinall、PC Week、1984 年 4 月 24 日)

「使うのはとても楽しかったが、ビジネスの視点から考えると生産性に疑問を持たざるを得ない」 (George Vinall、PC Week、1984 年 4 月 24 日)

「会社役員のような特定のターゲット層にとって、マウスはコンピューターを使いやすく馴染みやすいものにしてくれるのだろうか。答えはノーだ」 (Computerworld、1983 年 10 月 31 日)


Building Windows 8の記事より

24

数十年後 (おそらくはもっと早く)、私たちはこの過渡期を振り返り、

「ねえ、PC の画面がタッチ操作に対応していなかったころを覚えてる?

今考えると変だよね」

などと言い合うことになるでしょう。


スティーブン・シノフスキー氏インタビュー

25

開発責任者に聞くWindows 8の世界「2年後、タッチできないPCは欠陥品に思われる」 http://plusd.itmedia.co.jp/pcuser/articles/1204/26/news090_2.html

そして2年後、もしその時点でもタッチ機能を搭載しないPCが店頭にあったならば、

消費者は画面を触ってみて、「これは壊れているのではないか？」と

訝（いぶか）しむようになると思います。

http://plusd.itmedia.co.jp/pcuser/articles/1204/26/news090_2.html

http://plusd.itmedia.co.jp/pcuser/articles/1204/26/news090_2.html


第三次ユーザインターフェース革命

CUI（Character User Interface）

GUI（Graphical User Interface）

NUI（Natural User Interface）

Touch User Interface

Tangible User Interface

Perceptual User Interface

26


異なる操作方法の共存

27

Webブラウザの「前のページに戻る」

キーボード

マウス

+


28

デスクトップアプリのタッチ対応


デスクトップにタッチは必要？

29

デスクトップアプリがタッチに対応する必要あるの？

本当は必要ないはず（タッチ対応は Metroスタイルアプリが理想）

でも不可抗力的にタッチされてしまうのでは？


レガシーサポート

ジェスチャマップ先生成されるメッセージ

タッチマウスの左クリック WM_LBUTTONDOWN WM_LBUTTONUP

パンスクロールホイールの使用 WM_VSCROLL WM_HSCROLL

プレスアンドホールドマウスの右クリック WM_RBUTTONDOWN WM_RBUTTONUP

ズーム

Ctrlキーを押しながらマウスホイールを回転させてスクロールする操作

lParam で MK_CONTROLが設定された WM_MOUSEWHEEL

30


31

DEMO

レガシーサポート

31



対応が必要となる操作

① マウスカーソルの位置に依存した操作

例：マウスホバーでドロップダウン

② BUTTONDOWNとBUTTONUPを分けて処理する必要がある操作

例：マウスボタン押しっぱなし操作

③ マウス用の寸法でタッチ不能

例：スライダーのつまみをドラッグ

32


小さすぎてタッチ不能の例

33


小さすぎてタッチ不能の例

34


35

DEMO

レイアウトを保ったままサイズを確保する例

35



ご期待ください

グレープシティでは、

Windowsフォームと

ASP.NET Webフォームの主力製品において、Windows 8における

タッチ操作への対応を

予定しています

36


37

高精細化


画面解像度の多様化

2006年7月

1280x

1024

1024x

768

1600x

1200

1400x

1050

その他

2012年5月

訪問者における画面解像度の内訳 Yuya Yamaki’s blog（http://d.hatena.ne.jp/Yamaki/）

1280x

1024

1920x

1080

1366x

768

1680x

1050

1280x

800

1920x

1200

その他

38

http://d.hatena.ne.jp/Yamaki/


画面の回転

39


ウィンドウサイズの固定

1024ピクセル

768ピ

クセ

ル

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

40


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

41


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

42


画面サイズに対応させる２つの手法

43

画面に合わせたスケーリングのガイドライン (Metro スタイルアプリ) http://msdn.microsoft.com/ja-jp/library/windows/apps/hh780612.aspx

固定レイアウト

アダプティブレイアウト

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh780612.aspx







44


45

DEMO


45




46


47

DEMO


47



アダプティブレイアウトにする際のポイント

固定レイアウトにする領域とアダプティブレイアウトにする領域を決める

固定レイアウトの領域であっても、可能な限り相対配置とする

アダプティブレイアウトにする領域の下限値と上限値を設定する

第6回 .NET中心会議『XAMLで学ぶレイアウトスキル』 http://www.atmarkit.co.jp/fdotnet/chushin/chushinmeeting_06/chushinmeeting_06_01.html

48

http://www.atmarkit.co.jp/fdotnet/chushin/chushinmeeting_06/chushinmeeting_06_01.html

http://www.atmarkit.co.jp/fdotnet/chushin/chushinmeeting_06/chushinmeeting_06_01.html


ディスプレイの高精細化

3.5インチ、960×640（DoubleVGA）、326PPI

iPhone 4S

9.7インチ、2,048×1,536、264PPI

新しいiPad

10.1インチ、1,920×1,200(WUXGA)、224PPI

Asus Eee Pad Transformer Prime TF700T

Acer ICONIA TAB A700

15インチ、2,880×1,800、220PPI

MacBook Pro（Retinaディスプレイモデル）

49


Intel: Retina laptop, desktop displays coming in 2013

50

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


















Intel-Prognose:PC’s Leading the Race to 4K

51

http://www.3dcenter.org/news/intel-prognose-4k-monitore-ab-2013-im-premium-segment-ab-2015-im-mainstream-segment






























約96PPI

52

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


約128PPI

53

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


約192PPI

54

23インチ、???（3,840×2,160）


Windows 7

55

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


Windows 8 Release Preview

56

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


Windows 8 Release Preview

57

11.6インチ 260×160mm 1366×768 約133PPI


125%以下 126%以上

58

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

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


XP形式のスケーリングを使用しない

59

DPI仮想化によるスケーリング

一度96DPI相当で画面表示領域外に描画し、それをDWMがシステムのDPIに合わせてビットマップ的に拡大して表示

スケーリングに全く対応していないアプリでも、レイアウトはくずれない

ビットマップ的な拡大のため、ぼやけた印象の表示となる


60

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

Windowsフォームの場合


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

61

XP形式のスケーリングか否か


AutoScaleModeプロパティ

62

None 自動スケーリングが無効です。

Font （プロジェクトテンプレートにおけるフォームの既定値）

クラスで使用されているフォント (通常はシステムのフォント) の大きさを基準としてスケールを制御します。

Dpi ディスプレイの解像度を基準としてスケールを制御します。一般的な解像度は 96 dpi と 120 dpi です。

Inherit （本来の既定値）

クラスの親のスケーリングモードに従ってスケールを制御します。親が存在しない場合は、自動スケーリングが無効になります。


スケーリングの動作

63

設計時のシステムフォントサイズ／DPIをAutoScaleDimensionsプロパティに保存

実行時にCurrentAutoScaleDimensionsプロパティから比率を計算し、スケール処理を行う


注意点

64

異なるシステムフォントサイズ／DPI設定の環境でプロジェクトを共有できない

あくまでもフォームが読み込まれる時に一度だけスケール処理が行われるため、実行時にピクセルサイズを設定する場合には、 DPIの比率を乗算してやる必要がある

スケール結果は各コントロールのScaleメソッドの処理に依存


65

DEMO

Windowsフォームのスケーリング

65



ご期待ください

グレープシティでは、

Windowsフォームと

ASP.NET Webフォームの主力製品において、Windows 8における

高DPIへの対応を

予定しています

66


まとめ

67

デスクトップにおける Windows 8時代の変革

タッチ可能なデバイスの普及

ディスプレイの高精細化

デスクトップアプリ開発者が押さえておくべきWindows 8時代の変革

Technology

Transcript of デスクトップアプリ開発者が押さえておくべきWindows 8時代の変革