Windows 8.1 ストアアプリ first look for 8.0 developers! [ss]

Windows 8.1 ストアアプリ
FIRST LOOK
for 8.0 developers!
Windows ストアアプリ開発が
こんなに変わっちゃうお話
S S
2013/7/20 Windows 8.1 Store app. FIRST LOOK 1

スピーカー紹介 (1/2)
• BluewaterSoft 山本康彦 / @biac
• Windows ストアアプリを開発したり
• Windows ストアアプリ開発の講師とか
• Windows ストアアプリ開発の記事とか
2013/7/20Windows 8.1 Store app. FIRST LOOK 2
@IT WinRT/Metro TIPS (連載) @IT 特集記事 (7/19～)

スピーカー紹介 (2/2)
• だけど、新刊は非同期/並列処理だったり
本日発売!
『C#による
マルチコアのための
非同期/並列処理
プログラミング』
よろしくねっ!

なにやら
Windows 8.1
が来るそうですよ

Windows 8.1 - 発表から今日まで
• 2013/6/26
//build 2013 で Windows 8.1 発表
• 2013/6/29
MiCoCi - 世界初! Windows 8.1 ストアアプリハッカソン
を開催。 (@この会場)
特別セッション「Windows 8.1 ストアアプリ FIRST
LOOK for 8.0 developers」
• 2013/7/19
@IT - 特集: 次期 Windows 8.1 & Visual Studio 2013
Preview 概説
• 2013/7/20
プロ生 - 「FIRST LOOK」 2nd session
イマココ!

Windows 8.1 - 今日から
• 2013/7/20
プロ生 - FIRST LOOK 2nd session
• 2013/8/16 (?)
Windows 8.1 RTM - OEM 向けリリース
MSDNサブスクライバーでも(?)
• 2013/8月下旬～10月 (?)
一般ユーザー向けアップデート提供開始
無償
イマココ!
☆ 無償
☆ スタートボタン症候群
⇒ 急速な置き換えが見込まれる

Windows 8.1 Preview のスタート画面
変わった感はそんなに無い
背景に壁紙が出てるとか…
「四倍角」タイルとか…
「四分角」タイルくらい

8.1 はマイナーチェンジ!?
• いや、まぁ…
一般ユーザーには
そうなんだけどね…

ストアアプリの API は
メジャーバージョンアップ
• WinJS 1.0 ⇒ 2.0
• WinRT は…?
バージョン番号を付けてくれてない
っぽいので、ヨクワカラン orz

開発者にとっては
Windows 8.1 ストアアプ
リ
って、すごく変わるよ!!
今日は、アプリの計画にも
影響する変更を 2つ話すよ♪

本題に入る前に
• お約束
Preview版に基づく情報です。
製品版では異なる可能性があります。

Windows 8.1 Store app. FIRST LOOK

8.0と8.1とストアアプリとVisual Studio
• Win 8のバージョンと、ストアアプリの関係
• Visual Studio のバージョンとストアアプリ
ストア・アプリの種類 Win8上 Win8.1上
Win8ストア・アプリ動作する動作する
Win8.1ストア・アプリ動作しない動作する
Visual Studio Win8ストアアプリ Win8.1ストアアプリ
VS2012 作成可、編集可作成／編集とも不可
VS2013 編集可、Retarget可作成可、編集可

大変更、その1
ビュー状態の廃止
★ ViewState が使いものにならない
★ スナップは無くなる

3つも4つもアプリを並べられるよ!
どれがメインで
どれがスナップ?

設定チャームはビューの幅に関係なし
設定チャームの対象は
今はこのアプリ

ファイルピッカーも幅に関係なし
幅の狭いほうにも
ファイルピッカーが出
る!
ついでに言っとくと、
TryUnsnapメソッドは無効

バージョン情報パネルや設定パネル
幅の狭いほうにも
バージョン情報パネルとかが出る!
最小幅に合わせて
パネルを設計しなきゃ!

ビュー状態に関するAPIの変更
• ViewState は Deprecated (軽視) 属性付き
8.1 でも残っているけど、アテにならない
• 代わって、こんなAPIを8.1では使う
☆ SizeChangedEventArgs にビューの幅と高さ
☆ AdjacentToLeftDisplayEdge,
AdjacentToRightDisplayEdge
ビューが画面の左右端にくっついているか?
☆ IsFullScreen: 全画面表示のとき、true
☆ Orientation: ビューは縦長(Portrait)か
横長(Landscape)か?

8.1の最小幅は 320 か 500
• マニフェストで選択する
デフォルトは500

