Visual Studio with Cordova クロスプラットフォーム開発の全貌

Transcription

1 Visual Studio with Cordova

2 Visual Studio 2015 Apache Cordova Cordova for Visual Studio Monaca for Visual Studio

3

4

5 Σ = ( ) 各種アプリをサービス化しクラウドで束ねて付加価値を最大化

6 モビリティの重要性 ~ 業務のスピードを上げ 機会獲得を増やす ~ 潜在顧客獲得 機会獲得 情報共有 意思決定 Speed Up

7 モビリティを取り巻く状況 MEAP(MADP) 3 つ以上のモバイルアプリ 3 つ以上のモバイル OS 3 つ以上のバックエンド MCAP BtoC BtoB BYOD BtoE Inverse-BYOD mbaas BOID GOID MDM

8 Web アプリとブラウザーで費やされた時間 100% 90% 80% 70% 60% 20% 14% 50% 40% 30% 80% 86% 20% 10% 0% Apps Web

9 Visual Studio ネイティブ ハイブリッド

10 ハイブリッド コンテンツを Web ビューでラップ 手早い開発と展開 豊富なライブラリ ネイティブ 完全にネイティブのバイナリ 高パフォーマンス ネイティブ API の直接利用

11

12 Cordova JS Web View ネイティブラッパー <webview> JavaScript App Cordova プラグイン JS API JS

13 Cordova Windows Desktop/tablet Phone Windows 8 Platform 対象 Windows 8 ローカルコンテキストの WWA でホスト Windows 7 Platform サポートされない Widows Phone 7.5 Platform 非推奨 Windows Phone 8 Platform Silverlight アプリは webview Summer 2014 Phase 0 Phase 1 Windows 8.1 Platform 対象 Windows 8.1 & Windows Phone 8.1 ローカルコンテキストの WWA でホスト 引き続き Windows 8 も対象 Windows Phone 8 Platform Silverlight アプリは webview Win10 RTM Phase 2 Windows Platform 対象 Universal Windows Platform リモート ( 既定 ) またはローカルモード (config.xml で設定 ) の WWA Embedded Cordova もサポート Windows Phone 8 Platform Cordova コミュニティが使用率が低いと判断するまで Xbox/Hub Windows 8, 8.1, と WP8.1 も引き続きターゲットとする

14 Visual Studio 2015 Apache Cordova 2 標準機能 プラグイン Apache Cordova for Visual Studio Monaca for Visual Studio

15 Apache Cordova for Visual Studio ~Visual Studio 2015 Cordova ~ インストーラー シミュレータープラグインの管理 Black Box

16 Apache Cordova for Visual Studio が提供する機能 Android 2.33+(4.4 ) ios 6, 7, 8 Windows 8, 8.1 Windows Phone 8, 8.1 > 4.4 : 〇 < 4.4 : ios : : 〇 (Hyper-V &Ripple) ios : 〇 (Ripple) : 〇 (Hyper-V) : 〇 ios : : 〇 Store 8, 8,1 Phone 8.1 Phone 8 : 〇 : ios アプリのビルドには Mac が必要

17

18 Monaca for Visual Studio ~ クラウドを活用した Cordova 開発環境 ~ 構成管理 デバッグ ビルド バックエンド モバイル UI デバイス API サービス連携 専用デバッガーによる実機テスト ios, Android, Windows に対応 Microsoft Azure との連携 高パフォーマンス Onsen UI

19 Monaca+Cordova の主な特徴 ワンソースで 3 プラットフォームに対応 セキュリティ対策済みの WebView HTML5 や JS プログラムの暗号化 アプリの自動アップデート機能 Visual Studio の強力な開発支援機能 Mac 不要の ios 開発 デバッグ ビルド Microsoft Azure Git TFS との親和性 日本語ドキュメント / インタフェース

20

21 Apache Cordova for Visual Studio と Monaca for Visual Studio Apache Cordova for Visual Studio Monaca for Visual Studio インストールローカルクラウド ( 一部ローカル ) コンパイルローカルクラウド エディタ Visual Studio IDE Visual Studio IDE / Web デバッガ Apache Ripple/Hyper-V (ios 除く ) Monaca デバッガ パッケージ Android, Windows 8.x, Windows Phone 8.x Android, ios, Windows 8.x, Windows Phone 8.x 使用料無償一部有償

22 UI ~HTML5 UI ~

23 Windows Library for JavaScript (WinJS) ~HTML5 アプリケーションを開発するためのフレームワーク WinJS winjs/winjs

24 WinJS Promise モデル ( 非同期 ) スケジューラー XHR (HTTP リクエスト ) データバインドバインドテンプレートフラグメントナビゲーション

25 WinJS 1 ~ Preview WinJS 2.0 with Windows 8.1 WinJS Xbox 1.0 with Xbox One WinJS Phone 2.1 with Windows Phone 8.1 WinRT との依存関係解消 Web ブラウザーで動作可能に デスクトップとモバイルブラウザー モジュール化 最適化された Minify ユニバーサルコントロール 既存コントロールの更新 AngularJS ディレクティブ

26 WinJS 4.0 レスポンシブなコントロール さまざまな入力デバイスに対応 AngularJS 用のラッパー

27 Tr y WinJS

28 ~ アプリ開発に集中するための HTML5 フレームワーク

29

30 Onsen UI の特徴 各 OS のデザイン基準に適合 アプリ開発フレームワーク 高いカスタマイズ性

31 Custom Elements ~ すべてのコンポーネントはタグ化

32 Onsen UI を学ぼう

33 その他 HTML5 JavaScript hosted

34

35 まとめ

36 Day 1 場所 ID タイトル 14:45 Room C WIN-001 Windows 10 アプリ開発解説 Part 1 ~ 基礎編 ~ 16:05 Room B DEV-001 Visual Studio 2015 ~ 広がるアプリ開発の可能性と統合開発環境の進化 ~ 17:25 Room A DEV-004.NET 2015 概要 ~クロスプラットフォーム対応とオープン化 ~ 17:25 Room D WIN-012 Windows 10 アプリ開発解説 Part 1 ~ 応用編 ~ Day 2 場所 ID タイトル 9:30 Room D WIN-009 開発者のための Windows 10 アプリプラットフォーム 10:50 Room G DEV-011 Xamarin.Forms と Web API による実践的クロスデバイス業務アプリケーション開発 13:15 Room B WIN-008 マイクロソフトの Web ブラウザのいままでとこれから 14:35 Room F DEV-016 新サービスAzure App Serviceで変わる新しい Web/ モバイルアプリケーション開発 15:55 Room E MOP-002 ハイブリッドデバイス管理 ~Microsoft Intune~ 18:35 Room B WIN-015 Windows 10 for Phone の全て

37