Windows 8 ストアアプリをきちんと開発するにはこうしましょう。

1. 空のテンプレから始める
Windows8ストアアプリ
2012.11.03
MICROSOFT MVP FOR VISUAL BASIC / ORACLE ACE
初音玲

2. 自己紹介
ミク好きですが元々「初音」です。
民間エヴァンジェリストです
Microsoft
MVP for Developer Tools
Oracle ACE
Codezineで連載中

3. 監修した翻訳本がでました。

4. 図がわかりやすくなった

5. 読みやすくなった

6. 31日(月)Y-01b

7. おさらい
アプリ • Windows 8 ストアアプリ
デザイン • Microsoftデザインスタイル
UI名 • なにそれ？おいしいの？

8. Microsoftデザインスタイル？
 http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx
 「hh464920」でbingる

9. なにがなにやら？
従来型
Windowsストアアプリで配布
配布
Windows 8
デスクトップアプリ
ストアアプリ
Microsoft Design Style UXガイド
WinRT
.NET Framework
(Windows Runtime)

10. 忘れないで！
Windows 8 ストアアプリは
Win7では開発できません
Windows Runtime使うから
Windows
Phone 8アプリは
Win8無印では開発できません
Hyper-V使うから

11. さあ、
開発を
始めよう

12. 魅惑のテンプレートたち

13. 困惑のテンプレートたち

14. グリッドアプリケーション
GroupItemPage
ItemDetailPage GroupDetailPage

15. 分割アプリケーション
ItemsPage
SplitPage

16. グリッドアプリケーション
の作成例

17. テンプレートはStyleが花盛り
<Button
x:Name="backButton"
Click="GoBack"
IsEnabled="{Binding DefaultViewModel.CanGoBack,
ElementName=pageRoot}"
Style="{StaticResource BackButtonStyle}"/>
<TextBlock x:Name="pageTitle" Grid.Column="1"
Text="{Binding Title}"
Style="{StaticResource PageHeaderTextStyle}"/>

18. グリッドテンプレの問題点
複雑
複雑
複雑
複雑
複雑
複雑
こんなの絶対おかしいよ

19. 分割テンプレの問題点
複雑
複雑
複雑
複雑
複雑
複雑
こんなの絶対おかしいよ

20. お勧めは空のテンプレート

21. 最小のスタイル 最速の理解
たったこれだけ

22. 最小のスタイル 最速の理解
つかえない
ロゴ画像

23. 最小のスタイル 最速の理解
Style定義の
総本山

24. 最小のスタイル 最速の理解
アプリ定義

25. 最小のスタイル 最速の理解
MainPage
テンプレで
MainPage
つくるのは
これだけ

26. 最小のスタイル 最速の理解
超重要

27. Package.appxmanifest

28. Package.appxmanifest

29. Package.appxmanifest

30. Package.appxmanifest

31. 実行してみましょう

32. 実行してみましょう？？？

33. あまりにも空なテンプレ
BindableBase.vb
LayoutAwardPage.vb
StandardStyles.xaml
SuspensionManager.vb

34. BindableBase
INotifyPropertyChanged
PropertyChangedイベント
SetPropertyメソッド
OnPropertyChangedメソッド

35. LayoutAwardPage
簡単なViewModelっぽいもの
中身は…
SuspensionManager
使うために使ってあげてるんだからねっ！

36. StandardStyles.xaml
便利なスタイル詰め合わせ
ボタンアイコンがあるよ！
<Style x:Key=“SaveAppBarButtonStyle” … >
<Setter … />
<Setter Property=“AutomationProperties.Name” Value=“Save" />
<Setter Property="Content" Value="&#xE105;"/>
</Style>

37. SuspensionManager
SessionState
SaveAsync
RestoreAsync
RegisterFrame
UnregisterFrame
SessionStateForFrame

38. 使い方
 Protected Overrides Sub OnNavigatedFrom ( …
‘hogehoge
MyBase.OnNavigatedFrom(e)
End Sub
 Protected Overrides Sub OnNavigatedTo( …
‘イベントハンドル登録
MyBase.OnNavigatedTo(e)
‘hogehoge
End Sub

39. アプリ例
Claudia Clock

42. ガイドライン準拠でフリーダムに

43. ありがとうございました
Twitter: @hatsune_
E-mail: hatsune.a@nifty.com