・テクニカルエバンジェリスト
http://blogs.msdn.com/b/shosuz
・MTC アーキテクト
http://www.microsoft.com/ja-jp/business/mtc/ads.aspx
・呟きネタは主に、Wi...
Windows ストア ビジネスアプリ を
Prism for Windows Runtime を用いて
で開発する方法を
ご理解いただくこと
本セッションの目的
の
設計・開発に必要な要素
Windows ストア ビジネス アプリ開発者のタスク
http://msdn.microsoft.com/ja-jp/library/windows/apps/dn535962.aspx
http://code.msdn.microsoft.com/windowsapps/Prism-for-the-Windows-86b8fb72/
Adventure Works Reference Implementation
•論理アーキテクチャ図提供
•AutoRotatingGridView Grid コントロールを作成
•IncrementalUpdateBehavior Ble...
MVVM (Model-View-ViewModel)
パターンの利用
•
•
• MVC
• Presentation
Model pattern
• XAML
デザイナー担当 開発者が担当
View
ViewModel
Model
UI、XAML
ロジック、状態
データソース
Data Model
View
XAML
分離コード
View Model
State +
Operations
Change
Notification
Data-binding and
commands
独自の
“MVVM” モデル
BindableBase Data Model
View
XAML
分離コード
View Model
State +
Operations
Change
Notification
Data-binding
and ...
Demo
Demo
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130640.aspx
• MVVM パターンを使い、ページ(View)を作成
• XAML データバインディングを用いて、各ページを ViewModel
オブジェクトにリンク
• 横向き、縦向き、最小限のレイアウトに合わせページを設計、
Microsoft.Prac...
Demo
アプリケーション データの管理
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130650.aspx
• アプリケーション データ API を使いアプリケーション データ
を操作し、データの物理的記憶域が、システムによって管理
されるようにする
• ユーザーがアプリに正常にサインインし、パスワードの保存
を選んだ場合にのみ、パスワードを資格情報...
ストア ビジネスアプリのデータアクセス
•
•
•
•
•
•
•
•
•
•
•
•
•
•
a
•
•
•
•
•
•
•
•
•
http://msdn.microso
ft.com/ja-
jp/library/windows/a
pps/hh465029.aspx
http://code.msdn.mic
rosoft.com/windowsa
pps/Authent...
中断、再開、アクティブ化の処理
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130647.aspx
中断、再開、アクティブ化の処理
• アプリが中断された時点でアプリケーションデータを保存
• 必要に応じて、保存済みのアプリケーション データを使って
アプリを復元
• Microsoft.Practices.Prism.StoreApps ライブラリで提供される
MvvmA...
Demo
中断、再開、
アクティブ化の処理
疎結合コンポーネント間の通信
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130639.aspx
疎結合コンポーネント間の通信
Microsoft.Practices.Prism.PubSubEvents
Demo
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130644.aspx
ユーザー入力の検証
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx13659.aspx
• クライアント側での検証を行うために、
Microsoft.Practices.Prism.StoreApps ライブラリ内にある
ValidatableBindableBase クラスからモデルクラスを派生させる
• プロパティに Data...
Demo
http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130660.aspx
Windows ストア ビジネスアプリ を
Prism for Windows Runtime を用いて
で開発すると
シンプルに明確に開発できます!
本セッションの目的
・http://slideshare.net/shosuz にスライド公...
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Windows 8.1 におけるストア ビジネスアプリの設計と開発
Upcoming SlideShare
Loading in...5
×

Windows 8.1 におけるストア ビジネスアプリの設計と開発

3,164

Published on

