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

LOOK2

@IT WinRT/Metro TIPS ( 連載 )

@IT 特集記事 (7/19 ～ )

スピーカー紹介 (2/2)

•だけど、新刊は非同期 / 並列処理だったり

本日発売 !

『 C# による マルチコアのための 非同期 / 並列処理 プログラミング』

2013/7/20Windows 8.1 Store app. FIRST

LOOK3

よろしくねっ !

なにやらWindows 8.1

が来るそうですよ

2013/7/20 Windows 8.1 Store app. FIRST LOOK 4

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

2013/7/20Windows 8.1 Store app. FIRST

LOOK5

イマココ !

Windows 8.1 - 今日から

• 2013/7/20プロ生 - FIRST LOOK 2nd session

• 2013/8/16 (?)Windows 8.1 RTM - OEM 向けリリースMSDN サブスクライバーでも (?)

• 2013/8 月下旬～ 10 月 (?)一般ユーザー向けアップデート提供開始無償

2013/7/20Windows 8.1 Store app. FIRST

LOOK6

イマココ !

☆ 無償 ☆ スタートボタン症候群

⇒ 急速な置き換えが見込まれる

Windows 8.1 Preview のスタート画面

2013/7/20Windows 8.1 Store app. FIRST

LOOK7

変わった感はそんなに無い背景に壁紙が出てるとか…

「四倍角」タイルとか…

「四分角」タイルくらい

8.1 は マイナー チェンジ !?

•いや、まぁ…

一般ユーザーには

そうなんだけどね…

2013/7/20Windows 8.1 Store app. FIRST

LOOK8

ストア アプリの API は メジャー バージョンアップ

•WinJS 1.0 ⇒ 2.0

•WinRT は… ?バージョン番号を付けてくれてないっぽいので、ヨクワカラン orz

2013/7/20Windows 8.1 Store app. FIRST

LOOK9

開発者にとってはWindows 8.1 ストア アプリ って、すごく変わるよ !!

今日は、アプリの計画にも影響する変更を 2 つ 話すよ♪

2013/7/20 Windows 8.1 Store app. FIRST LOOK 10

本題に入る前に

2013/7/20Windows 8.1 Store app. FIRST

LOOK11

•お約束

Preview 版に基づく情報です。製品版では異なる可能性があります。

Windows 8.1 Store app. FIRST LOOK

2013/7/20Windows 8.1 Store app. FIRST

LOOK12

8.0 と 8.1 とストア アプリと Visual Studio

• Win 8 のバージョンと、ストア アプリの関係

• Visual Studio のバージョンとストア アプリ

2013/7/20Windows 8.1 Store app. FIRST

LOOK13

ストア・アプリの種類 Win8 上 Win8.1 上

Win8 ストア・アプリ 動作する 動作するWin8.1 ストア・アプ

リ 動作しない 動作する

Visual Studio

Win8 ストア アプリ

Win8.1 ストア アプリ

VS2012 作成可、編集可 作成／編集とも不可

VS2013編集可、 Retarget

可 作成可、編集可

大変更、その 1ビュー状態の廃止

★ ViewState が使いものにならない★ スナップは無くなる

2013/7/20 Windows 8.1 Store app. FIRST LOOK 14

3 つも 4 つもアプリを並べられるよ !

2013/7/20Windows 8.1 Store app. FIRST

LOOK15

どれがメインで

どれがスナップ ?

設定チャームはビューの幅に関係なし

2013/7/20Windows 8.1 Store app. FIRST

LOOK16

設定チャームの対象は

今はこのアプリ

ファイル ピッカーも幅に関係なし

2013/7/20Windows 8.1 Store app. FIRST

LOOK17

幅の狭いほうにも

ファイル ピッカーが出る !

ついでに言っとくと、TryUnsnap メソッドは無

効

バージョン情報パネルや設定パネル

2013/7/20Windows 8.1 Store app. FIRST

LOOK18

幅の狭いほうにもバージョン情報パネルとかが出

る !最小幅に合わせて

パネルを設計しなきゃ !

ビュー状態に関する API の変更

• ViewState は Deprecated ( 軽視 ) 属性付き8.1 でも残っているけど、アテにならない

•代わって、こんな API を 8.1 では使う☆ SizeChangedEventArgs にビューの幅と高さ☆ AdjacentToLeftDisplayEdge, AdjacentToRightDisplayEdge ビューが画面の左右端にくっついているか ? ☆ IsFullScreen: 全画面表示のとき、 true☆ Orientation: ビューは縦長 (Portrait) か 横長 (Landscape) か ?

2013/7/20Windows 8.1 Store app. FIRST

LOOK19

8.1 の最小幅は 320 か 500

•マニフェストで選択するデフォルトは 500

2013/7/20Windows 8.1 Store app. FIRST

