Visual Studio 2013 を使用した Cordova 開発のスライドです。

1. Visual Studio を使用した
Cordova 開発
♥

2. Visual Studio とは?
～マイクロソフトの開発製品 “Suite” ～
• Professional
• Ultimate
• Premium
• Community ( )

3. Visual Studio 2013 HTML5
～ Update 2 からの大幅な機能強化 ～
2013
ユニバーサルアプリ
ネイティブ アプリ
Web ストア アプリ Windows Phone XBOX
iOS
Visual Studio Tools
for Apache Cordova
＋

4. Visual Studio 2013 HTML5
～ Web、デバイス、プラットフォームの全方位 ～
Web
クロス
デバイス
Update 4
クロス
プラット
フォーム
iOS

5. Visual Studio Tools for
Apache Cordova

6. Visual Studio Tools for Apache Cordova ～
iOS、Android 向けのアプリを開発 ～
CSS | HTML
JavaScript | TypeScript
iOS
Visual Studio Tools
for Apache Cordova
Update 4
•Windows 8.1
• Update 3 からは Windows 7も
•Visual Studio 2013

7. マルチデバイス ハイブリット アプリが
提供する機能
～ シームレスな開発環境構築とデバッグ機能 ～
> 4.4 : 〇
< 4.4 : ×
iOS : ×
• Android 2.33 & 4+
• iOS 6 ,7 & 8
iOS : ×
: 〇
“ ”
: 〇
iOS : 〇
(※) Apache Ripple
(※1) Windows, Phone 8.1 も
開発可能
(※2) iOS アプリのビルド
には Mac が必要

8. Visual Studio Tools for Apache Cordova を
使用するメリット
• Cordova 開発環境の構築が簡単
• ランタイム、SDK、環境変数の設定等
• 単一のセットアッププログラムを
走らせるだけ
• HTML5 関連の豊富な開発支援機能

9. HTML5 Visual Studio 2013
～ 強化な入力支援機能とデバッガ(基本機能) ～

10. Web
～ フロントエンド開発に特化 ～
Web Essentials 2013 for Update 4
CoffeeScript
Markdown
LESS
SASS(SCSS)
Browser Link
Binding
Custom
Editors
HTML
Style sheets
JavaScript

12. 2013
♥
iOS
♡

13. http://www.microsoft.com/ja-
jp/download/details.aspx?id=44921
http://www.microsoft.com/en-
us/download/details.aspx?id=42675