どうなる？Windows 8時代の業務アプリ開発

どうなる？
Windows 8時代の業務アプリ開発

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

Developers Summit 2012

ここが重要

Windows 8は売れるのか？


とある情報筋によれば…


グレープシティメールマガジン
PowerNews 339号アンケート
2011/11/10配信
Windows 8はビッグウェーブになる？

なる
24%

わからないならない
21% 55%


なぜ悲観的な予想が多いのか？


Windows 7


Windows 8


変わりすぎ


Vistaの二の舞になるのでは？

互換性がない

重い


BUILD2011 基調講演より


BUILD2011 基調講演より

• Windows 7よりさらによくなる
Windows 8では、Windows 7で動作していたものがすべて動く

• Windowsをチップセットからエクスペリエンスまで再考する
新しく幅広い「可能性、シナリオ、フォームファクター」

www.buildwindows.com


デスクトップ

Windows 7 Windows 8


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

Windows 7 Windows 8


Metroスタイルアプリ

Windows 7 Windows 8

該当なし


アプリケーション開発視点

Metroスタイルアプリデスクトップアプリ
ア

Framework
プ
リ Metroスタイル .NET

WinJS
ア

.NET
ケ
ー
シ
アプリケーションアプリケーションプネ
ョ
ン
リイ
ケテ
ーィ
シシブ
ス
.NET Framework ョ
テ
ム
Windows Runtime ン
サ
ー（WinRT）
ビ
ス
Windows API

Windowsカーネルサービス
カ
ー
ネ
ル


従来のWindows利用

 従来のWindows部分（デスクトップ）は
基本的に変わっていない
 従来のWindows利用として悲観的な要素は少ない
 むしろプラス要素多数
 UEFIとハイブリッドブートによる超高速起動
 Windows 7よりも少ないメモリ使用量
 PCの同期機能
 OSの「リセット」と「リフレッシュ」
 仮想ストレージ


何を再考したのか？

 パソコン用OSだったWindowsを
さまざまなフォームファクターの
コンピューターで使えるOSとして再考した
 省電力化
 パフォーマンス
 タッチ操作と各種センサーのサポート
 さまざまなデバイスとの接続性
 制限による操作や理解の単純化


人と情報との接点が多様化

 一家に一台時代時間：人が使っていないとき
場所：家

 一人一台時代時間：いつでも
場所：どこでも

 場面に一台時代時間：いつでも
場所：どこでも
場面：あらゆる場面
人：ほとんど誰でも


Productivity Future Vision

http://www.microsoft.com/office/vision/


① 眼鏡型デバイス


② スマートフォン的なもの


③ 車の窓ガラス型デバイス


④ 名刺サイズのデバイス


⑤ デジタルサイネージ的なもの


⑥ 本のように折りたためるデバイス


⑦ 壁掛け型デバイス


⑧ デスクトップPC的なもの


⑨ デスクのトップがデバイス


⑩ 壁型デバイス


⑪ スレートPC的なもの


⑫ スレートPC的なものその２


⑬ 壁型デバイスその２


⑭ 冷蔵庫型デバイス


14種類のデバイスが登場

① 眼鏡型デバイス ⑧ デスクトップPC的なもの
② スマートフォン的なもの ⑨ デスクのトップがデバイス
③ 車の窓ガラス型デバイス ⑩ 壁型デバイス
④ 名刺サイズのデバイス ⑪ スレートPC的なもの
⑤ デジタルサイネージ的なもの ⑬ 壁型デバイスその２
⑥ 本のように折りたためる ⑭ 冷蔵庫型デバイス
デバイス
⑦ 壁掛け型デバイス


噂話を含めればこんな感じ
Windows NT系 Windows NT系
X86、x64
X86、x64、ARM
Windows
Windows 8
Windows Embedded
Windows Phone 8

Windows NT系次期Xbox
PowerPC ？
Xbox 360 OS

Windows CE系
ARM、MIPS、SuperH
Windows Phone 7
Windows Embedded Compact


Windows 8

 加速するデバイス多様化への対応
 ユビキタスコンピューティング時代への
出発点

 新たなコンピューティング機会の創出
 デベロッパーにとっての大きなチャンス
 活かせるスキル資産
 活かせるコード資産


さしあたっては「タッチ」


Windows搭載のスレートPCは
普及するのか？


同じ値段ならどちらを購入？

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

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

良くも悪くもWindowsは多勢

 Android端末の登録台数、世界で累計2億
 iOS端末（iPhone、iPad、iPod Touch）の
