View
931
Download
0
Category
Preview:
DESCRIPTION
Web標準でモバイルアプリを開発できるAdobe PhoneGapの概要を紹介してます。
Citation preview
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日月曜日
Recommended