VSUG DAY 2012 Summerデスクトップアプリ開発者が押さえておくべきWindows 8 時代の変革グレープシティ株式会社   八巻 雄哉                   Twitter: @yamaki00         b...
VSUG DAY 2012 Summer
BUILD2011 基調講演より     Windows 8     • Makes Windows 7 even better       Everything that runs on Windows 7 runs on Windows 8...
BUILD2011 基調講演より     Windows 8     • Windows 7よりさらによくなる       Windows 8では、Windows 7で動作していたものがすべて動く     • Windowsをチップセットからエ...
BUILD2011 基調講演より     Windows 8     • Windows 7よりさらによくなる       Windows 8では、Windows 7で動作していたものがすべて動く     • Windowsをチップセットからエ...
BUILD2011 基調講演より     Windows 8     • Windows 7よりさらによくなる       Windows 8では、Windows 7で動作していたものがすべて動く     • Windowsをチップセットからエ...
VB6 on Windows 8Windows Vista、Windows Server 2008、Windows 7、およびWindows 8 に対する Visual Basic 6.0 のサポートに関する声明http://msdn.micr...
サポート問い合わせ件数の比率100%80%60%40%                                                                                     ActiveX   ...
サポート問い合わせ件数の比率100%80%60%40%                                                                                     ActiveX   ...
出荷ライセンス数の比率100%80%60%40%                                                                                     ActiveX      ...
出荷ライセンス数の比率100%80%60%40%                                                                                     ActiveX      ...
デスクトップで変わること① スタート*** •   メニュー ⇒ スクリーン② デスクトップテーマ •   Aero ⇒ ???(名称不明)            VSUG DAY 2012 Summer   12
スタート メニュー/スクリーンWindows 7              Windows 8 Release Preview            VSUG DAY 2012 Summer               13
デスクトップテーマWindows 7              Windows 8 Release Preview                        ※Release Previewの外観は最終的なものではない           ...
ソフトウェアは変わらずともハードウェアが変わるVSUG DAY 2012 Summer                       15
ハイブリッド型PC        VSUG DAY 2012 Summer   16
パソコン = ノートPC   世界市場全体                  米国コンシューマ市場  61%                              76%            VSUG DAY 2012 Summer   ...
どちらを購入しますか?スレートとしてもノートとしても               ノートとしてしか     使えるPC                     使えないPCハードウェアメーカーはタッチ対応を迫られる           VSUG...
でもお高いんでしょう?VSUG DAY 2012 Summer                       19
大量生産されると安くなる例        VSUG DAY 2012 Summer   20
ハードウェアの変革① タッチ可能なデバイスの普及② ディスプレイの高精細化        VSUG DAY 2012 Summer   21
タッチVSUG DAY 2012 Summer                       22
Building Windows 8の記事より 「マウスは良いアイデアだが、ビジネス ユーザーの  役に立つかどうかは疑わしい」  (George Vinall、PC Week、1984 年 4 月 24 日) 「使うのはとても楽しかったが...
Building Windows 8の記事より  数十年後 (おそらくはもっと早く)、   私たちはこの過渡期を振り返り、   「ねえ、PC の画面がタッチ操作に  対応していなかったころを覚えてる?      今考えると変だよね」  などと言...
スティーブン・シノフスキー氏インタビュー 開発責任者に聞くWindows 8の世界「2年後、  タッチできないPCは欠陥品に思われる」 http://plusd.itmedia.co.jp/pcuser/articles/1204/26/ne...
第三次ユーザインターフェース革命   CUI(Character User Interface)   GUI(Graphical User Interface)    NUI(Natural User Interface)        ...
異なる操作方法の共存Webブラウザの「前のページに戻る」 キーボード                          + マウス          VSUG DAY 2012 Summer   27
デスクトップアプリのタッチ対応VSUG DAY 2012 Summer                       28
デスクトップにタッチは必要?デスクトップアプリが     タッチに対応する必要あるの? 本当は必要ないはず(タッチ対応は  Metroスタイルアプリが理想) でも不可抗力的に       タッチされてしまうのでは?        VSUG...
レガシーサポートジェスチャ        マップ先                    生成されるメッセージ                                     WM_LBUTTONDOWNタッチ          マウス...
DEMOレガシーサポートVSUG DAY 2012 Summer                       31
対応が必要となる操作① マウスカーソルの位置に依存した操作  例:マウスホバーでドロップダウン② BUTTONDOWNとBUTTONUPを           分けて処理する必要がある操作  例:マウスボタン押しっぱなし操作③ マウス用の寸...
小さすぎてタッチ不能の例        VSUG DAY 2012 Summer   33
小さすぎてタッチ不能の例        VSUG DAY 2012 Summer   34
DEMOレイアウトを保ったままサイズを確保する例VSUG DAY 2012 Summer                       35
ご期待くださいグレープシティでは、  Windowsフォーム                          と      ASP.NET Webフォームの主力製品において、Windows 8における    タッチ操作への対応を予定しています...
高精細化VSUG DAY 2012 Summer                       37
画面解像度の多様化  2006年7月                                2012年5月          その他  1400x   1050                                      ...
画面の回転        VSUG DAY 2012 Summer   39
ウィンドウサイズの固定768ピクセル                                      最大化/最小化ボタン                                      は非表示          1024...
17インチ、SXGA(1,280×1,024)            VSUG DAY 2012 Summer   41
23インチ、FHD(1,920×1,080)            VSUG DAY 2012 Summer   42
画面サイズに対応させる2つの手法画面に合わせたスケーリングの ガイドライン (Metro スタイル アプリ) http://msdn.microsoft.com/ja-jp/library/windows/apps/hh780612.aspx...
固定レイアウト          VSUG DAY 2012 Summer   44
DEMO固定レイアウトVSUG DAY 2012 Summer                       45
アダプティブレイアウト        VSUG DAY 2012 Summer   46
DEMOアダプティブレイアウトVSUG DAY 2012 Summer                       47
アダプティブレイアウトにする際のポイント    固定レイアウトにする領域とアダプティブレイ     アウトにする領域を決める    固定レイアウトの領域であっても、            可能な限り相対配置とする    アダプティブレイア...
ディスプレイの高精細化 3.5インチ、960×640(DoubleVGA)、326PPI   iPhone 4S 9.7インチ、2,048×1,536、264PPI   新しいiPad 10.1インチ、1,920×1,200(WUXG...
Intel: Retina laptop, desktop displays coming in 2013              http://liliputing.com/2012/04/intel-retina-laptop-deskt...
Intel-Prognose:PC’s Leading the Race to 4Khttp://www.3dcenter.org/news/intel-prognose-4k-monitore-ab-2013-im-premium-segme...
約96PPI         23インチ、FHD(1,920×1,080)               VSUG DAY 2012 Summer   52
約128PPI     23インチ、WQHD(2,560×1,440)            VSUG DAY 2012 Summer   53
約192PPI      23インチ、???(3,840×2,160)            VSUG DAY 2012 Summer   54
Windows 7     15.6インチ 340×190mm 1920×1080 約143PPI               VSUG DAY 2012 Summer        55
Windows 8 Release Preview     15.6インチ 340×190mm 1920×1080 約143PPI               VSUG DAY 2012 Summer        56
Windows 8 Release Preview      11.6インチ 260×160mm 1366×768 約133PPI                VSUG DAY 2012 Summer       57
カスタムサイズ変更オプション125%以下                   126%以上XP形式のスケーリング:Onが既定        XP形式のスケーリング:Offが既定              VSUG DAY 2012 Summer...
XP形式のスケーリングを使用しないDPI仮想化によるスケーリング 一度96DPI相当で画面表示領域外に描画し、  それをDWMがシステムのDPIに合わせて  ビットマップ的に拡大して表示 スケーリングに全く対応していないアプリ  でも、レ...
DPIスケーリングが変わるとどうなるのか?Windowsフォームの場合VSUG DAY 2012 Summer                       60
XP形式のスケーリングか否かXP形式のスケーリング:On       XP形式のスケーリング:Off          VSUG DAY 2012 Summer         61
AutoScaleModeプロパティNone             自動スケーリングが無効です。Font (プロジェクト クラスで使用されているフォント (通常はシステムのテンプレートにおける フォント) の大きさを基準としてスケールを制御し...
スケーリングの動作 設計時のシステムフォントサイズ/DPIを  AutoScaleDimensionsプロパティに保存 実行時にCurrentAutoScaleDimensionsプロパ  ティから比率を計算し、スケール処理を行う     ...
注意点 異なるシステムフォントサイズ/DPI設定の  環境でプロジェクトを共有できない あくまでもフォームが読み込まれる時に  一度だけスケール処理が行われるため、  実行時にピクセルサイズを設定する場合には、  DPIの比率を乗算してやる...
DEMOWindowsフォームのスケーリングVSUG DAY 2012 Summer                       65
ご期待くださいグレープシティでは、  Windowsフォーム                          と       ASP.NET Webフォームの主力製品において、Windows 8における      高DPIへの対応を予定してい...
まとめデスクトップにおける       Windows 8時代の変革 タッチ可能なデバイスの普及 ディスプレイの高精細化        VSUG DAY 2012 Summer   67
デスクトップアプリ開発者が押さえておくべきWindows 8時代の変革
Upcoming SlideShare
Loading in …5
×

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

7,627 views

Published on

Published in: Technology
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,627
On SlideShare
0
From Embeds
0
Number of Embeds
780
Actions
Shares
0
Downloads
43
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

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

  1. 1. VSUG DAY 2012 Summerデスクトップアプリ開発者が押さえておくべきWindows 8 時代の変革グレープシティ株式会社 八巻 雄哉 Twitter: @yamaki00 blog: d.hatena.ne.jp/Yamaki/
  2. 2. VSUG DAY 2012 Summer
  3. 3. BUILD2011 基調講演より Windows 8 • 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 factorswww.buildwindows.com VSUG DAY 2012 Summer 3
  4. 4. BUILD2011 基調講演より Windows 8 • Windows 7よりさらによくなる Windows 8では、Windows 7で動作していたものがすべて動く • Windowsをチップセットからエクスペリエンスまで再考する 新しく幅広い「可能性、シナリオ、フォームファクター」www.buildwindows.com VSUG DAY 2012 Summer 4
  5. 5. BUILD2011 基調講演より Windows 8 • Windows 7よりさらによくなる Windows 8では、Windows 7で動作していたものがすべて動く • Windowsをチップセットからエクスペリエンスまで再考する 新しく幅広い「可能性、シナリオ、フォームファクター」www.buildwindows.com VSUG DAY 2012 Summer 5
  6. 6. BUILD2011 基調講演より Windows 8 • Windows 7よりさらによくなる Windows 8では、Windows 7で動作していたものがすべて動く • Windowsをチップセットからエクスペリエンスまで再考する 新しく幅広い「可能性、シナリオ、フォームファクター」www.buildwindows.com VSUG DAY 2012 Summer 6
  7. 7. VB6 on Windows 8Windows 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 につい ても受けられると考えていただいてかまいません。 VSUG DAY 2012 Summer 7
  8. 8. サポート問い合わせ件数の比率100%80%60%40% ActiveX .NET20% 0% 2003年 2011年 2002年 2004年 2005年 2006年 2007年 2008年 2009年 2010年 VSUG DAY 2012 Summer 8
  9. 9. サポート問い合わせ件数の比率100%80%60%40% ActiveX .NET20% 0% 2003年 2011年 2002年 2004年 2005年 2006年 2007年 2008年 2009年 2010年 VSUG DAY 2012 Summer 9
  10. 10. 出荷ライセンス数の比率100%80%60%40% ActiveX .NET20% 0% 2002年 2003年 2004年 2005年 2006年 2007年 2008年 2009年 2010年 2011年 VSUG DAY 2012 Summer 10
  11. 11. 出荷ライセンス数の比率100%80%60%40% ActiveX .NET20% 0% 2002年 2003年 2004年 2005年 2006年 2007年 2008年 2009年 2010年 2011年 VSUG DAY 2012 Summer 11
  12. 12. デスクトップで変わること① スタート*** • メニュー ⇒ スクリーン② デスクトップテーマ • Aero ⇒ ???(名称不明) VSUG DAY 2012 Summer 12
  13. 13. スタート メニュー/スクリーンWindows 7 Windows 8 Release Preview VSUG DAY 2012 Summer 13
  14. 14. デスクトップテーマWindows 7 Windows 8 Release Preview ※Release Previewの外観は最終的なものではない VSUG DAY 2012 Summer 14
  15. 15. ソフトウェアは変わらずともハードウェアが変わるVSUG DAY 2012 Summer 15
  16. 16. ハイブリッド型PC VSUG DAY 2012 Summer 16
  17. 17. パソコン = ノートPC 世界市場全体 米国コンシューマ市場 61% 76% VSUG DAY 2012 Summer 17
  18. 18. どちらを購入しますか?スレートとしてもノートとしても ノートとしてしか 使えるPC 使えないPCハードウェアメーカーはタッチ対応を迫られる VSUG DAY 2012 Summer 18
  19. 19. でもお高いんでしょう?VSUG DAY 2012 Summer 19
  20. 20. 大量生産されると安くなる例 VSUG DAY 2012 Summer 20
  21. 21. ハードウェアの変革① タッチ可能なデバイスの普及② ディスプレイの高精細化 VSUG DAY 2012 Summer 21
  22. 22. タッチVSUG DAY 2012 Summer 22
  23. 23. Building Windows 8の記事より 「マウスは良いアイデアだが、ビジネス ユーザーの 役に立つかどうかは疑わしい」 (George Vinall、PC Week、1984 年 4 月 24 日) 「使うのはとても楽しかったが、ビジネスの視点から 考えると生産性に疑問を持たざるを得ない」 (George Vinall、PC Week、1984 年 4 月 24 日) 「会社役員のような特定のターゲット層にとって、 マウスはコンピューターを使いやすく馴染みやすい ものにしてくれるのだろうか。答えはノーだ」 (Computerworld、1983 年 10 月 31 日) VSUG DAY 2012 Summer 23
  24. 24. Building Windows 8の記事より 数十年後 (おそらくはもっと早く)、 私たちはこの過渡期を振り返り、 「ねえ、PC の画面がタッチ操作に 対応していなかったころを覚えてる? 今考えると変だよね」 などと言い合うことになるでしょう。 VSUG DAY 2012 Summer 24
  25. 25. スティーブン・シノフスキー氏インタビュー 開発責任者に聞くWindows 8の世界「2年後、 タッチできないPCは欠陥品に思われる」 http://plusd.itmedia.co.jp/pcuser/articles/1204/26/news090_2.htmlそして2年後、もしその時点でもタッチ機能 を搭載しないPCが店頭にあったならば、 消費者は画面を触ってみて、 「これは壊れているのではないか?」と訝(いぶか)しむようになると思います。 VSUG DAY 2012 Summer 25
  26. 26. 第三次ユーザインターフェース革命  CUI(Character User Interface)  GUI(Graphical User Interface)  NUI(Natural User Interface)  Touch User Interface  Tangible User Interface  Perceptual User Interface VSUG DAY 2012 Summer 26
  27. 27. 異なる操作方法の共存Webブラウザの「前のページに戻る」 キーボード + マウス VSUG DAY 2012 Summer 27
  28. 28. デスクトップアプリのタッチ対応VSUG DAY 2012 Summer 28
  29. 29. デスクトップにタッチは必要?デスクトップアプリが タッチに対応する必要あるの? 本当は必要ないはず(タッチ対応は Metroスタイルアプリが理想) でも不可抗力的に タッチされてしまうのでは? VSUG DAY 2012 Summer 29
  30. 30. レガシーサポートジェスチャ マップ先 生成されるメッセージ WM_LBUTTONDOWNタッチ マウスの左クリック WM_LBUTTONUP WM_VSCROLLパン スクロールホイールの使用 WM_HSCROLL WM_RBUTTONDOWNプレスアンドホールド マウスの右クリック WM_RBUTTONUP Ctrlキーを押しながら lParam で MK_CONTROLが マウス ホイールをズーム 設定された 回転させて WM_MOUSEWHEEL スクロールする操作 VSUG DAY 2012 Summer 30
  31. 31. DEMOレガシーサポートVSUG DAY 2012 Summer 31
  32. 32. 対応が必要となる操作① マウスカーソルの位置に依存した操作  例:マウスホバーでドロップダウン② BUTTONDOWNとBUTTONUPを 分けて処理する必要がある操作  例:マウスボタン押しっぱなし操作③ マウス用の寸法でタッチ不能  例:スライダーのつまみをドラッグ VSUG DAY 2012 Summer 32
  33. 33. 小さすぎてタッチ不能の例 VSUG DAY 2012 Summer 33
  34. 34. 小さすぎてタッチ不能の例 VSUG DAY 2012 Summer 34
  35. 35. DEMOレイアウトを保ったままサイズを確保する例VSUG DAY 2012 Summer 35
  36. 36. ご期待くださいグレープシティでは、 Windowsフォーム と ASP.NET Webフォームの主力製品において、Windows 8における タッチ操作への対応を予定しています VSUG DAY 2012 Summer 36
  37. 37. 高精細化VSUG DAY 2012 Summer 37
  38. 38. 画面解像度の多様化 2006年7月 2012年5月 その他 1400x 1050 その他 1280x 1280x 1600x 1024 1024 1920x 1200 1920x 1200 1024x 1080 768 1280x 1680x 1366x 800 1050訪問者における画面解像度の内訳 768Yuya Yamaki’s blog(http://d.hatena.ne.jp/Yamaki/) VSUG DAY 2012 Summer 38
  39. 39. 画面の回転 VSUG DAY 2012 Summer 39
  40. 40. ウィンドウサイズの固定768ピクセル 最大化/最小化ボタン は非表示 1024ピクセル VSUG DAY 2012 Summer 40
  41. 41. 17インチ、SXGA(1,280×1,024) VSUG DAY 2012 Summer 41
  42. 42. 23インチ、FHD(1,920×1,080) VSUG DAY 2012 Summer 42
  43. 43. 画面サイズに対応させる2つの手法画面に合わせたスケーリングの ガイドライン (Metro スタイル アプリ) http://msdn.microsoft.com/ja-jp/library/windows/apps/hh780612.aspx 固定レイアウト アダプティブレイアウト VSUG DAY 2012 Summer 43
  44. 44. 固定レイアウト VSUG DAY 2012 Summer 44
  45. 45. DEMO固定レイアウトVSUG DAY 2012 Summer 45
  46. 46. アダプティブレイアウト VSUG DAY 2012 Summer 46
  47. 47. DEMOアダプティブレイアウトVSUG DAY 2012 Summer 47
  48. 48. アダプティブレイアウトにする際のポイント  固定レイアウトにする領域とアダプティブレイ アウトにする領域を決める  固定レイアウトの領域であっても、 可能な限り相対配置とする  アダプティブレイアウトにする領域の 下限値と上限値を設定する第6回 .NET中心会議『XAMLで学ぶレイアウトスキル』http://www.atmarkit.co.jp/fdotnet/chushin/chushinmeeting_06/chushinmeeting_06_01.html VSUG DAY 2012 Summer 48
  49. 49. ディスプレイの高精細化 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ディスプレイモデル) VSUG DAY 2012 Summer 49
  50. 50. Intel: Retina laptop, desktop displays coming in 2013 http://liliputing.com/2012/04/intel-retina-laptop-desktop-displays-coming-in-2013.html VSUG DAY 2012 Summer 50
  51. 51. Intel-Prognose:PC’s Leading the Race to 4Khttp://www.3dcenter.org/news/intel-prognose-4k-monitore-ab-2013-im-premium-segment-ab-2015-im-mainstream-segment VSUG DAY 2012 Summer 51
  52. 52. 約96PPI 23インチ、FHD(1,920×1,080) VSUG DAY 2012 Summer 52
  53. 53. 約128PPI 23インチ、WQHD(2,560×1,440) VSUG DAY 2012 Summer 53
  54. 54. 約192PPI 23インチ、???(3,840×2,160) VSUG DAY 2012 Summer 54
  55. 55. Windows 7 15.6インチ 340×190mm 1920×1080 約143PPI VSUG DAY 2012 Summer 55
  56. 56. Windows 8 Release Preview 15.6インチ 340×190mm 1920×1080 約143PPI VSUG DAY 2012 Summer 56
  57. 57. Windows 8 Release Preview 11.6インチ 260×160mm 1366×768 約133PPI VSUG DAY 2012 Summer 57
  58. 58. カスタムサイズ変更オプション125%以下 126%以上XP形式のスケーリング:Onが既定 XP形式のスケーリング:Offが既定 VSUG DAY 2012 Summer 58
  59. 59. XP形式のスケーリングを使用しないDPI仮想化によるスケーリング 一度96DPI相当で画面表示領域外に描画し、 それをDWMがシステムのDPIに合わせて ビットマップ的に拡大して表示 スケーリングに全く対応していないアプリ でも、レイアウトはくずれない ビットマップ的な拡大のため、 ぼやけた印象の表示となる VSUG DAY 2012 Summer 59
  60. 60. DPIスケーリングが変わるとどうなるのか?Windowsフォームの場合VSUG DAY 2012 Summer 60
  61. 61. XP形式のスケーリングか否かXP形式のスケーリング:On XP形式のスケーリング:Off VSUG DAY 2012 Summer 61
  62. 62. AutoScaleModeプロパティNone 自動スケーリングが無効です。Font (プロジェクト クラスで使用されているフォント (通常はシステムのテンプレートにおける フォント) の大きさを基準としてスケールを制御しまフォームの既定値) す。 ディスプレイの解像度を基準としてスケールを制御しDpi ます。 一般的な解像度は 96 dpi と 120 dpi です。 クラスの親のスケーリング モードに従ってスケールをInherit (本来の既定 制御します。 親が存在しない場合は、自動スケーリン値) グが無効になります。 VSUG DAY 2012 Summer 62
  63. 63. スケーリングの動作 設計時のシステムフォントサイズ/DPIを AutoScaleDimensionsプロパティに保存 実行時にCurrentAutoScaleDimensionsプロパ ティから比率を計算し、スケール処理を行う VSUG DAY 2012 Summer 63
  64. 64. 注意点 異なるシステムフォントサイズ/DPI設定の 環境でプロジェクトを共有できない あくまでもフォームが読み込まれる時に 一度だけスケール処理が行われるため、 実行時にピクセルサイズを設定する場合には、 DPIの比率を乗算してやる必要がある スケール結果は 各コントロールのScaleメソッドの処理に依存 VSUG DAY 2012 Summer 64
  65. 65. DEMOWindowsフォームのスケーリングVSUG DAY 2012 Summer 65
  66. 66. ご期待くださいグレープシティでは、 Windowsフォーム と ASP.NET Webフォームの主力製品において、Windows 8における 高DPIへの対応を予定しています VSUG DAY 2012 Summer 66
  67. 67. まとめデスクトップにおける Windows 8時代の変革 タッチ可能なデバイスの普及 ディスプレイの高精細化 VSUG DAY 2012 Summer 67

×