Submit Search
Upload
PhoneGapでハイブリッド開発 for Firefox OS
•
7 likes
•
4,767 views
Andy Hall
Follow
PhoneGapを使ったFirefox OSアプリ開発の話。(もちろんAndroid・iOSにも対応する) Firefox OSデブコンin京都でプレゼンしました資料です。
Read less
Read more
Internet
Technology
Business
Report
Share
Report
Share
1 of 36
Download Now
Download to read offline
Recommended
FITC2014 モダンなWeb
FITC2014 モダンなWeb
Andy Hall
PhoneGapとハイブリッド開発
PhoneGapとハイブリッド開発
Andy Hall
モダンなWebとモダンな開発ツールの新ネタ
モダンなWebとモダンな開発ツールの新ネタ
Andy Hall
Adobe & HTML5
Adobe & HTML5
Andy Hall
PhoneGap クイック スタート ガイド
PhoneGap クイック スタート ガイド
Andy Hall
モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!
Andy Hall
レスポンシブウェブデザインに効くこの一言!のはなし
レスポンシブウェブデザインに効くこの一言!のはなし
tecking
Adobe セッション for Enterprise x HTML5 Web Application Conference 2014
Adobe セッション for Enterprise x HTML5 Web Application Conference 2014
Tsuyoshi Nakao
More Related Content
Similar to PhoneGapでハイブリッド開発 for Firefox OS
HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライド
Andy Hall
Adobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 Caravan
Andy Hall
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
Andy Hall
PhoneGapの始め方
PhoneGapの始め方
akabana
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
Andy Hall
【U-22】Delphi / C++Builder / RAD Studio 概要
【U-22】Delphi / C++Builder / RAD Studio 概要
Kaz Aiso
iPhone、Android両対応アプリ開発講座 概論
iPhone、Android両対応アプリ開発講座 概論
Takakuni Furukawa
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果
Koichiro Sumi
Sencha & Delphi Ready Studiy
Sencha & Delphi Ready Studiy
Jun Hosokawa
組込み技術とモバイル技術
組込み技術とモバイル技術
Tomo Watanabe
Flashテクノロジーの今後とあなたの人生とのかかわりについて
Flashテクノロジーの今後とあなたの人生とのかかわりについて
Teiichi Ota
120829atechhills3flashfinal 120829215733-phpapp01
120829atechhills3flashfinal 120829215733-phpapp01
Chris Brownlee
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Monaca
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
Masayuki Abe
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
Teiichi Ota
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
hmimura_embarcadero
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
Daisuke Futatsumori
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Hiroki Toyokawa
PhoneGap Introduction
PhoneGap Introduction
Keisuke Todoroki
デブサミ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のスライド
Adobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 Caravan
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
PhoneGapの始め方
PhoneGapの始め方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
【U-22】Delphi / C++Builder / RAD Studio 概要
【U-22】Delphi / C++Builder / RAD Studio 概要
iPhone、Android両対応アプリ開発講座 概論
iPhone、Android両対応アプリ開発講座 概論
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果
Sencha & Delphi Ready Studiy
Sencha & Delphi Ready Studiy
組込み技術とモバイル技術
組込み技術とモバイル技術
Flashテクノロジーの今後とあなたの人生とのかかわりについて
Flashテクノロジーの今後とあなたの人生とのかかわりについて
120829atechhills3flashfinal 120829215733-phpapp01
120829atechhills3flashfinal 120829215733-phpapp01
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Cordovaコトハジメ( Html5fun×senchUG )
Cordovaコトハジメ( Html5fun×senchUG )
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
PhoneGap Introduction
PhoneGap Introduction
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
More from Andy Hall
ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略
Andy Hall
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
Andy Hall
AIRにおけるゲーム創り
AIRにおけるゲーム創り
Andy Hall
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
Andy Hall
ごはんとFlash 2010
ごはんとFlash 2010
Andy Hall
Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013
Andy Hall
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
Andy Hall
Link test mac
Link test mac
Andy Hall
Link test win
Link test win
Andy Hall
Dragon bones ボーンアニメーション紹介&v2.0アップデート
Dragon bones ボーンアニメーション紹介&v2.0アップデート
Andy Hall
International flash games
International flash games
Andy Hall
Japan gaming
Japan gaming
Andy Hall
Flash performance tuning (EN)
Flash performance tuning (EN)
Andy Hall
CEDEC2012 Starling開発
CEDEC2012 Starling開発
Andy Hall
CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化
Andy Hall
More from Andy Hall
(15)
ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
AIRにおけるゲーム創り
AIRにおけるゲーム創り
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
ごはんとFlash 2010
ごはんとFlash 2010
Node.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つの理由
Link test mac
Link test mac
Link test win
Link test win
Dragon bones ボーンアニメーション紹介&v2.0アップデート
Dragon bones ボーンアニメーション紹介&v2.0アップデート
International flash games
International flash games
Japan gaming
Japan gaming
Flash performance tuning (EN)
Flash performance tuning (EN)
CEDEC2012 Starling開発
CEDEC2012 Starling開発
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.
Download Now