LOOK20

ところで…

2013/7/20Windows 8.1 Store app. FIRST

LOOK21

Win 8.0 ストア アプリは

Win 8.1 でも動くよねぇ ?

8.0 ストア アプリも動くよ !! だけど…

2013/7/20Windows 8.1 Store app. FIRST

LOOK22

スナップだと認識

ポートレイトだと認識

10" クラス タブレットで 8.0 アプリ

2013/7/20Windows 8.1 Store app. FIRST

LOOK23

他方が最小幅 500 だと幅をどれだけ広げてもスナップのまま ! orz

つまり… ?

2013/7/20Windows 8.1 Store app. FIRST

LOOK24

Win 8.0 ストア アプリはWin 8.1 でも動くけど…

Win 8.1 用に作り直したほうが

いいよ !!

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

•Retarget

2013/7/20Windows 8.1 Store app. FIRST

LOOK25

大変更、その 2検索コントラクトは

使わない

★ 検索チャームは Bing専用に★ SearchBox コントロールを使う

2013/7/20Windows 8.1 Store app. FIRST LOOK

26

チャームからアプリの操作 …をさせるのは、あきらめたらしい

•検索チャームの仕様変更

2013/7/20Windows 8.1 Store app. FIRST

LOOK27

従来 (8.0) 8.1 - bing とローカル ファイルの検索 アプリの検索機能は使えない

検索コントラクトは機能しない

ヘルプも設定チャームから逃亡

•MS謹製アプリでは、アプリ バーの右端に [ヘルプ ] ボタンが !!•8.0 アプリにも付くようになった

2013/7/20Windows 8.1 Store app. FIRST

LOOK28

8.1 アプリの検索機能

2013/7/20Windows 8.1 Store app. FIRST

LOOK29

アプリごとに画面の右上に SearchBox

コントロールを配置

※上部のアプリ バーに置いてもよい

8.1 で新設された SearchBox コントロール

• 検索語句の候補や、検索結果の候補を表示できる

マイクロソフト製「ファイナンス」アプリの検索ボックスの例

検索語句の入力中に候補を出すやり方は、 8.0 の検索コントラクトでの方法と同様で、イベントハンドラーに実装する。

2013/7/20Windows 8.1 Store app. FIRST

LOOK30

チャームから 8.0 アプリの検索機能を使う

•検索はできるが、面倒になった

2013/7/20Windows 8.1 Store app. FIRST

LOOK31

8.0 アプリの検索機能を使うのは面倒、また、他のアプリの検索機能は呼び出せない

[ すべての場所 ] をタップし

ドロップダウンからそのアプリを選ぶ

8.0 アプリには検索ボタンを付けよう !

2013/7/20Windows 8.1 Store app. FIRST

LOOK32

8.1 に合わせて画面の右上に 検索ボタンを配置、

タップで検索チャームを出す

8.0 アプリには検索ボタンを付けよう !

•コードはこんな感じ

2013/7/20Windows 8.1 Store app. FIRST

LOOK33

<Button Content="&#xE000;" 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 」だよ～ (汗 ;

2013/7/20 Windows 8.1 Store app. FIRST LOOK 34

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

2013/7/20 Windows 8.1 Store app. FIRST LOOK 35

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

2013/7/20Windows 8.1 Store app. FIRST

LOOK36

新機能 ( のごく一部 )

• PDF の表示•スピーチ API•デバイスのサポート追加Bluetooth, USB, スキャナ , 3D プリンター ,バーコードリーダー , 磁気カードリーダー etc.•XAML コントロールDatePicker, TimePicker, Flyout, MenuFlyout etc.

2013/7/20Windows 8.1 Store app. FIRST

LOOK37

DatePicker と TimePicker

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

2013/7/20Windows 8.1 Store app. FIRST

LOOK38

AppBarButton / Flyout / MenuFlyout

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

2013/7/20Windows 8.1 Store app. FIRST

LOOK39

CommandBar コントロール

•AppBarButton を格納するためのコントロール

ボタンの間隔を自動調節してくれる

2013/7/20Windows 8.1 Store app. FIRST

LOOK40

機能向上 ( のごく一部 )

•WebView コントロール・もはや「浮いてない」・ナビゲーションや相互作用用の機能追加、 IFrame サポート etc.

•タイルサイズ追加70x70, 310x310( ライブタイル可 )•ScrollVIewer にヘッダー (エクセル表を作れるよ )•未処理例外のトラップ

2013/7/20Windows 8.1 Store app. FIRST

LOOK41

CM•さらに詳しく…

2013/7/20Windows 8.1 Store app. FIRST

LOOK42

@IT の特集記事

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

Win8.1 FIRST LOOK

2013/7/20Windows 8.1 Store app. FIRST

LOOK43

ご清聴ありがとうございました♪

S S