MVP Community Camp 2014 品川会場でのランチセッションです。サンプルソースコードや解説は、後程MSDN Blogに上げますので、お楽しみに!

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,164
On Slideshare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
16
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Windows 8.1 におけるストア ビジネスアプリの設計と開発

  1. 1. ・テクニカルエバンジェリスト http://blogs.msdn.com/b/shosuz ・MTC アーキテクト http://www.microsoft.com/ja-jp/business/mtc/ads.aspx ・呟きネタは主に、Windows 8、Windows Azure、 Windows Phone, RIA, HTML5, MVVM, iOS/Android x Windows Azure 連携, Guitar … 等 ・ASPIC 執行役員、情報社会学会運営委員(2005-) ・早稲田大学大学院(2005-2012)非常勤講師、 中央大学(2008-2010)非常勤講師、 東京工業大学大学院(2013-)非常勤講師 ・Microsoft 軽音楽部広報担当(Guitar/Keyboard)
  2. 2. Windows ストア ビジネスアプリ を Prism for Windows Runtime を用いて で開発する方法を ご理解いただくこと 本セッションの目的
  3. 3. の 設計・開発に必要な要素
  4. 4. Windows ストア ビジネス アプリ開発者のタスク http://msdn.microsoft.com/ja-jp/library/windows/apps/dn535962.aspx
  5. 5. http://code.msdn.microsoft.com/windowsapps/Prism-for-the-Windows-86b8fb72/
  6. 6. Adventure Works Reference Implementation •論理アーキテクチャ図提供 •AutoRotatingGridView Grid コントロールを作成 •IncrementalUpdateBehavior Blend ビヘイビアの使用 •ポップアップに替え、Flyout/MenuFlyout を使用 •FlyoutViews を SettingsFlyout を使うように変更 •Watermark に標準のコントロールを使用 •Blend ビヘイビアを多用 •SearchBox 及び 新しいサーチ API を使用 •更新された Top アプリバー/Bottom アプリバーを使用し CommandBars と Action Button を配置 •System.Net.Http.HttpClient → Windows.Web.Http.HttpClient に変更 Prism for Windows Runtime •VisualStateAwarePage → ページサイズと縦横の向きに反応するよう更新 •FlyoutService と FlyoutView → 削除 •SearchPaneService と SearchQueryArguments → 新しい SearchBox コントロールを使用 Windows 8.1 version で更新された点
  7. 7. MVVM (Model-View-ViewModel) パターンの利用
  8. 8. • • • MVC • Presentation Model pattern • XAML デザイナー担当 開発者が担当 View ViewModel Model UI、XAML ロジック、状態 データソース
  9. 9. Data Model View XAML 分離コード View Model State + Operations Change Notification Data-binding and commands
  10. 10. 独自の “MVVM” モデル BindableBase Data Model View XAML 分離コード View Model State + Operations Change Notification Data-binding and commands
  11. 11. Demo
  12. 12. Demo
  13. 13. http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130640.aspx
  14. 14. • MVVM パターンを使い、ページ(View)を作成 • XAML データバインディングを用いて、各ページを ViewModel オブジェクトにリンク • 横向き、縦向き、最小限のレイアウトに合わせページを設計、 Microsoft.Practices.Prism.StoreApps - VisualStateAwarePage クラスでビューを管理 • クラスがナビゲーション操作に参加できるように利用 Microsoft.Practices.Prism.StoreApps – INavigationAware インターフェイス クラスがナビゲーションをサポートできるように利用 Microsoft.Practices.Prism.StoreApps - FrameNavigationService クラス
  15. 15. Demo
  16. 16. アプリケーション データの管理 http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130650.aspx
  17. 17. • アプリケーション データ API を使いアプリケーション データ を操作し、データの物理的記憶域が、システムによって管理 されるようにする • ユーザーがアプリに正常にサインインし、パスワードの保存 を選んだ場合にのみ、パスワードを資格情報保管ボックスに 格納する • ASP.NET Web API を使って、さまざまな種類のコンテンツを 渡すことができる、リソース指向の Web サービスを作る アプリケーション データの管理
  18. 18. ストア ビジネスアプリのデータアクセス • • • • • • • • • • • • • • a • • • • • • • • •
  19. 19. http://msdn.microso ft.com/ja- jp/library/windows/a pps/hh465029.aspx http://code.msdn.mic rosoft.com/windowsa pps/Authenticate- Account-827dd37b
  20. 20. 中断、再開、アクティブ化の処理 http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130647.aspx
  21. 21. 中断、再開、アクティブ化の処理
  22. 22. • アプリが中断された時点でアプリケーションデータを保存 • 必要に応じて、保存済みのアプリケーション データを使って アプリを復元 • Microsoft.Practices.Prism.StoreApps ライブラリで提供される MvvmAppBase クラス、VisualStateAwarePage クラス、 RestorableState カスタム属性を使って、ビューとビュー モデ ルはそれぞれに関連する状態を保存し、復元できる 中断、再開、アクティブ化の処理
  23. 23. Demo 中断、再開、 アクティブ化の処理
  24. 24. 疎結合コンポーネント間の通信 http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130639.aspx
  25. 25. 疎結合コンポーネント間の通信 Microsoft.Practices.Prism.PubSubEvents
  26. 26. Demo http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130644.aspx
  27. 27. ユーザー入力の検証 http://msdn.microsoft.com/ja-jp/library/windows/apps/xx13659.aspx
  28. 28. • クライアント側での検証を行うために、 Microsoft.Practices.Prism.StoreApps ライブラリ内にある ValidatableBindableBase クラスからモデルクラスを派生させる • プロパティに DataAnnotation 属性を追加することで、モデル プロパティの検証規則を指定 • ValidatableBindableBase.ValidateProperties メソッドを呼び出し、 ValidationAttribute 属性から派生する属性を持つ モデルオブジェクトのすべてのプロパティを検証
  29. 29. Demo http://msdn.microsoft.com/ja-jp/library/windows/apps/xx130660.aspx
  30. 30. Windows ストア ビジネスアプリ を Prism for Windows Runtime を用いて で開発すると シンプルに明確に開発できます! 本セッションの目的 ・http://slideshare.net/shosuz にスライド公開 ・MSDN Blog (http://blogs.msdn.com/b/shosuz )にデモの詳細解説 & ソースコードをリンク
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×