Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

空のテンプレートから始めるWindows 8 ストアアプリ

1,492 views

Published on

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

Published in: Technology
  • Be the first to comment

空のテンプレートから始めるWindows 8 ストアアプリ

  1. 1. 空のテンプレから始めるWindows8ストアアプリ2012.11.03MICROSOFT MVP FOR VISUAL BASIC / ORACLE ACE初音玲
  2. 2. 自己紹介ミク好きですが元々「初音」です。民間エヴァンジェリストです Microsoft MVP for Developer Tools Oracle ACECodezineで連載中
  3. 3. 監修した翻訳本がでました。
  4. 4. 図がわかりやすくなった
  5. 5. 読みやすくなった
  6. 6. 31日(月)Y-01b
  7. 7. おさらいアプリ • Windows 8 ストアアプリデザイン • Microsoftデザインスタイル UI名 • なにそれ?おいしいの?
  8. 8. Microsoftデザインスタイル? http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx  「hh464920」でbingる
  9. 9. なにがなにやら? 従来型 Windowsストアアプリで配布 配布 Windows 8 デスクトップアプリ ストアアプリ Microsoft Design Style UXガイド WinRT .NET Framework(Windows Runtime)
  10. 10. 忘れないで!Windows 8 ストアアプリは Win7では開発できません Windows Runtime使うからWindows Phone 8アプリは Win8無印では開発できません Hyper-V使うから
  11. 11. さあ、開発を始めよう
  12. 12. 魅惑のテンプレートたち
  13. 13. 困惑のテンプレートたち
  14. 14. グリッドアプリケーション GroupItemPage ItemDetailPage GroupDetailPage
  15. 15. 分割アプリケーション ItemsPage SplitPage
  16. 16. グリッドアプリケーションの作成例
  17. 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. 18. グリッドテンプレの問題点複雑複雑複雑複雑複雑複雑こんなの絶対おかしいよ
  19. 19. 分割テンプレの問題点複雑複雑複雑複雑複雑複雑こんなの絶対おかしいよ
  20. 20. お勧めは空のテンプレート
  21. 21. 最小のスタイル 最速の理解 たったこれだけ
  22. 22. 最小のスタイル 最速の理解 つかえない ロゴ画像
  23. 23. 最小のスタイル 最速の理解 Style定義の 総本山
  24. 24. 最小のスタイル 最速の理解 アプリ定義
  25. 25. 最小のスタイル 最速の理解 MainPage テンプレで MainPage つくるのは これだけ
  26. 26. 最小のスタイル 最速の理解 超重要
  27. 27. Package.appxmanifest
  28. 28. Package.appxmanifest
  29. 29. Package.appxmanifest
  30. 30. Package.appxmanifest
  31. 31. 実行してみましょう
  32. 32. 実行してみましょう???
  33. 33. あまりにも空なテンプレBindableBase.vbLayoutAwardPage.vbStandardStyles.xamlSuspensionManager.vb
  34. 34. BindableBaseINotifyPropertyChangedPropertyChangedイベントSetPropertyメソッドOnPropertyChangedメソッド
  35. 35. LayoutAwardPage簡単なViewModelっぽいもの中身は…SuspensionManager使うために使ってあげてるんだからねっ!
  36. 36. StandardStyles.xaml便利なスタイル詰め合わせボタンアイコンがあるよ! <Style x:Key=“SaveAppBarButtonStyle” … > <Setter … /> <Setter Property=“AutomationProperties.Name” Value=“Save" /> <Setter Property="Content" Value=""/> </Style>
  37. 37. SuspensionManagerSessionStateSaveAsyncRestoreAsyncRegisterFrameUnregisterFrameSessionStateForFrame
  38. 38. 使い方 Protected Overrides Sub OnNavigatedFrom ( … ‘hogehoge MyBase.OnNavigatedFrom(e) End Sub Protected Overrides Sub OnNavigatedTo( … ‘イベントハンドル登録 MyBase.OnNavigatedTo(e) ‘hogehoge End Sub
  39. 39. アプリ例Claudia Clock
  40. 40. ガイドライン準拠でフリーダムに
  41. 41. ありがとうございましたTwitter: @hatsune_E-mail: hatsune.a@nifty.com

×