1

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

12年11月19日月曜日

DEVELOPER MARKETING SPECIALIST, ADOBEKEISUKE TODOROKI

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Adobe & HTMLhttp://html.adobe.com/jp

12年11月19日月曜日

複数プラットフォーム

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

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

12年11月19日月曜日

複数プラットフォーム

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

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

12年11月19日月曜日

モバイルサイト

モバイルアプリ

12年11月19日月曜日

ネイティブアプリとしてパッケージ

デバイス機能にアクセス

モバイルサイト

モバイルアプリ

12年11月19日月曜日

モバイルサイト

モバイルアプリ

12年11月19日月曜日

PhoneGap is a Wrapper

Native Shell

WebView

Native Shell

WebView

Native Shell

WebView

Native Shell

WebView

Native Shell

WebView

Native Shell

WebView

Native Shell

WebView

HTML / CSS / JavaScriptをラッピング

12年11月19日月曜日

PhoneGap is a Bridge

JavaScript

OS

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

12年11月19日月曜日

PhoneGap is a Bridge

JavaScript

OS

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

12年11月19日月曜日

PhoneGap is a Bridge

JavaScript

OS

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

加速度センサーカメラコンパス連絡帳ファイルアクセスGPS

オーディオネットワークアラート通知サウンド通知バイブレーションストレージ

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

カメラAPInavigator.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);}

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

PhoneGap API Explorer

12年11月19日月曜日

プラグイン（機能拡張）

§バーコードリーダー§アプリ内ブラウザ表示§ iAd

§アプリケーション設定§スクーンショット§…

h!ps://github.com/phonegap/phonegap-plugins

§外部スクリーン§アプリ内課金§デバイスからの通知§プッシュ通知§カレンダー§…

強力なコミュニティによるプラグイン集

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

PhoneGap Apps

12年11月19日月曜日

BBC Olympics

12年11月19日月曜日

Wikipedia Mobile

12年11月19日月曜日

UNTAPPD

12年11月19日月曜日

Salesforce.com Logger

12年11月19日月曜日

SC Insight (Adobe)

12年11月19日月曜日

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

DOM

Architecture

UI

Full stack Custom stack

12年11月19日月曜日

Apache Cordova & Adobe PhoneGap

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

PhoneGap ServicesBUILD | EMULATE | DEBUG

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

build.phonegap.com

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

12年11月19日月曜日

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

ipa apk OTA xap wgz ipk

+ +

12年11月19日月曜日

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

PhoneGap Build

ipa apk OTA xap wgz ipk

+ +

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

emulate.phonegap.com

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

debug.phonegap.com

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Adobe & HTMLhttp://html.adobe.com/jp

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

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

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Adobe Developer Connection [ADC]Web技術ポータルサイト

http://www.adobe.com/jp/devnet/12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

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

12年11月19日月曜日

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

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

12年11月19日月曜日

12年11月19日月曜日