visual studio を使用した cordova 開発

14
Visual Studio を使用した Cordova 開発

Upload: osamu-monoe

Post on 18-Jul-2015

1.248 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: Visual Studio を使用した Cordova 開発

Visual Studio を使用したCordova 開発

Page 2: Visual Studio を使用した Cordova 開発

Visual Studio とは?~マイクロソフトの開発製品 “Suite” ~

• Professional

• Ultimate

• Premium• Community ( )

Page 3: Visual Studio を使用した Cordova 開発

Visual Studio 2013 HTML5~ Update 2 からの大幅な機能強化 ~

2013

ユニバーサルアプリ

ネイティブアプリ

Web ストア アプリ Windows Phone XBOX

iOS

Visual Studio Tools

for Apache Cordova

Page 4: Visual Studio を使用した Cordova 開発

Visual Studio 2013 HTML5~ Web、デバイス、プラットフォームの全方位 ~

Web

クロスデバイス

Update 4

クロスプラットフォーム

iOS

Page 5: Visual Studio を使用した Cordova 開発

Visual Studio Tools for Apache Cordova

Page 6: Visual Studio を使用した Cordova 開発

Visual Studio Tools for Apache Cordova ~iOS、Android 向けのアプリを開発~

CSS | HTMLJavaScript | TypeScript

iOS

Visual Studio Tools

for Apache Cordova

Update 4

•Windows 8.1• Update 3 からは Windows 7も

•Visual Studio 2013

Page 7: Visual Studio を使用した Cordova 開発

マルチデバイスハイブリットアプリが提供する機能

~ シームレスな開発環境構築とデバッグ機能 ~

> 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 が必要

Page 8: Visual Studio を使用した Cordova 開発

Visual Studio Tools for Apache Cordova を使用するメリット

• Cordova 開発環境の構築が簡単• ランタイム、SDK、環境変数の設定等• 単一のセットアッププログラムを

走らせるだけ

• HTML5 関連の豊富な開発支援機能

Page 9: Visual Studio を使用した Cordova 開発

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

Page 10: Visual Studio を使用した Cordova 開発

Web ~ フロントエンド開発に特化 ~

Web Essentials 2013 for Update 4

CoffeeScript

Markdown

LESSSASS(SCSS)

Browser Link

Binding

Custom Editors

HTML

Style sheets

JavaScript

Page 11: Visual Studio を使用した Cordova 開発
Page 12: Visual Studio を使用した Cordova 開発

2013 ♥

iOS

Page 13: Visual Studio を使用した Cordova 開発

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

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

Page 14: Visual Studio を使用した Cordova 開発