ところで…
Win 8.0 ストアアプリは
Win 8.1 でも動くよねぇ?

8.0ストアアプリも動くよ!! だけど…
スナップだと認識
ポートレイトだと認識

10"クラスタブレットで 8.0 アプリ
他方が最小幅500だと
幅をどれだけ広げても
スナップのまま! orz

つまり…?
Win 8.0 ストアアプリは
Win 8.1 でも動くけど…
Win 8.1 用に
作り直したほうが
いいよ!!

VS 2013 で、プロジェクトを変換
• Retarget

大変更、その2
検索コントラクトは
使わない
★ 検索チャームはBing専用に
★ SearchBoxコントロールを使う
2013/7/20
Windows 8.1 Store app. FIRST LOOK
26

チャームからアプリの操作
…をさせるのは、あきらめたらしい
• 検索チャームの仕様変更
従来 (8.0) 8.1 - bingとローカルファイルの検索
アプリの検索機能は使えない
検索コントラクトは
機能しない

ヘルプも設定チャームから逃亡
• MS謹製アプリでは、アプリバーの右
端に [ヘルプ] ボタンが!!
• 8.0アプリにも付くようになった

8.1アプリの検索機能
アプリごとに
画面の右上に SearchBox
コントロールを配置
※上部のアプリバーに
置いてもよい

8.1で新設されたSearchBoxコントロール
• 検索語句の候補や、検索結果の候補を表示できる
マイクロソフト製「ファイナンス」
アプリの検索ボックスの例
検索語句の入力中に候補を出す
やり方は、8.0の検索コントラクト
での方法と同様で、イベント
ハンドラーに実装する。

チャームから8.0アプリの検索機能を使う
• 検索はできるが、面倒になった
8.0アプリの検索機能を使うのは面倒、
また、他のアプリの検索機能は呼び出せない
[すべての場所]をタップし
ドロップダウンから
そのアプリを選ぶ

8.0アプリには検索ボタンを付けよう!
8.1に合わせて画面の右上に
検索ボタンを配置、
タップで検索チャームを出す

8.0アプリには検索ボタンを付けよう!
• コードはこんな感じ
<Button Content=""
FontFamily="Segoe UI Symbol"
Click="searchButton80_Click"
Width="44" Height="42" Background="Blue" Foreground="White"
Padding="0" FontSize="20" FontWeight="Light" />
private void searchButton80_Click
(object sender, RoutedEventArgs e)
{
Windows.ApplicationModel.Search
.SearchPane.GetForCurrentView().Show();
}

★ビュー状態の廃止
★検索ボックスのアプリ内配置
どっちもUX設計やり直し!
Windows ストアアプリ開発者に
とっては、「+0.1」じゃなくて
「+1.0」だよ～ (汗;

でも、8.1ストアアプリは
いいこともいっぱい♪

8.1で変更/追加されたWinRTのAPI群

新機能 (のごく一部)
• PDFの表示
• スピーチAPI
• デバイスのサポート追加
Bluetooth, USB, スキャナ, 3Dプリンター,
バーコードリーダー, 磁気カードリーダー
etc.
• XAMLコントロール
DatePicker, TimePicker, Flyout, MenuFlyo
ut etc.

DatePickerとTimePicker
• ようやく!
って感はあるけど f(^^;

AppBarButton / Flyout / MenuFlyout
• 超便利
8.0での苦労は
なんだったの～

CommandBarコントロール
• AppBarButtonを格納するための
コントロール
ボタンの間隔を自動調節してくれる

機能向上 (のごく一部)
• WebViewコントロール
・もはや「浮いてない」
・ナビゲーションや相互作用用の機能追加、
IFrameサポート etc.
• タイルサイズ追加
70x70, 310x310(ライブタイル可)
• ScrollVIewerにヘッダー (エクセル表
を作れるよ)
• 未処理例外のトラップ

CM
• さらに詳しく…
@ITの特集記事
次期 Windows 8.1 & Visual Studio 2013 Preview
概説：
大きく変わるWindowsストア・アプリ開発
・前編(7/19) - ビュー状態の廃止
・中編(7/22) - 検索コントラクト廃止
・後編(7/24) - その他の変更点

Win8.1 FIRST LOOK
ご清聴
ありがとうございました♪
S S

Windows 8.1 ストアアプリ first look for 8.0 developers! [ss]

More Related Content

Viewers also liked (10)

Similar to Windows 8.1 ストアアプリ first look for 8.0 developers! [ss] (20)

More from Yasuhiko Yamamoto (14)