合計2億5000万
 Windows 7売上本数は5億2500万本
 全バージョンで12.5億台のWindows PC
 売れなかったという認識の
Vistaでも累計1億8000万本


企業利用についてはどうなのか？


コンシューマ化

 一般消費者向けに開発された新技術が、
消費者の間で浸透した後、
企業ITシステムにも取り入れられる現象

Intelが考えるコンシューマ化
ハードウェア、および、アプリケーションの両方について、
パーソナル・ライフにおけるテクノロジー体験が、仕事で
使うことが期待されるテクノロジーに対して与える影響力
が増え続けること
【山田祥平のRe:config.sys】 Intelが考える会社の便利と個人の便利
http://pc.watch.impress.co.jp/docs/column/config/20111111_489906.html


スレートPCの出荷台数予測

ビジネス利用のシェア 1億4720万台
6% 30%

1610万台

2010年 2015年
Infographic: The State of Tablet Adoption at Work | Tablets at Work Blog
http://www.tabletsatwork.com/2011/10/infographic-the-state-of-tablet-adoption-at-work/

現在のスレートPCにおいて
企業利用を阻んでいるもの
 OSの頻繁なバージョンアップ
 端末管理の煩雑さ
 アプリケーションの互換性
 企業レベルのセキュリティに対応しづらい
 既存ネットワーク環境とは別に専用の接続環境
を用意するといった対応も行われているほど


実は向いている？
Metroスタイルで作る業務アプリ
 業務アプリケーションに禁止／制限はつきもの
 アプリケーションの操作を禁止／制限
 例：右クリック無効、半角カタカナ入力無効
 アプリケーションのインストールを禁止／制限
 業務に不要なアプリをインストールさせない

 タッチUIは必要な操作だけを提供しやすい
 グループポリシーを使用した
Metroスタイルアプリのインストール許可


1年後、2年後の状況を予想
Windows 8
リリース

コンシューマへの普及

企業への普及

明確な導入目的なし（会議資料閲覧程度）

既存業務アプリの延長線上

利用シーンに合った単一目的のアプリ

新しいビジネスモデルの構築

2012 2013 2014 2015 2016

タッチ対応の開発需要

 第一段階
 既存アプリのタッチ対応（改修）
 第二段階
 タッチに最適化されたUIの新規開発


第一段階

既存アプリのタッチ対応


レガシーサポート
ジェスチャマップ先生成されるメッセージ
WM_LBUTTONDOW
タッチマウスの左クリック
N WM_LBUTTONUP
スクロールホイール WM_VSCROLL
パン
の使用 WM_HSCROLL
WM_RBUTTONDOWN
プレスアンドホールドマウスの右クリック
WM_RBUTTONUP
Ctrlキーを押しながら lParam で
マウスホイールを回 MK_CONTROL が設定
ズーム
転させてスクロールすされた
る操作 WM_MOUSEWHEEL


DEMO

レガシーサポート


対応が必要となる操作

① マウスカーソルの位置に依存した操作
 例：マウスホバーでドロップダウン
② BUTTONDOWNとBUTTONUPを
分けて処理する必要がある操作
 例：マウスボタン押しっぱなし操作
③ マウス用の寸法でタッチ不能
 例：スライダーのつまみをドラッグ


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


DEMO

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


 1993年にVisual Basic向けのコンポーネントを販売開始
 業務アプリケーション開発者を支援する製品を
提供し続けて18年の開発ツールベンダー
 多彩なラインナップを誇る製品群
 日本仕様を強みとした
自社開発製品
 海外の優れた製品を
日本語版としてローカライズ


ご期待ください

グレープシティでは、
Windowsフォーム
と
ASP.NET Webフォーム
の主力製品において、Windows 8における
タッチ操作への対応を
予定しています

第二段階

タッチに最適化されたUIの
新規開発


今何をしておくべきか

 技術者として普通に考えれば
「Metroスタイルアプリの開発スキルを
身につける」ということになるが…

 お勧めしたい「今しておくべきこと」
 タッチデバイスのヘビーユーザーになる
 相対配置をマスターする


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

 CUI（Character User Interface）

 GUI（Graphical User Interface）

 NUI（Natural User Interface）
 Touch User Interface
 Tangible User Interface
 Perceptual User Interface


NUIの直接性
 マウス操作とタッチ操作を比較
 人マウス（コントローラ）カーソル UI
 人 UI
 クリック感のない操作デバイス
 処理を待つことに慣れていても、押したかそうで
ないかが分からないという状況には慣れていない
フィードバックがとても大切


