Microsoft Architect Forum 2013Enterprise Windows 8 開発- 今やるWindows ストアLOB アプリ開発のための設計手法鈴木 章太郎テクニカルエバンジェリスト日本マイクロソフト株式会社中田 光...
Microsoft Architect Forum 2013新しい時代の Microsoft の Vision -Devices + Services今までも、これからもひき続き「ひと」中心のコンピューティング実現のために
Microsoft Architect Forum 2013本日お持ち帰りいただきたいこと Windows ストア LOB アプリに求められるもの MVVM(Model-View-ViewModel)の考え方 社内外のデータソースの選択肢...
アジェンダ
Windows アプリの分類デスクトップアプリWindows ストアアプリWindows ストアアプリ デスクトップアプリケーション
Microsoft Architect Forum 2013ストアアプリの企業導入に伴う課題既存アプリケーションとの住み分けアプリケーション化のターゲット開発リソース確保、技術研修配布の方法
百貨店の店舗用商品カタログのフロー例SharePoint Sitehttp://sharepoint/urlsearchBrowse PageSite Actions usernameParent > Parent > Current Page...
Microsoft Architect Forum 2013データソースとしての選択肢の選定データベースとの接続(特に SQLServer)社内のコンテンツサーバークラウド上のコンテンツサーバークラウドや公開されたサービスとの連携WCF Dat...
Microsoft Architect Forum 2013ストアアプリ Grid テンプレートやMVVM (Model-View-ViewModel) の利用 階層型ページ遷移で画面を活用 ユーザーに適切な情報を提供 画面に必要なコンテ...
Microsoft Architect Forum 2013Windows ストア LOB アプリ適用シナリオ文書 画像 添付ファイルSharePoint Server 2010ユーザー文書 画像 添付ファイルOffice 365/Share ...
Microsoft Architect Forum 2013MVVM とは アーキテクチャーパターン John Gossman(WPF チーム)により提唱 MVC パターンのバリエーション Martin Fowler の “Presen...
Microsoft Architect Forum 2013Adventure Works RI のご紹介 CodePlex に公開された MVVMフレームワーク Prism 4.5 の一部を利用 C# / XAML に特化 Windo...
DemoWindows Store Business AppsGuidance using Prism forWindows Runtimehttp://prismwindowsruntime.codeplex.com
Microsoft Architect Forum 2013MVVM のメリット 関心の分離ができる メンテナンスしやすくなる Code 内を可視化しやすい View 変更に影響受けない テストしやすくなる 単体テスト、XAML 活...
Microsoft Architect Forum 2013MVVM のデメリット 標準モデルは存在しない• Grid テンプレート自体、独自の “MVVM” モデルを持つ シンプルな UI にはMVVM はオーバースペック 多くのコード...
Microsoft Architect Forum 2013Grid テンプレートにおける MVVM データバインドで使用するデータクラスの基底クラス BindableBase を継承したデータモデル 実際に表示するデータはここで定義され...
Microsoft Architect Forum 2013SharePoint Server 2010 連携シナリオ 社内ニュース配信各種社内ニュースを表示カテゴリー別ニュースを表示ニュース詳細を表示スタートスクリーンに最新ニュースを表示
Microsoft Architect Forum 2013アーキテクチャ概要 SharePointリスト、ドキュメントライブラリを利用してクライアントへニュースを配信21ニュース 画像 添付ファイルSharePoint Server管理者ア...
Microsoft Architect Forum 2013Office 365/SharePoint 2013 連携シナリオ 商品カタログ配信各種社内ニュースを表示カテゴリー別ニュースを表示ニュース詳細を表示スタートスクリーンに最新ニュース...
Microsoft Architect Forum 2013アーキテクチャ概要管理者アップロードニュース登録ツール25メタ情報 画像SharePoint Onlineユーザー SharePointリスト、ドキュメントライブラリを利用してクライ...
Microsoft Architect Forum 2013Windows Azure 連携シナリオ オンライン楽器ストアアプリ各商品を表示 タイトルを編集 詳細情報編集、削除可能スタートスクリーン 全商品表示(Hub) 一覧・登録(Sect...
Microsoft Architect Forum 2013アーキテクチャー概要Windows ストアアプリ・店舗管理者用 - 編集・登録・一般ユーザー用 - 閲覧・購入・プッシュ通知(Mobile Services)・メール(SendGrid...
Microsoft Architect Forum 2013まとめ Windows ストア LOB アプリに求められるもの MVVM(Model-View-ViewModel)の考え方 社内外のデータソースの選択肢とその利用方法 Win...
Microsoft Architect Forum 2013リソース Windows ストア アプリ開発用テンプレート http://msdn.microsoft.com/ja-jp/jj556277.aspx Windows アプリ ア...
(株)デジタル アドバンテージ主催、日本マイクロソフト(株) 他 エンジニアリング企業協賛 Not “How-to” . . . コンセプトは、ハイ・レベルで Hot なテーマをわかりやすく ! (アーキテクト向) 本日、コンテンツ公開開始...
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps
Upcoming SlideShare
Loading in …5
×

MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps

1,829 views

Published on

Windows ストア アプリから企業内外のデータ ソースにアクセスするための技術的な選択肢について考察し、Windows Azure や SharePoint との連携について実際の実装例をご紹介します。また、MVVM (Model-View-ViewModel) フレームワーク の考え方と Windows ストア アプリへの適用をご紹介したうえで、実際に複数のデータ ソースをモデルとして追加し、それぞれ Windows デスクトップ アプリや Web サイト等情報を作成するアプリケーションと情報を消費するストア アプリ、双方からの利用シナリオをご紹介します。

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

No Downloads
Views
Total views
1,829
On SlideShare
0
From Embeds
0
Number of Embeds
664
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

MAF2013 Enterprise Windows 8 – Architecture for rapid development of WinRT apps

  1. 1. Microsoft Architect Forum 2013Enterprise Windows 8 開発- 今やるWindows ストアLOB アプリ開発のための設計手法鈴木 章太郎テクニカルエバンジェリスト日本マイクロソフト株式会社中田 光昭シニアコンサルタント日本マイクロソフト株式会社
  2. 2. Microsoft Architect Forum 2013新しい時代の Microsoft の Vision -Devices + Services今までも、これからもひき続き「ひと」中心のコンピューティング実現のために
  3. 3. Microsoft Architect Forum 2013本日お持ち帰りいただきたいこと Windows ストア LOB アプリに求められるもの MVVM(Model-View-ViewModel)の考え方 社内外のデータソースの選択肢とその利用方法 Windows Azure 連携 アプリ開発の方法
  4. 4. アジェンダ
  5. 5. Windows アプリの分類デスクトップアプリWindows ストアアプリWindows ストアアプリ デスクトップアプリケーション
  6. 6. Microsoft Architect Forum 2013ストアアプリの企業導入に伴う課題既存アプリケーションとの住み分けアプリケーション化のターゲット開発リソース確保、技術研修配布の方法
  7. 7. 百貨店の店舗用商品カタログのフロー例SharePoint Sitehttp://sharepoint/urlsearchBrowse PageSite Actions usernameParent > Parent > Current PagePage TitleThis Site: site searchLibrariesSite PagesSharedDocumentsDrop OffLibraryCustomlibraryCurrent PagePage One Page Two7:37 AMマスター情報を取得商品情報を検索マスター情報を検索画像 URLを検索画像 URLを取得画像 URLを含む商品情報を取得画像情報をリクエスト画像情報を返すXML-RPCRESTREST
  8. 8. Microsoft Architect Forum 2013データソースとしての選択肢の選定データベースとの接続(特に SQLServer)社内のコンテンツサーバークラウド上のコンテンツサーバークラウドや公開されたサービスとの連携WCF DataServicesSharePointServer2010/2013Office 365ASP.NETWeb API、MobileServices
  9. 9. Microsoft Architect Forum 2013ストアアプリ Grid テンプレートやMVVM (Model-View-ViewModel) の利用 階層型ページ遷移で画面を活用 ユーザーに適切な情報を提供 画面に必要なコンテンツのみ表示 MVVM の積極的採用MVVM (Model-View-ViewModel)サンプル実装Contoso TravelFeatured destinations Last minute deals7 night Alaska CruiseLast Minute DealsFeatured destinationsBarcelona,SpainLast Minute Deals7 Night Alaska CruiseOcean View CabinsUpgrade from an inside cabin andsave $43/night/person!Picture windows with ocean and portviewsFrom $2,099 — only$150/night/person based on doubleoccupancySuitesUpgrade from an inside cabinand save $43/night/person!Picture windows with oceanand port viewFrom $2,099 — only$150/night/person doMy Trips Weather7 daysChicago (3/11 – 3/19)Today54/43Mostly SunnyToday54/43Mostly SunnyToday54/43Mostly SunnyToday54/43Mostly SunnyToday54/43Mostly SunnyAttractionsMy TripsFeatured DestinationsTop Destinations for 2012Barcelona, SpainMy Trips City GuideCity GuideWindows ストアアプリGrid テンプレート
  10. 10. Microsoft Architect Forum 2013Windows ストア LOB アプリ適用シナリオ文書 画像 添付ファイルSharePoint Server 2010ユーザー文書 画像 添付ファイルOffice 365/Share Point 201311WindowsAzureWebsitesWindowsAzureBLOBWindowsAzureSQLDatabaseWindows Azureユーザー
  11. 11. Microsoft Architect Forum 2013MVVM とは アーキテクチャーパターン John Gossman(WPF チーム)により提唱 MVC パターンのバリエーション Martin Fowler の “PresentationModel pattern” に類似 XAML のデータバインディングとコマンディングを基礎に稼働デザイナー担当 開発者が担当ViewViewModelModelUI、XAMLロジック、状態データソース
  12. 12. Microsoft Architect Forum 2013Adventure Works RI のご紹介 CodePlex に公開された MVVMフレームワーク Prism 4.5 の一部を利用 C# / XAML に特化 Windows ストア LOB アプリ開発のために最適化 設定・検索チャーム 各フレームへの遷移 バリデーション その他順次追加予定http://prismwindowsruntime.codeplex.com/
  13. 13. DemoWindows Store Business AppsGuidance using Prism forWindows Runtimehttp://prismwindowsruntime.codeplex.com
  14. 14. Microsoft Architect Forum 2013MVVM のメリット 関心の分離ができる メンテナンスしやすくなる Code 内を可視化しやすい View 変更に影響受けない テストしやすくなる 単体テスト、XAML 活用 C#/XAML フレームワーク自体が MVVM をサポート データバインディング/ INotifyPropertyChanged /データコンテキスト/Observable パターンData ModelViewXAML分離コードView ModelState +OperationsChangeNotificationData-bindingand commands
  15. 15. Microsoft Architect Forum 2013MVVM のデメリット 標準モデルは存在しない• Grid テンプレート自体、独自の “MVVM” モデルを持つ シンプルな UI にはMVVM はオーバースペック 多くのコードが必要 INotifyPropertyChanged Grid テンプレートのBindableBase Commands 等Data ModelViewXAML分離コードView ModelState +OperationsChangeNotificationData-bindingand commands
  16. 16. Microsoft Architect Forum 2013Grid テンプレートにおける MVVM データバインドで使用するデータクラスの基底クラス BindableBase を継承したデータモデル 実際に表示するデータはここで定義される データの定義、読み込み動作などのサンプルが記述されている¥Common¥BindableBase.cs INotifyPropertyChanged を実装¥DataModelSampleDataModel.cs バインディングで使用するデータモデルのサンプル
  17. 17. Microsoft Architect Forum 2013SharePoint Server 2010 連携シナリオ 社内ニュース配信各種社内ニュースを表示カテゴリー別ニュースを表示ニュース詳細を表示スタートスクリーンに最新ニュースを表示
  18. 18. Microsoft Architect Forum 2013アーキテクチャ概要 SharePointリスト、ドキュメントライブラリを利用してクライアントへニュースを配信21ニュース 画像 添付ファイルSharePoint Server管理者アップロードニュース登録ツールユーザーデスクトップアプリWeb
  19. 19. Microsoft Architect Forum 2013Office 365/SharePoint 2013 連携シナリオ 商品カタログ配信各種社内ニュースを表示カテゴリー別ニュースを表示ニュース詳細を表示スタートスクリーンに最新ニュースを表示
  20. 20. Microsoft Architect Forum 2013アーキテクチャ概要管理者アップロードニュース登録ツール25メタ情報 画像SharePoint Onlineユーザー SharePointリスト、ドキュメントライブラリを利用してクライアントへ商品カタログを配信デスクトップアプリWeb
  21. 21. Microsoft Architect Forum 2013Windows Azure 連携シナリオ オンライン楽器ストアアプリ各商品を表示 タイトルを編集 詳細情報編集、削除可能スタートスクリーン 全商品表示(Hub) 一覧・登録(Sections)個別商品表示・編集(Details)
  22. 22. Microsoft Architect Forum 2013アーキテクチャー概要Windows ストアアプリ・店舗管理者用 - 編集・登録・一般ユーザー用 - 閲覧・購入・プッシュ通知(Mobile Services)・メール(SendGrid)29EntityFrameworkSQL DatabaseWindows AzureWeb サイトWindows AzureWindows AzureWebsitesWindows AzureSQL DatabaseWindows AzureStorage (BLOB)画像文字数値ASP.NET Web APIEntityFrameworkドメインモデル店舗管理者一般ユーザーGridテンプレートGet/Post/Put/DeleteJSONRESTCodeFirstサイドローディングWindowsストア
  23. 23. Microsoft Architect Forum 2013まとめ Windows ストア LOB アプリに求められるもの MVVM(Model-View-ViewModel)の考え方 社内外のデータソースの選択肢とその利用方法 Windows Azure 連携 アプリ開発の方法32
  24. 24. Microsoft Architect Forum 2013リソース Windows ストア アプリ開発用テンプレート http://msdn.microsoft.com/ja-jp/jj556277.aspx Windows アプリ アートギャラリー http://msdn.microsoft.com/ja-jp/hh544699 Adventure Works RI http://prismwindowsruntime.codeplex.com/ SharePoint Online/Windows Azure 開発関連技術情報 http://blogs.msdn.com/b/tsmatsuz/ ストア LOB アプリ/Windows Azure 開発関連技術情報 http://blogs.msdn.com/b/shosuz/33
  25. 25. (株)デジタル アドバンテージ主催、日本マイクロソフト(株) 他 エンジニアリング企業協賛 Not “How-to” . . . コンセプトは、ハイ・レベルで Hot なテーマをわかりやすく ! (アーキテクト向) 本日、コンテンツ公開開始 !6月8日(土) キックオフ・イベント実施予定

×