Download as PDF, PPTX
![Web ブラウザ
Windows 8
デバイスネイティブアプリ [*]
•
•
•
HTML/JavaScript
Android
•
Objective-C
•
iOS
HTML/JavaScript
C#/VB+XAML
C++ + XAML
Java
メリット
•
•
リーチの獲得
配置が容易
•
•
高い操作性
ハードウェア機能の利用
デメリット
•
操作性やハードウェア利用がブ
ラウザ機能に限定
ブラウザの互換性
•
•
アプリとOSとの対応
デバイスへのアプリの配置
•
[*] タブレットアプリとしての比較のため、Windows は WinRT Apps とする
[*] ネイティブアプリを構築するミドルウェアとして、Unity, PhoneGap, Titanium 等がある](https://image.slidesharecdn.com/vs2013multidevice-shosuz-131111221521-phpapp01/85/Vs2013-multi-device-shosuz-15-320.jpg)
![様々な高度なクエリーが実行可能
posts : 読み取り (JavaScript)
function read(query, user, request) {
query.orderByDescending('id');
request.execute({ success:
function(results) {
if (results.length === 0) {
request.respond();
return;
}
var postIds = [];
results.forEach(function(p){
postIds.push(p.id);
});
var sql=
"SELECT posttags.postId, tags. id,
tags.name
FROM posttags,tags
WHERE posttags.postId IN
(";
sql += postIds.join(",");
sql += ")
AND posttags.tagId = tags.id";
console.log(sql);
……](https://image.slidesharecdn.com/vs2013multidevice-shosuz-131111221521-phpapp01/85/Vs2013-multi-device-shosuz-33-320.jpg)
More Related Content
![[DI01] 窓は開かれた! SQL Server on Linux で拡がる可能性](https://cdn.slidesharecdn.com/ss_thumbnails/di01-170605023800-thumbnail.jpg?width=640&height=640&fit=bounds)
![[AC07] 米国マイクロソフト本社で体験したノウハウを伝授！マイクロサービス実行基盤Azure Service Fabricの勘所](https://cdn.slidesharecdn.com/ss_thumbnails/ac07-170602093741-thumbnail.jpg?width=640&height=640&fit=bounds)
![[MW11] OSS on Azure で構築する ウェブアプリケーション](https://cdn.slidesharecdn.com/ss_thumbnails/mw11-170616020924-thumbnail.jpg?width=640&height=640&fit=bounds)
![[SC02] シチュエーション別 Active Directory デザインパターン](https://cdn.slidesharecdn.com/ss_thumbnails/sc02-170614044138-thumbnail.jpg?width=640&height=640&fit=bounds)
![[SC13] ログ管理で向上させるセキュリティ](https://cdn.slidesharecdn.com/ss_thumbnails/sc13-170614044747-thumbnail.jpg?width=640&height=640&fit=bounds)
![[AC09] Azure Stack パート１ ～今知っておくべき開発者/インフラ担当者の最新ハイブリッドクラウドとの向きあい方～](https://cdn.slidesharecdn.com/ss_thumbnails/ac09-170602093747-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DO13] 楽天のクラウドストレージ使いこなし術 Azure と OSS で少しずつ進めるレガシー脱却](https://cdn.slidesharecdn.com/ss_thumbnails/do13-170616023513-thumbnail.jpg?width=640&height=640&fit=bounds)
![[MW04] [Xamarin入門] コード共通化で開発スピードアップ！ AI を活用したクロスプラットフォームアプリを Xamarin で作ってみよう！](https://cdn.slidesharecdn.com/ss_thumbnails/mw04-170616020920-thumbnail.jpg?width=640&height=640&fit=bounds)
![[TL07] エンタープライズ基準で " 丁寧に " .NET Framework のバージョンアップしていくコツ](https://cdn.slidesharecdn.com/ss_thumbnails/tl07-170614050643-thumbnail.jpg?width=640&height=640&fit=bounds)
![[MW06] PaaS を活用した、ハイコストパフォーマンスなウェブサイト構築・運用・メンテナンス](https://cdn.slidesharecdn.com/ss_thumbnails/mw06-170614050053-thumbnail.jpg?width=640&height=640&fit=bounds)
![[MW01] ご注文は Linux + Docker ですか？ Windows だけじゃない App Service を使い切る](https://cdn.slidesharecdn.com/ss_thumbnails/mw01-170614050024-thumbnail.jpg?width=640&height=640&fit=bounds)
![[SC09] パッチ待ちはもう古い！Windows 10 最新セキュリティ技術とゼロデイ攻撃攻防の実例](https://cdn.slidesharecdn.com/ss_thumbnails/sc09-170616054924-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Vs2013 multi device shosuz
![[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発](https://cdn.slidesharecdn.com/ss_thumbnails/20121005javafestaazurew8v5share-121008214558-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に](https://cdn.slidesharecdn.com/ss_thumbnails/sc10-170616054043-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Japan Tech summit 2017] APP 001](https://cdn.slidesharecdn.com/ss_thumbnails/techsummit2017pdfapp001-171115031546-thumbnail.jpg?width=640&height=640&fit=bounds)
Vs2013 multi device shosuz
- 1.
- 2. テクニカルエバンジェリスト http://blogs.msdn.com/b/shosuz MTC アーキテクト http://www.microsoft.com/ja-jp/business/mtc/ads.aspx 呟きネタは主に、Windows、Windows Azure、 WindowsPhone, RIA, HTML5, MVVM, iOS/Android x Windows Azure 連携, Guitar … 等 ASPIC 執行役員 (‘04 ~) Wipse モバイル x クラウド部会長（’11 ~) 2005-2012 早稲田大学大学院非常勤講師、 2008-2010 中央大学非常勤講師、 2013- 東京工業大学非常勤講師 Microsoft 軽音楽部広報担当（Guitar/Keyboard）
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. コンシューマの動向 Minutes on Web Minuteson Apps Dec 2010 Jun 2011 Source: Flurry, ComScore, Alexa Datasource: 総務省 通信利用動向調査(世帯編) 平成23年度報告書 http://www.soumu.go.jp/johotsusintokei/statistics/statistics05.html Dec 2011
- 11. IT 管理者および経営層が考える タブレットの利用用途 最も多い利用用途 接客、営業支援のためのプレゼンテーション 今後、必要な仕様 ① ② ③ ④ 業務に特化したアプリ(LOB) 通信回線 位置情報(GPS) セキュリティ OS への期待(右グラフ) 20% Windows 8 38% Windows 7 12% iPad Android TM 14% OSは気にしない 16% TM 出典: IDC 「 2013 年 国内法人タブレット市場 利用実態調査：Windows 8 タブレ ットを含めたビジネス機会と 2013 年～2017 年の予測」(2013年6月)
- 12.
- 13.
- 14.
- 15. Web ブラウザ Windows 8 デバイスネイティブアプリ[*] • • • HTML/JavaScript Android • Objective-C • iOS HTML/JavaScript C#/VB+XAML C++ + XAML Java メリット • • リーチの獲得 配置が容易 • • 高い操作性 ハードウェア機能の利用 デメリット • 操作性やハードウェア利用がブ ラウザ機能に限定 ブラウザの互換性 • • アプリとOSとの対応 デバイスへのアプリの配置 • [*] タブレットアプリとしての比較のため、Windows は WinRT Apps とする [*] ネイティブアプリを構築するミドルウェアとして、Unity, PhoneGap, Titanium 等がある
- 16. リーチ獲得/容易な配置の Web アプリ コンシューマ向けのネイティブアプリ タブレット業務のためのネイティブアプリ Webブラウザ Windows 8 iOS Android デバイスネイティブアプリ • • • HTML/JavaScript HTML/JavaScript C#/VB+XAML C++ + XAML • Objective-C • Java
- 17.
- 18. ASP.NET Web API WindowsAzure Mobile Services
- 19.
- 20. ・スーパーマーケットのタイムセールを管理する Windows ストアアプリ ・バックエンドサービスはWindows サーバーでも Windows Azure でもほぼ同じコードで配置可能 バックエンドサービス作成 Web サイト （Localhost） Windows ストアアプリ Get/Post/ Put/Delete Internet Information Server (IIS) XAML / C# JSON Code First Windows ストアアプリの作成 Data Adapter の作成 Grid View 追加 XAML 編集による画面作成 アプリバー、CRUD 処理実装 共有コントラクト実装 Entity Framework Grid View バックエンドサービス作成 データモデル作成とデータベース生成 テストプロジェクトの作成とデータの作成 SQL Server Express 文字・数値 データ
- 21.
- 22. プレゼンテーション層 ドメイン層 データ層 RDB public partial classEntry { public virtual int ID { get; set; }
- 23.
- 24. Web ブラウザー及び デスクトップアプリケーションからの ASP.NET WebAPI の利用 DEMO
- 25.
- 26. リモートデータ WCFエンドポイント（SOAP / REST) 従前どおり サービス参照の追加で可能 OData（REST） WCF Data Services で公開（REST, XML/JSON 等ペイロード選択可能） ASP.NET Web API で公開（REST, JSON） Windows Azure Mobile Services（REST, JSON） ローカルデータ IsolatedStorage Windows.Storage, FilePicker SQLite
- 27. XAML / C# Get/Post/ Put/Delete JSON ASP.NET WebAPI var client = new HttpClient(); HttpClient HttpResponseMessage response = await client.GetAsync(“サービスのURI"); await var result = await response.Content.ReadAsStringAsync(); var pictures = JsonArray.Parse(result); // JSONの結果をオブジェクトにバインド …
- 28. Windows 8.1ストアアプリからの ASP.NET WebAPI の利用 DEMO
- 29.
- 30. Windows Azure MobileServices = MBaaS Windows 8 SDK、Windows Phone 8 SDK、 iOS SDK、Android SDK, HTML5 SDK ネイティブ SDK Mobile Services API 認証 データ ロジック Push スケジューラ
- 31. Mobile Services の内実 データアクセス、 プッシュ通知、 認証サポート Windows 8、Windows Phone 8 SDK、 iOS SDK、Android SDK, HTML5 SDK 強力なサーバーサイド スクリプトのサポート プッシュ通知、バリデーション、 プリプロセッシング、 ポストプロセッシング、 他の Web サービスとの連携
- 32.
- 33. 様々な高度なクエリーが実行可能 posts : 読み取り(JavaScript) function read(query, user, request) { query.orderByDescending('id'); request.execute({ success: function(results) { if (results.length === 0) { request.respond(); return; } var postIds = []; results.forEach(function(p){ postIds.push(p.id); }); var sql= "SELECT posttags.postId, tags. id, tags.name FROM posttags,tags WHERE posttags.postId IN ("; sql += postIds.join(","); sql += ") AND posttags.tagId = tags.id"; console.log(sql); ……
- 34. 認証 Microsoft Account、Twitter、 Facebook、GoogleID 等 各 CRUD 操作のテーブルレベルの アクセス許可 iOS http://www.windowsazure.com/jajp/develop/mobile/tutorials/get-started-withusers-ios/ Android http://www.windowsazure.com/jajp/develop/mobile/tutorials/get-started-withusers-android/ ・すべてのユーザー ・アプリケーション キーを持つユーザー ・認証されたユーザーのみ ・スクリプトと管理者のみ サーバー側スクリプトを使用した よりきめ細かい制御 HTML5 http://www.windowsazure.com/jajp/develop/mobile/tutorials/get-started-withusers-html/
- 35. Live Connect ポータル https://account.live.com/developers/applications/index Windowsストアアプリポータル http://msdn.microsoft.com/ja-JP/windows/apps
- 37. 1. チャネル URIを要求 2. クラウド サービスに 登録 3. 認証とプッシュ通知
- 38. Mobile Services in中古楽器店ストアアプリ http://blogs.msdn.com/b/shosuz/ サイド ローディング Windows ストアアプリ ・店舗管理者用 - 編集・登録 Windows ストア ・一般ユーザー用 - 閲覧・購入・ プッシュ通知・メール (Mobile Services) 38 Entity Framework 一般 ユーザー ASP.NET Web API REST JSON Windows Azure Storage (BLOB) 画像 ドメイン モデル Code First Grid テンプレート Get/Post/ Put/Delete Entity Framework 店舗 管理者 WindowsWindows Azure Azure Web サイトWebsites Windows Azure SQL Database 文字 数値 Database SQL Windows Azure
- 40. Visual Studio 2013による Windows Azure Mobile Services 超高速開発 DEMO
- 41.
- 42.
- 43. まとめ NEED IMAGEHERE (original keeps crashing ppt) クラウド時代のマルチデバイス対応の 業務アプリを展開するための バックエンドサービスは簡単に作れる クライアントアプリとして ブラウザー （PC、スマートフォン）及びWindows 8.1 ビジネスストアアプリ等、順次追加 可能
- 44. © 2013 MicrosoftCorporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. このプレゼンテーションは、情報提供のみを目的としています。 Microsoft は、この概要について、明示または暗示を問わず、いかなる保証も行いません。