Post on 12-May-2015
description
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="" 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