SlideShare a Scribd company logo
1 of 36
Download to read offline
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall 開発エバンジェリスト、アドビジャパン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
だれだこいつ
@fenomas
§  日本在住歴もFlash歴も十ん年
§  物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々
§  現在の肩書がテクニカルエバンジェリスト
§  興味はデザインとコードをまたぐところ
§  カタコトでゴメンね
§  ゲーム好き、などなど
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
まずは
ハイブリッドアプリ
の開発について。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hybridアプリは箱です。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hybridアプリは箱です。
HTML, JS,
CSS など
ネイティブの
シェルアプリ
(WebViewを実装)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ハイブリッドの
メリットは大きい。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Firefox OS
メリット1:クロスプラットフォーム
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Dreamweaver Muse
メリット2:デザインツールなど
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ツールの入手はCreative Cloudから
creative.adobe.com/
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ハイブリッドの
難点の2つ:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hybridアプリ難点
1.純HTML5からデバイス機能に
 アクセス出来なかったりする
CameraRoll
(または、出来るけどAPIが
デバイス毎に変わる)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hybridアプリ難点
2.プラットフォーム毎に
箱の作り方が変わる
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapとは、
難点を解決してくれる
ハイブリッド開発
フレームワークのこと。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapの由来
iPhoneDevCampで始まった (2009)
ニトビ社にて作られ
アドビ社にて買収され (2011)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapの特徴
無料
オープンソース
(Apache Cordovaとして)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapアプリって
どんなもの?
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
BBC Olympics
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Zombie Jombie
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Untappd
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapアプリ
の開発について
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Webコンテンツから
始めます。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
> sudo npm install
–g cordova
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
> cordova create
appFolder com.hoge.app HogeApp

> cd appFolder
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
箱はこれ!
適当に
上書きしよう。
(後、Firefox OS用の
config.xmlの追加など)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
> cordova platform add firefoxos
> cordova prepare firefoxos
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
FFOSアプリ
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
> cordova platform add android
> cordova run android
ほかに build、install
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
デバイス機能を
使うには
プラグイン使います。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
実機
アプリ (HTML)
プラグイン設計
実機 実機
プラグイン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
実機
アプリ (HTML)
プラグイン設計
実機 実機
navigator.vibrate()
プラグイン
ネイティブAPI
 ネイティブAPI
ネイティブAPI
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
> cordova plugin add
org.apache.cordova.device-motion
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
まとめ:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ご清聴ありがとうございました!
phonegap.com/
html.adobe.com/jp
@fenomas
aphall.com/
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

More Related Content

Similar to PhoneGapでハイブリッド開発 for Firefox OS

HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドHTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドAndy Hall
 
Adobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 CaravanAdobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 CaravanAndy Hall
 
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそうdotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそうAndy Hall
 
PhoneGapの始め方
PhoneGapの始め方PhoneGapの始め方
PhoneGapの始め方akabana
 
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方Andy Hall
 
【U-22】Delphi / C++Builder / RAD Studio 概要
【U-22】Delphi / C++Builder / RAD Studio 概要【U-22】Delphi / C++Builder / RAD Studio 概要
【U-22】Delphi / C++Builder / RAD Studio 概要Kaz Aiso
 
iPhone、Android両対応アプリ開発講座 概論
iPhone、Android両対応アプリ開発講座 概論iPhone、Android両対応アプリ開発講座 概論
iPhone、Android両対応アプリ開発講座 概論Takakuni Furukawa
 
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果Koichiro Sumi
 
Sencha & Delphi Ready Studiy
Sencha & Delphi Ready StudiySencha & Delphi Ready Studiy
Sencha & Delphi Ready StudiyJun Hosokawa
 
組込み技術とモバイル技術
組込み技術とモバイル技術組込み技術とモバイル技術
組込み技術とモバイル技術Tomo Watanabe
 
Flashテクノロジーの今後とあなたの人生とのかかわりについて
Flashテクノロジーの今後とあなたの人生とのかかわりについてFlashテクノロジーの今後とあなたの人生とのかかわりについて
Flashテクノロジーの今後とあなたの人生とのかかわりについてTeiichi Ota
 
