PhoneGap Introduction

ADOBE PHONEGAP
WEB標準によるモバイルアプリの開発

1

12年11月19日月曜日

KEISUKE TODOROKI
DEVELOPER MARKETING SPECIALIST, ADOBE


Adobe & HTML
http://html.adobe.com/jp
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.


複数プラットフォーム

それぞれのソースコードが必要（開発リソース↑）

Objective-C Java NDK J2ME C# C++ C++ C/C++


複数プラットフォーム

1つのコードベースで対応（コストパフォーマンス↑）

Objective-C Java NDK J2ME + C# + C++ C++ C/C++


モバイルアプリ
モバイルサイト


モバイルアプリ
ネイティブアプリとして
モバイルサイトパッケージ
デバイス機能にアクセス

PhoneGap is a Wrapper

HTML / CSS / JavaScriptをラッピング

Native Shell Native Shell Native Shell Native Shell Native Shell Native Shell Native Shell

WebView WebView WebView WebView WebView WebView WebView


PhoneGap is a Bridge

OS固有の機能を共有API（JavaScript）でブリッジ

JavaScript

OS


PhoneGap is a Bridge

OS固有の機能を共有API（JavaScript）でブリッジ

JavaScript
加速度センサーオーディオ
カメラネットワーク
OS
コンパスアラート通知
連絡帳サウンド通知
ファイルアクセスバイブレーション
GPS ストレージ


カメラAPI
navigator.camera.getPicture(onSuccess, onFail,
{ quality: 50,
destinationType: Camera.DestinationType.FILE_URI });

function onSuccess(imageURI) {
var image = document.getElementById('myImage');
image.src = imageURI;
}

function onFail(message) {
alert('Failed because: ' + message);
}



PhoneGap API Explorer



プラグイン（機能拡張）

強力なコミュニティによるプラグイン集
§ バーコードリーダー § 外部スクリーン

§ アプリ内ブラウザ表示 § アプリ内課金

§ iAd § デバイスからの通知

§ アプリケーション設定
§ プッシュ通知

§ スクーンショット
§ カレンダー

§ …
§ …

https://github.com/phonegap/phonegap-plugins

PhoneGap Apps



BBC Olympics


Wikipedia Mobile


UNTAPPD


Salesforce.com Logger


SC Insight (Adobe)


他のフレームワークと組み合わせることが可能

UI

Architecture

DOM

Full stack Custom stack


Apache Cordova & Adobe PhoneGap


PhoneGap Services
BUILD | EMULATE | DEBUG



build.phonegap.com

• PhoneGap Build
• 開発に必要なツールキット（SDK）は全てクラウド上に



それぞれの開発環境とSDK…

+ +

ipa apk OTA xap wgz ipk


それぞれの開発環境とSDK…

+ +

PhoneGap Build

ipa apk OTA xap wgz ipk


emulate.phonegap.com



debug.phonegap.com



HTML5 特設サイト
http://adobe-html5.jp


Adobe Developer Connection [ADC]
Web技術ポータルサイト
http://www.adobe.com/jp/devnet/


ADC OnAir
Web技術USTREAM番組
http://onair.adclounge.jp


CREATE THE WEB TOUR
Edge AnimateからCode、PhoneGap、Inspectなど
紹介するイベント。全セッション録画公開中。
http://adobe.ly/adcmeetup06


PhoneGap Introduction

Recommended

Recommended

More Related Content

Similar to PhoneGap Introduction

Similar to PhoneGap Introduction (20)

More from Keisuke Todoroki

More from Keisuke Todoroki (18)

PhoneGap Introduction