DevMovKai HybridApps with Microsoft Platform

Transcript

1. でぶもぶ会 クロスプラットフォームアプリ開発のすすめ Hybridアプリ編 1 Copyright 2014 MITSUI KNOWLEDGE INDUSTRY CO., LTD. All rights Reserved. R&D部 萩野 泰士
2. 2 no silver bullet Native iOS: Objective-C/Swift, Xcode Native Android: Java, Android Studio/Eclipse Hybrid: HTML5/JS(PhoneGap, Monaca, Sencha Touch) Others: JavaScript(Titanium), ActionScript(Flash/AIR)
3. 3 ハイブリッドアプリケーション開発 Visual Studio Tools for Apache Cordova
4. 4 Visual Studio Tools for Apache Cordova Cordovaってなに？
5. 5 Visual Studio Tools for Apache Cordova カナダのコルドバ通り？ 元々CordovaはNitobi社がPhoneGapという名で開発 AdobeがNitobi社を吸収 AdobeはPhoneGapをApache Foundationへ寄贈 ApacheではCordovaと言う名を付与し現在に至る Nitobi社の前の通りが、コルドバ通りだったから、です！
6. Cordova • オープンソースフレームワーク • Webアプリをネイティブラッパーで • Android + iOS は webview を利用 • Windows は WWAhost を利用 • 全てのターゲットに、単一JavaScript コードベースでデプロイ • 共通JavaScript APIを全デバイスで利 用可能なプラグイン Native Wrapper <webview> Your JavaScript App Cordova Plugin JS API Visual Studio Tools for Apache Cordova 6
7. Way back machine: 2010 43% 64% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% Time Spent in Apps vs. Browser Apps Web 7 Visual Studio Tools for Apache Cordova
8. Apps dominate the mobile web 80% 86% 20% 14% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% 2013 2014 Time Spent in Apps vs. Browser Apps Web 8 Visual Studio Tools for Apache Cordova
9. 9 つまりネイティブアプリ優勢？
10. 10 no silver bullet Native iOS: Objective-C/Swift, Xcode Native Android: Java, Android Studio/Eclipse Hybrid: HTML5/JS(PhoneGap, Monaca, Sencha Touch) Others: JavaScript(Titanium), ActionScript(Flash/AIR)
11. 11 Visual Studio Tools for Apache Cordova Objectiv-C / Swift が書ける人 Java が書ける人 HTML5+CSS3+JS が書ける人 X-Code eclipse Visual Studio Cordova環境 Hybrid Apprications Xamarin C# / VB が書ける人
12. 12 Visual Studio Tools for Apache Cordova Cordovaで出来る事
13. 13 Visual Studio Tools for Apache Cordova How does Cordova work? • HTML, CSS, JS, assets • Configuration • HTML, CSS, JS, assets • HTML, CSS, JS, assets • HTML, CSS, JS, assets
14. 14 Visual Studio Tools for Apache Cordova  WinRTへのダイレクトアクセスは、プラットフォーム固有のコードと、コーディングを 容易にするプラグインを提供  ネイティブモデルのホストをサポート  Webスタンダードロードマップに準拠  Cordovaアプリのembeddedをサポート  JavaScriptライブラリ各種と好きなパターンファイルを利用可能。SafeHTML は Windows 10で問題解決される  主要な25のプラグインをサポート  WinJSはモバイルプラットフォーム上で、タッチ操作とキーボードフレンドリーなコン トロールを提供。WinJSはAngular、Bootstrap、そして他のいくつかのライブラリと一 緒に利用可能。 Cordova Windows 10 Platform
15. 15 Visual Studio Tools for Apache Cordova Cordova Windows 10 platform now available for prototyping!
16. 16 Visual Studio Tools for Apache Cordova 何を用意すれば良い？
17. 17 Visual Studio Tools for Apache Cordova
18. 18 Visual Studio Tools for Apache Cordova You need… Windows 10 Technical Preview 2 Visual Studio 2015 RC Cordova Windows 10 Platform Prototype (optional) For help.. https://aka.ms/cordova-docs https://aka.ms/cordova-samples https://aka.ms/cordova-tutorials How do I try it out?
19. 19 Good Luck C
20. 20 PROFILE 萩野 泰士 （HAGINO Taiji） 三井情報株式会社 R&D部 ITイノベーション室 業界：流通／小売、アミューズメント 担当：モバイル、フロントエンド、Web、デザイン taipon.rock @taipon_rock