120829atechhills3flashfinal 120829215733-phpapp01
120829atechhills3flashfinal 120829215733-phpapp01120829atechhills3flashfinal 120829215733-phpapp01
120829atechhills3flashfinal 120829215733-phpapp01Chris Brownlee
 
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演Monaca
 
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )Masayuki Abe
 
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方Teiichi Ota
 
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発hmimura_embarcadero
 
ネイティブ機能を利用する Webアプリの実例 ~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用する Webアプリの実例 ~PhoneGap×Rails~Daisuke Futatsumori
 
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1Hiroki Toyokawa
 
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!hmimura_embarcadero
 

Similar to PhoneGapでハイブリッド開発 for Firefox OS (20)

HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドHTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライド
 
Adobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 CaravanAdobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 Caravan
 
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそうdotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
 
PhoneGapの始め方
PhoneGapの始め方PhoneGapの始め方
PhoneGapの始め方
 
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
 
【U-22】Delphi / C++Builder / RAD Studio 概要
【U-22】Delphi / C++Builder / RAD Studio 概要【U-22】Delphi / C++Builder / RAD Studio 概要
【U-22】Delphi / C++Builder / RAD Studio 概要
 
iPhone、Android両対応アプリ開発講座 概論
iPhone、Android両対応アプリ開発講座 概論iPhone、Android両対応アプリ開発講座 概論
iPhone、Android両対応アプリ開発講座 概論
 
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果
 
Sencha & Delphi Ready Studiy
Sencha & Delphi Ready StudiySencha & Delphi Ready Studiy
Sencha & Delphi Ready Studiy
 
組込み技術とモバイル技術
組込み技術とモバイル技術組込み技術とモバイル技術
組込み技術とモバイル技術
 
Flashテクノロジーの今後とあなたの人生とのかかわりについて
Flashテクノロジーの今後とあなたの人生とのかかわりについてFlashテクノロジーの今後とあなたの人生とのかかわりについて
Flashテクノロジーの今後とあなたの人生とのかかわりについて
 
120829atechhills3flashfinal 120829215733-phpapp01
120829atechhills3flashfinal 120829215733-phpapp01120829atechhills3flashfinal 120829215733-phpapp01
120829atechhills3flashfinal 120829215733-phpapp01
 
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
 
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
 
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
 
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
 
ネイティブ機能を利用する Webアプリの実例 ~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用する Webアプリの実例 ~PhoneGap×Rails~
 
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
 
PhoneGap Introduction
PhoneGap IntroductionPhoneGap Introduction
PhoneGap Introduction
 
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
 

More from Andy Hall

ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略Andy Hall
 
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るFlashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るAndy Hall
 
AIRにおけるゲーム創り
AIRにおけるゲーム創りAIRにおけるゲーム創り
AIRにおけるゲーム創りAndy Hall
 
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Andy Hall
 
ごはんとFlash 2010
ごはんとFlash 2010ごはんとFlash 2010
ごはんとFlash 2010Andy Hall
 
Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013Andy Hall
 
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由Andy Hall
 
Link test mac
Link test macLink test mac
Link test macAndy Hall
 
Link test win
Link test winLink test win
Link test winAndy Hall
 
Dragon bones ボーンアニメーション紹介&v2.0アップデート
Dragon bones ボーンアニメーション紹介&v2.0アップデートDragon bones ボーンアニメーション紹介&v2.0アップデート
Dragon bones ボーンアニメーション紹介&v2.0アップデートAndy Hall
 
International flash games
International flash gamesInternational flash games
International flash gamesAndy Hall
 
Japan gaming
Japan gamingJapan gaming
Japan gamingAndy Hall
 
Flash performance tuning (EN)
Flash performance tuning (EN)Flash performance tuning (EN)
Flash performance tuning (EN)Andy Hall
 
CEDEC2012 Starling開発
CEDEC2012 Starling開発CEDEC2012 Starling開発
CEDEC2012 Starling開発Andy Hall
 
CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化Andy Hall
 

More from Andy Hall (15)

ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略
 
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るFlashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
 