習うより慣れよう

 みんな初めは利用者だった
 利用者を通り越していきなり
PC向けアプリケーションの開発者に
なった人は（最近では）いないはず
 タッチで本当に使えるUIを創り出すには
 習うより慣れろ


アンケート

スマートフォンを
持っている人？


アンケート

スレート（タブレット）PCを
持っている人？


iOS
Android
Windows Phone
アンケート

このうち2つ以上持っている人？


今何をしておくべきか

タッチデバイスのヘビーユーザーになる
 Windows 8のスレートPCが
用意できればそれは最良だが…
 まだまだハードルが高い
 今ならWindows Phoneがおすすめ
 Windows PhoneとWindows 8の共通点
 Metro UI
 ストア（Marketplace）
 開発言語とフレームワーク

Windows Phone

ヘビーユーザーになったら開発もしてみよう
 Windows Phoneアプリ開発は
今すぐ始められる
 Windows Phone SDK 7.1（無償）
 Visual Studio、Expression Blend、
Windows Phone Emulator


ComponentOne Studio
for Windows Phone


ComponentOne Studio
for Windows Phone
３月１４日発売予定
個人開発者向けに
無償利用プログラムを提供予定


Windows Phone

 Windows Phoneでは体験できない要素
 マウスサポート
 多様な解像度


DEMO

FlipViewコントロール


画面解像度の多様化

2006年7月 2012年1月
1400x その他
1050
その他
1280x1
1280x 024
1600x 1024
1200
1920x1
1024x 080
1920x1
768 200
1366x7 1280x8
68 00
訪問者における画面解像度の内訳
Yuya Yamaki’s blog（http://d.hatena.ne.jp/Yamaki/）

画面の回転


ディスプレイの高精細化

 Asus Eee Pad Transformer Prime TF700T
 Acer ICONIA TAB A700
 10.1インチ、1920x1200(WUXGA)
 224PPI（pixels per inch）

Metroスタイルアプリの
シミュレーターにおける
ディスプレイサイズと解像度

Metroスタイルアプリの拡大率

 拡大率＝デスクトップでいうところの
DPIスケーリング

100%（96DPI） 150%（144DPI）

 Metroスタイルアプリにおける拡大率は
ディスプレイのピクセル密度によって
自動的に設定される
 ピクセル密度
 ピクセル数 ÷ ディスプレイの物理サイズ

ピクセル密度と拡大率
ディスプレイ GetDeviceCaps ピクセル拡大率
サイズ関数画面解像度密度（LogicalDpi）
シミュレーター
1366×768 約148PPI 100%（96DPI）
10.6インチ 132×235mm 1920×1080 約207PPI 140%（135DPI）
2560×1440 約276PPI 180%（174DPI）
12インチ 162×258mm 1280×800 約126PPI 100%（96DPI）
23インチ 286×509mm 1920×1080 約96PPI 100%（96DPI）
27インチ 336×598mm 2560×1440 約109PPI 100%（96DPI）
Lenovo ThinkPad W510
15.6インチ 340×190mm 1920×1080 約143PPI 100%（96DPI）
Samsung 700T
11.6インチ 260×160mm 1366×768 約133PPI 100%（96DPI）

スケーラブルな画面を作るには

 絶対配置
 位置や大きさが直接指定されて決まる
 相対配置（動的配置）
 レイアウト属性や周りの要素との関係で
位置や大きさが決まる

 絶対配置を極力行わず、相対配置とする
 X座標、Y座標は基本的に設定しない
 幅や高さは必要なものだけに設定
第6回 .NET中心会議『XAMLで学ぶレイアウトスキル』
http://www.atmarkit.co.jp/fdotnet/chushin/chushinmeeting_06/chushinmeeting_06_01.html

スケーラブルな画面を作るには

 可能なものはベクターグラフィックスを使用
 ビットマップ画像は拡大率ごとに用意
 Metroスタイルアプリではルールに基づいた名前
のファイル名を用意するだけ

XAML
<Image Source="Images/onegrape.png" />

HTML
<img src="/images/onegrape.png" />


まとめ

 Windowsのインパクトを過小評価しない
 デバイスの多様化は加速する
 Windows 8はその出発点
 多様化に対応できるスキルを身につければ、
それは大きなチャンスとなる
 さしあたっては「タッチ」
 既存アプリのタッチ対応
 タッチに最適化されたUIの新規開発


どうなる？Windows 8時代の業務アプリ開発

More Related Content

どうなる？Windows 8時代の業務アプリ開発