AIRにおけるゲーム創り
AIRにおけるゲーム創りAIRにおけるゲーム創り
AIRにおけるゲーム創り
 
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
 
ごはんとFlash 2010
ごはんとFlash 2010ごはんとFlash 2010
ごはんとFlash 2010
 
Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013
 
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
 
Link test mac
Link test macLink test mac
Link test mac
 
Link test win
Link test winLink test win
Link test win
 
Dragon bones ボーンアニメーション紹介&v2.0アップデート
Dragon bones ボーンアニメーション紹介&v2.0アップデートDragon bones ボーンアニメーション紹介&v2.0アップデート
Dragon bones ボーンアニメーション紹介&v2.0アップデート
 
International flash games
International flash gamesInternational flash games
International flash games
 
Japan gaming
Japan gamingJapan gaming
Japan gaming
 
Flash performance tuning (EN)
Flash performance tuning (EN)Flash performance tuning (EN)
Flash performance tuning (EN)
 
CEDEC2012 Starling開発
CEDEC2012 Starling開発CEDEC2012 Starling開発
CEDEC2012 Starling開発
 
CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化
 

PhoneGapでハイブリッド開発 for Firefox OS

  • 1. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGapでハイブリッド開発 for Firefox OS Andy Hall 開発エバンジェリスト、アドビジャパン
  • 2. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. だれだこいつ @fenomas §  日本在住歴もFlash歴も十ん年 §  物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々 §  現在の肩書がテクニカルエバンジェリスト §  興味はデザインとコードをまたぐところ §  カタコトでゴメンね §  ゲーム好き、などなど
  • 3. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. まずは ハイブリッドアプリ の開発について。
  • 4. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hybridアプリは箱です。
  • 5. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hybridアプリは箱です。 HTML, JS, CSS など ネイティブの シェルアプリ (WebViewを実装)
  • 6. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ハイブリッドの メリットは大きい。
  • 7. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Firefox OS メリット1:クロスプラットフォーム
  • 8. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Dreamweaver Muse メリット2:デザインツールなど
  • 9. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ツールの入手はCreative Cloudから creative.adobe.com/
  • 10. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ハイブリッドの 難点の2つ:
  • 11. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hybridアプリ難点 1.純HTML5からデバイス機能に  アクセス出来なかったりする CameraRoll (または、出来るけどAPIが デバイス毎に変わる)
  • 12. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hybridアプリ難点 2.プラットフォーム毎に 箱の作り方が変わる
  • 13. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGapとは、 難点を解決してくれる ハイブリッド開発 フレームワークのこと。
  • 14. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGapの由来 iPhoneDevCampで始まった (2009) ニトビ社にて作られ アドビ社にて買収され (2011)
  • 15. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGapの特徴 無料 オープンソース (Apache Cordovaとして)
  • 16. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGapアプリって どんなもの?
  • 17. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. BBC Olympics
  • 18. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Zombie Jombie
  • 19. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Untappd
  • 20. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGapアプリ の開発について
  • 21. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Webコンテンツから 始めます。
  • 22. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. > sudo npm install –g cordova
  • 23. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. > cordova create appFolder com.hoge.app HogeApp > cd appFolder
  • 24. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 箱はこれ! 適当に 上書きしよう。 (後、Firefox OS用の config.xmlの追加など)
  • 25. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. > cordova platform add firefoxos > cordova prepare firefoxos
  • 26. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. FFOSアプリ
  • 27. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. > cordova platform add android > cordova run android ほかに build、install
  • 28. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 29. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. デバイス機能を 使うには プラグイン使います。
  • 30. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 実機 アプリ (HTML) プラグイン設計 実機 実機 プラグイン
  • 31. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 実機 アプリ (HTML) プラグイン設計 実機 実機 navigator.vibrate() プラグイン ネイティブAPI ネイティブAPI ネイティブAPI
  • 32. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. > cordova plugin add org.apache.cordova.device-motion
  • 33. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 34. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. まとめ:
  • 35. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ご清聴ありがとうございました! phonegap.com/ html.adobe.com/jp @fenomas aphall.com/
  • 36. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.