【ハウツー】HTML＋CSS＋JavaScriptでiPhone/Androidアプリ開発「PhoneGap」 (1) HTML＋CSS＋ＪavaScriptでiPhone/Androidアプリを開発 - PhoneGapとは | エンタープライズ | マイコミジャーナル
Notobiは11月1日(米国時間)、PhoneGapの最新版であるPhoneGap 0.9.2をリリースした。PhoneGapはクロスプラットフォーム・モバイルアプリケーションの開発フレームワーク。デベロッパはHTML＋CSS＋JavaScriptを用いて、iPhone/Android/BlackBerry/Symbian/Palmのネイティブアプリケーションを開発できる。各デバイスのモーションセンサやカメラ、GPSにはPhoneGapにて提供されているJavaScript APIをもちいて操作する。同ライブラリはThe "New" BSD LicenseおよびThe MIT Licenseのデュアルライセンスのもとで公開されているオープンソースソフトウェア。 PhoneGapでのスマートフォン別機能対応表 - PhoneGap Supported Featuresより抜粋 iPhone
HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表
HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 HTML5、CSS、JavaScriptなどのWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」が、正式版「PhoneGap 1.0」になったと開発元のnitobiより発表されました。 PhoneGapはオープンソースソフトウェアとして開発されているソフトウェアで、無料でダウンロードし利用することができます。 デバイスごとのネイティブアプリケーションに変換 PhoneGapを、jQuery Mobileのようなマルチデバイスに対応したモバイルアプリケーション用フレームワークと組み合わせると、HTMLやJavaScriptなどのWeb標準
HTMLやCSS、JavaScriptといったWebの技術でスマートフォン用のアプリを開発できるモバイルフレームワークが注目されています。本連載でもこれまで、Web技術を使ってiOS向けのアプリを開発できる「NimbleKit」を紹介してきましたが、他にも以下のような同様のモバイルフレームワークがあります。 スマートフォン向けのアプリケーション開発フレームワーク Titanium http://www.appcelerator.com/ PhoneGap http://www.phonegap.com/ NimbleKit (iPhone専用) http://www.nimblekit.com/ JSWaffle (Android専用) http://d.aoikujira.com/jsWaffle/wiki/ 今回から数回にわたって、「PhoneGap」を使ったiPhone/iPad向け
はじめまして、株式会社キクミミの富田宏昭と申します。おもにWebアプリケーションを開発しています。この連載では、PhoneGapを使ったiOSおよびAndroidアプリケーションの開発方法について全4回に分けて紹介していきます。どうぞお楽しみください。 PhoneGapとは PhoneGapはNitobiが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。スマートフォン向けアプリケーションの開発では、各OSごとに特定の言語を使用をして開発をおこなうことになります。たとえばiOSの場合はObjective-C、AndroidやBlackBerryの場合はJava、Windows Phone 7の場合はC#・Vidual Basicなどです。複数のスマートフォンに対応するアプリケーションを開発する場合、デベロッパは複数の言語をもちいてそれぞれの開発環境
米アドビシステムズは、HTML5、CSS、JavaScriptなどWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」を開発する企業「Nitobi」の買収を発表しました。 Adobe AIRのつまづきをPhoneGapでリベンジ アドビはこれまで、「Adobe AIR」でHTMLやJavaScriptなどのWeb標準やFlashなどを用いて、PCからモバイルまでOSやデバイスにとらわれないクロスプラットフォームなアプリケーションを実現しようとしていました。 しかしアップルのiOSがFlashに対応せず、一時はFlashから変換したアプリケーションの実行も禁止したため、Adobe AIRによるクロスプラットフォーム対応はつまずいてしまいました（追記： Pac
キミはionicを知っているか？AngularJS+PhoneGap+美麗コンポーネント群！ 金井 健一（フリーランス） ionic 概要 ionicはそのサイトのデザインからも見てわかるとおり、シンプルかつ美しいUIを取り揃えたコンポーネント群で、Apache Cordova を拡張して作られているフレームワークです。 また、動的なUIコンポーネントを実装するために、 AngularJS を採用してる点もその特徴の1つです。 ionicがサポートしているプラットフォームは、iOS 6+とAndroid 4+です。（ただしAndroidについては、2.3+でもいくつかの機能を提供してるとのこと） 現状ではこの2つのプラットフォームのみですが、Windows PhoneとFirefoxOSについても今後対応を進めていくようです。 特徴 Apache Cordovaを拡張して作られている、モバ
お久しぶりです。長らく放置してしまった Phonegap と Titanium Mobile の比較について書きたいと思います。 また、今週の水曜日 11/24 のはてな技術勉強会#2(http://d.hatena.ne.jp/hatenatech/)で Titanium について話しますので、お近くの方は是非はてな本社にお越しくださいませ。Titanium界隈で有名なid:donayamaさんも来られるようなのでドキドキですね！ 色々ある XCode 以外の開発環境 前前回のTitaniumが楽しすぎてやばい - kurainの壺では、Titanium Mobile という Appcelerator が開発している iPhone アプリ開発環境を紹介しましたが、Titanium 以外にも iPhoneアプリを開発する環境はいくつか存在していて、有名なところでは Adobe Fash C
jQuery MobileやSencha Touchなど、Web技術でモバイルアプリケーションを開発するためのHTML5/JavaScriptフレームワークが普及し始めています。と、同時にそうしたアプリケーションをラップし、AppStoreなどで販売できるようなネイティブアプリケーション化する「PhoneGap」（オープンソースのプロジェクトはCordova）なども注目されつつあります。 しかしこうしたアプリケーション、これを「Shell App」と呼ぶそうですが、このShell Appには期待しすぎないほうがいい、と警告する次の2本の記事が話題になっています。 Shell Apps and Silver Bullets Responding to "Shell Apps" Anti-PhoneGap Article | DZone どちらもHTML5-Developers-jpのメーリン
PhoneGapで「ハイブリッドアプリ」を作ろう 「PhoneGap」とは、カナダのNitobi社が開発を行っているスマートフォン向けのハイブリッドアプリケーション制作のためのフレームワークです。JavaやObjective-Cを書かなくても、HTMLやCSS、JavaScriptだけで、iOS（iPhone／iPad／iPod touch）・Androidアプリを作成できます。 ■ 「ハイブリッドアプリケーション開発」とは HTMLやJavaScriptといったWebアプリケーションの技術を使って、iOSやAndroidのネイティブアプリを開発する手法を、「ハイブリッドアプリケーション開発」と呼びます。単なるWebViewを使ったWebアプリケーションではなく、フレームワークによって提供されているAPIを通じて、ネイティブ機能を使えます。 PhoneGapはいくつかあるハイブリッドアプリ
リアクティブプログラミングの「Meteor 0.9.2」登場、iOS/AndroidアプリもPhoneGapで可能に。ブラウザから簡単にコードを試せる「MeteorPad」も公開
リアクティブプログラミングの「Meteor 0.9.2」登場、iOS/AndroidアプリもPhoneGapで可能に。ブラウザから簡単にコードを試せる「MeteorPad」も公開 リアクティブプログラミングを実現するフレームワークとして知られる「Meteor」の最新版「Meteor 0.9.2」が公開されました。0.9.2ではPhoneGap/Cordvaをサポートし、MeteorのクライアントアプリケーションをiOSアプリケーションやAndroidアプリケーションとして生成可能になりました。 また、同時にコードプレイグラウンドとして「MeteorPad」が公開され、Webブラウザから簡単にMeteorのコードを記述して動作を試せるようになっています。 iOS/Androidアプリも開発可能に Meteorが実現するリアクティブプログラミングとは、アプリケーション内で発生したデータの変更が
興味深いブログ記事が海外で掲載されていました。拙訳で恐縮ですが紹介したいと思います。 内容はPhoneGapアプリを高速化するための手法の解説で、具体的な事例とともに、いくつかのテクニックの紹介が行われています。少し長い記述になりますが、是非PhoneGapやMonacaを用いた開発の参考にしてください。 成功するPhoneGapアプリを開発するための高速化＆UXテクニック Performance & UX Considerations For Successful PhoneGap Apps PhoneGapアプリを開発する方から、下記のような質問をよく尋ねられます。 ・アプリを高速化する方法は？ ・どうやってネイティブアプリのような質感を出せるか？ ・プラットフォームに違和感のないアプリを作るためのテクニックは？ ・OSのルック＆フィールとマッチさせるためには？ この記事では、素晴らし
第4回Camera API/HTML5 Canvas/プラグインを利用したカメラアプリを作ろう 富田宏昭 2011-09-20
PhoneGap | Projects
Decrease quantity for SlotKuni: Slot Gacor Gampang JP Maxwin Indonesia Increase quantity for SlotKuni: Slot Gacor Gampang JP Maxwin Indonesia Di SlotKuni, kami menyajikan slot gacor terbaik di Indonesia, di mana kamu dapat dengan mudah menemukan kesenangan dan kesempatan gampang JP. Kami bangga menawarkan permainan slot gacor maxwin yang dirancang khusus untuk meningkatkan peluang kemenanganmu den
iOSとAndroidのクロスプラットフォームなアプリケーションをする際に使われるTitanium MobileとPhone GapをTitaniumの開発元、Appceleratorの開発者Kevin Whinnery氏が比較した記事が話題になっていました。 Kevin氏は「上空1万フィートから見ればTitaniumとPhone Gapは似ているように見える。どちらもクロスプラットフォームでJavaScriptとWebの技術を要求し、オープンソースライセンスを採用している。しかし似ている所はそれぐらいしかない。どちらも思想や問題を達成する為のアプローチは異なっている」という書き出しで二つのプラットフォームがかなり異なっている事を強調した上でいくつかのポイントを比較しています。 Phone Gapについて 実現する事 HTMLベースのWebアプリケーションをネイティブアプリとして配布、イン
ハイブリッドアプリ開発といえばこれ！PhoneGap/Cordova事始め Andy Hall（アドビ システムズ 株式会社） PhoneGapの概要と歴史 PhoneGapとは、ハイブリッドアプリのフレームワークです。つまり、HTML5コンテンツをラッピングして、いろんなデバイスやOSでネイティブアプリとしてインストール可能なアプリケーションを作成できる技術です。元々は2009年にiPhoneDevCamp（ハッカソンのようなイベント）で生まれ、Nitobiという会社によって開発されました。2011年にアドビがNitobiを買収し、同時にPhoneGapのソースコードをApache Foundationに寄付して、Apache Cordovaというオープンソースプロジェクトが作られました。 現在では、Cordovaという下層のフレームワークの上に、アドビのサービスに連携するPhoneGa
このiOSアプリ＊サービスに学ぶ! Webブラウザでアプリ開発可能! PhoneGapを使ったサービス『Tiggzi』 中津川篤司 2012/02/27 『このiOSアプリ＊サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! iOSアプリを開発する際にはObjective-Cを使うのが基本ではあるが、他の言語も利用できる。例えばJavaScriptがある。JavaScriptを使ってiOSアプリを開発する技術として有名なのはAppcelerator社の開発するTitaniumとPhoneGapが存在する
MacGapはHTML/JavaScript/CSSを使ってMac OSXアプリを開発できるフレームワークです。 PhoneGapと言えばApache財団に寄贈され、Apache Cordovaと名前が変わったプロジェクトですが、iOSやAndroidなど各種スマートフォン向けのアプリがHTML/JavaScript/CSSで開発できます。そしてMacGapも同様のWeb技術でMac OSXアプリが作れてしまいます。 まずベースを作成します。 ビルドしました。MacGapと表示されています。 5秒後にGoogleが表示されました。 Growlによる通知にも対応しています。 自動生成されるHTMLです。 MacGapはシステムのビープ音、別なアプリの起動、ウィンドウの移動や別ウィンドウのオープン、ドックのバッジ操作、音楽の再生、Growl、通知、エベントの取得などがサポートされています。簡単
はじめに AndroidはGoogleが提供するオープンソースのモバイルオペレーティングシステムです。Samsung Galaxyシリーズのスマートフォンやタブレット、AmazonのKindle Fireタブレット、Barnes and NobleのNookタブレットをはじめ、様々なメーカーのスマートフォンやタブレットデバイスで使用されています。PhoneGapは、ネイティブにインストールできるモバイルアプリケーションをHTMLおよびJavaScriptで作成するためのオープンソースのアプリケーションプラットフォームです。 必要な環境 Eclipse Classic Android SDK PhoneGap Eclipseをセットアップする Android用のPhoneGapアプリケーションを開発するための環境をセットアップするには、まず、Eclipse IDEをダウンロードしてインストー
さいきんWebとiOS/Andoroid Native Appの融合がすすんでいますね！ ブラウザコンポーネント(WebViewという)のJSからiOSのネイティブ機能を呼び出すスタイルも流行っています． PhoneGapとかFacebookアプリとかね！ 自分は勝手にJS-Native Bridgeと呼んでいるのですが， あれってどうやってるのって話 Google先生で「uiwebview native」でぐぐると UIWebViewでWebとネイティブを相互連携させる方法について iPhoneのネイティブ機能をWebViewから呼び出す方法 こういう記事が出てきます ようするに Obj-C → JS [webView stringByEvaluatingJavaScriptFromString:@"JSCode"] JS → Obj-C webView:shouldStartLoadW
【デザイナー必見】iPhone/AndroidアプリをHTML+Javascriptで作成(PhoneGapのススメ)
9月/10月社内Tech勉強会レポート – NodeJS/Privacy Sandbox API/3rdPartyCookie/NodeJS/PromiseAll/cascae/
PhoneGapアプリ開発のちょっとしたコツ
var IS_ANDROID = (/android/gi).test(navigator.appVersion); var IS_IOS4 = navigator.userAgent.match(/OS 4_[0-9_]+ like Mac OS X/i) !== null; var IS_IOS5 = navigator.userAgent.match(/OS 5_[0-9_]+ like Mac OS X/i) !== null; こういった値を何らかのオブジェクトにまとめておくと、とても便利です。 ② javascriptの読み込み 画面数が増えるに従い、javascriptファイルが増えるに従い、javascriptファイルを読み込み・使用することが多くなります。その一方で、javascript言語の仕様上、依存関係を各ファイルに記述できません。そんな時には、scri
PhoneGap Day US 2012にて、待望のPhoneGap 2.0.0がリリースされました。本連載では、PhoneGap 2.0.0の変更点をはじめとして、新機能の紹介やFile APIを使ったアプリケーションの開発方法について紹介していきます。どうぞお楽しみください。 PhoneGap/Cordovaとは PhoneGapはAdobeが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。詳細については、前回の連載の記事をご参照ください。 PhoneGap もともとPhoneGapはNitobi社が開発・公開していましたが、2011年10月2日（米国時間）にAdobe社がPhoneGapの開発元であるNitobi社を買収したと発表しました。PhoneGapは開発体制や配布方法が変更され、Apacheに寄贈され、現在にいたります。 Phone
PhoneGapとは一味違う！純国産ハイブリッドアプリフレームワーク、「アプリカン」事始め 畠田 喜丈（株式会社ニューフォリア） アプリカンは、純国産のハイブリッドアプリフレームワークです。いつも使っているエディタだけでアプリが作れるので、開発環境のOSも選びません。 アプリカンは2013年末に公開され、ハイブリッドアプリフレームワークとしては後発ですが、他のフレームワークとは異なるアプローチとして、様々なパートナー企業のサービスのSDKを組み込み、AR機能や、位置情報連動サービスなど複雑なサービスオプション機能を JavaScriptから簡単に呼び出せるようになっています。 基本は無料で利用できますが、前述の高機能なオプションを使ったり、無料ビルドしたアプリに表示される広告バナーを外す場合には有料となります。 アプリカンの開発に必要なもの エディタ 好奇心 アプリカンの開発には、IDEを
PhoneGap：Objective-C を知らなくても iPhone ネイティブアプリの開発が可能 2009年12月20日 投稿者: shiro ［Build Native iPhone Apps with HTML, CSS, JavaScript and PhoneGap | YouTube］ 興味深いビデオがある。 HTML、CSS、JavaScript で書かれた Web アプリを、PhoneGap というソフトを使って iPhone のネイティブアプリに変換するデモだ。 iPhone アプリ開発に興味はあるが Objective-C の世界に飛び込むのは逡巡しているひとにピッタリだ。 冒頭のビデオで PhoneGap を紹介しているのは「Building iPhone Apps with HTML, CSS, and JavaScript」を書いた Jonathan Stark
HTML5/js/CSSでiPhone/Androidアプリが作れるPhoneGapのメモ (blog@browncat.org)
blog@browncat.org Web, Linux, Ubuntu, Mac, PDA, 携帯電話, プログラミング, ソフトウェア＆落書き iPhoneのソフト開発を行うのに少し敷居が高いのはやはりObjective-Cでしょうか。慣れてしまえば何とでもなるのでしょうがお手軽とは言い難いものがあります。 で、まあこれをいろいろと簡単に行うツールが出ているのですが、手っ取り早くWebアプリをネイティブ化してくれるPhoneGapを軽く使ってみたのでメモ。 このPhoneGapはなかなか面白く、ちょうどMobileデバイス向けにMozilla PrismやAdobe Airのような働きをします。要はデバイスに内蔵されているブラウザコンポーネントをベースにhtmlやcss,jsをひとまとめにしてネイティブアプリを作成するというもの。クロスプラットフォームでiPhone/Android/B
PhoneGap で開発した iPhone アプリ AppTweets をリリースしました - 僕は発展途上技術者
Twitter のつぶやきで面白そうな iPhone アプリを発見することが多くなってきたので、そうした iPhone アプリに関するつぶやきをまとめて見ることができる AppTweets という iPhone アプリをリリースしました。 » AppTweets » AppTweets を iTunes で見る 単にそういうアプリを開発したかったというのもありますが、実はこのアプリは Objective C を一行も書かず、HTML + CSS + Javascript だけで開発できる PhoneGap という開発環境で開発しており、そうしたアプリが Apple の申請を通るのかどうかを実際に試したかったという裏の目的（実はこれが本命という話もありますが。。）がありました。 折も折、先日iPhone SDKの規約が 「アプリケーションはObjective-C、C、C++、またはiPhon
PhoneGap、Titanium、Sencha--それぞれ異なるモバイルアプリ開発のアプローチ - builder by ZDNet Japan
単一のコードベースから複数のプラットフォームへ展開する 通常スマートフォン向けのアプリケーションは、そのプラットフォームごとに特定の言語で開発する必要がある。iPhoneやiPadであればObjective-C、AndroidやBlackBerryであればJava、Windows PhoneであればC#やVisual Basicといった具合だ。 しかし、複数のプラットフォーム向けに同じアプリケーションを提供したい場合、それぞれの言語で個別に開発を行うのは非効率的であり、開発者の負担も大きい。 そこで近年では、単一のコードで開発し、それをベースとして各プラットフォームで実行できる形式に変換するというアプローチが一般的になってきている。この方法であれば、1度の開発で複数のプラットフォームをターゲットにすることができるため、開発の手間は大幅に削減される。言語の習得にかかる開発者の負担も軽減できる
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開 HTML5/JavaScriptで開発したWebアプリは、PhoneGapを使うことでネイティブアプリ化できます。ただし、このネイティブアプリは基本的にHTML5/JavaScriptをラップしたものであるため、見かけや動作速度は基本的にWebアプリケーションのままです。 このPhoneGapを用いて開発されるアプリケーションに対してOSネイティブなコンポーネントなどを追加し、ネイティブアプリケーションと同等の高速な画面遷移やアニメーション、OSネイティブのツールバーやタブバーの利用、メニューボタンや戻るボタンなどのハードウェアキーの対応などを実現する「Monacaフレームワーク」をオープンソースとして公開することをアシアルが明らかにしました。iOSとA
HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はなぜアツいのか？PhoneGapとの違いは何か？ - ふろしき Blog
ハイブリッドアプリとは何か？なぜ今、Cordovaがアツいのか？ iPhoneにAndroid、WindowsPhoneと、モバイルデバイスは混沌としており、「ネイティブアプリ」の開発には高いコストが必要とされます。一方で、ブラウザを活用した「Webアプリ」は、パフォーマンスやデバイス制御に大きな制約がつきまといます。このような、ネイティブアプリとWebアプリの互いが持つ問題点を補う手段として、「ハイブリッドアプリ」と呼ばれる開発方法が注目を集めています。 ハイブリッドアプリの実現手段には、OSSの開発ツール/フレームワークである「Cordova」が有名です。HTML5の活用することで、ひとつのソースコードからiOSやAndroidなどの複数のモバイルOSに対応させることができ、またネイティブアプリが持っているポテンシャルを活かしたアプリ開発ができます。その起源は、2011年にAdobeが
基本 web のお仕事が多く C 言語？の状態から始めたので、わからないこと大杉、エラー出杉で開発が進まないので遅ればせながら、またまた流行に乗ります。 比較表 Corona Phonegap Titanium Mobile 費用 30 日無料試用版あり、年間$349.00 無料(MIT License) Community free, Professional $2,189/user/year, Enterprise $7,689/user/year 開発言語 Lua HTML, CSS, Javascript HTML, CSS, Javascript ※コメント頂き修正致しました。ありがとうございます。 対応プラットホーム iOS, Android iOS, Android, Blackberry, Symbian, Palm iOS, Android API Corona API
橋本商会 » PhoneGapでAndroidアプリを作る
増井さんがPhoneGapを使って5分で作るAndroidアプリケーションというビデオを2時間ぐらいかけて撮影していたので、俺も触発されてPhoneGapやってみた。 PhoneGapはHTML/CSS/JavaScriptでAndroidやiPhoneアプリを作れる環境。アプリ起動時にブラウザコンポーネントを読み込んで、そこにHTMLで画面を作るしくみになってる。 特にコンテンツとして面白いところもないサンプルアプリケーションっぽいのができた。バスの中で。 せっかくAndroidのネイティブアプリ相当が作れるのだから、加速度センサーを秒間30回取得して画面を描画しつつ、本体のバイブレーションとビープを鳴らしたりした。 ソースはgithubに全部置いておいた https://github.com/shokai/droidgap-test-app さて、PhoneGapでAndroidアプリ
Building Cross-platform Applications Using PhoneGap/Cordova - TUTORIAL
Let’s say that one day, somehow you stumble upon the best Startup Idea, and you reach out to developers to make a website for your idea, being aware of the market, you also know that 90% of the time a user is spent on mobile applications, and only 10% browsing the internet so now you also spend time and resources into building an iOS and Android app. All of that time could’ve been spent in a bette
MOONGIFT: » JavaScriptでiPhone SDKを利用する「PhoneGap」:オープンソースを毎日紹介
iPhone/iPod Touchの魅力に位置情報の測定や加速度センサーがある。これらを使えばこんなもの、あんなものができるとわくわくさせられるが、こうした内部のAPIを使うにはiPhoneネイティブなアプリケーションを開発する他ない。 ネイティブアプリケーションによる位置情報取得（実行はiPhoneエミュレータ） しかしネイティブアプリケーションは開発の工数や公開までの道のりが長く感じられてしまう。もっと手軽に使うならWebアプリケーションが一番だ。そこでWebアプリケーションから内部APIを利用できるようにしてしまおうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPhoneGap、iPhone SDKとWebを橋渡しするソフトウェアだ。 PhoneGapはiPhoneネイティブなアプリケーションで、立ち上げることによってgapというプロトコルが使えるようにな
第1回 PhoneGap入門
その流れの中で、ハイブリッドアプリが注目を浴びています。ハイブリッドアプリの仕組みでは、iOS、Android、Windows 8といったさまざまなOSに対応した、マルチスクリーン対応アプリを開発できるのが特徴です。 そのハイブリッドアプリの開発ツールの代表が、アドビシステムズ社が開発するPhoneGapです。PhoneGapではHTMLとJavaScriptというWebの技術を利用することで、ワンソースで複数の端末に対応するアプリを開発することができます。 スマートフォン向けアプリといえば、Objective-CやJavaを用いて端末上で直接実行するネイティブアプリや、サーバーから配信してブラウザ上で実行するWebアプリが思い浮かびます。ハイブリッドアプリはWebアプリと同様にHTMLを使って開発する一方、ネイティブアプリの形をして配布されることから、両者の特徴を組み合わせたものと捉える
通常PhoneGapを使ったアプリ開発では、iOSシミュレータやAndroidエミュレータ、実機を使った動作確認をすることになります。各エミュレータの起動や実機へのインストールは、それなりの時間が発生します。今回は、機能実装・修正→確認のサイクルを効率良く回すためのモバイルエミュレータ「Ripple Emulator」をご紹介します。 Ripple Emulatorとは Ripple Emulatorは、Google Chromeベースのモバイルエミュレータです。各モバイルの画面サイズや、GPS、コンパス、モーションセンサを再現し、モバイルアプリの動作テストを行うことができます。 通常PhoneGapアプリを開発する場合、devicereadyイベントが発火した後でネイティブの機能を呼び出すことになります。このdevicereadyイベントはPhoneGap（Cordova）特有のイベント
米アドビ システムズは、5月6日～8日(米国時間)までの3日間に渡って、同社製品のユーザを集めたカンファレンス「Adobe MAX 2013」を開催した。同社では近年HTML5やCSS3を中心とするWeb標準技術のサポートに力を入れており、今年のAdobe MAXでもこれらの技術やツールに関連したセッションが数多く設けられた。本レポートではその中のひとつ、アドビのテクニカルエバンジェリストChristophe Coenraets氏による「Top 10 Performance Techniques for PhoneGap Appplications」の内容をレポートする。 PhoneGapは、HTML5やJavaScriptといったWeb標準技術を用いて各種モバイルプラットフォーム向けのネイティブアプリを作成することができるオープンソースのフレームワーク。元々はNitobi Softwar
#import <Cordova/CDV.h> @interface PGMyPlugin : CDVPlugin @property (nonatomic, copy) NSString *callbackId; - (void)hello:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options; @end まず、初期状態では<Cordova/Cordova.h>がインポートされているかと思いますが、これを<Cordova/CDV.h>に修正します。 次に、NSString型のcallbackIdというプロパティを定義します。 これは、javascript側から渡されてくるIDを格納しておくためのプロパティで、javascriptに処理の実行結果を返すときに必要になります。 （プロパティ名はcallbackIdで
Dreamweaver＋PhoneGapでjQuery Mobileアプリのネイティブ化：PhoneGapで始めるWeb→スマホアプリ制作入門（2）（1/3 ページ） 連載第1回の「PhoneGapでAndroidアプリを作るための基礎知識」では、PhoneGapの開発環境のセットアップから、「Hello World!」アプリの制作までを紹介しました。前回紹介したときのPhoneGapのバージョンは、0.96でしたが、その後7月29日に、正式版としてPhoneGap 1.0がリリースされました。 詳細は、記事「HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 ? Publickey」をご参照ください。 今回は、Dreamweaver＋PhoneGap＋jQuery Mobileを使って、スマートフォンで動く簡単なネイティ
PhoneGapとは PhoneGapは、アドビシステムズ社により公開されている、デバイス向け「ハイブリッドアプリケーション」制作のためのフレームワークです。PhoneGapのソースコードは、Apache財団に寄贈されており、Apache Cordovaのプロジェクト名で管理されています。PhoneGapは、アドビシステムズ社が提供するCordovaディストリビューションです。 複数のデバイスに対応するアプリケーションを開発する場合、デバイスのOSごとに特定の開発環境を用意して、特定の言語で開発を行うことになります。そういったケースでは、PhoneGapを用いることで、HTML5＋CSS＋JavaScriptのみで複数のデバイスに対応するネイティブアプリケーションの実装が可能になります。このようにして作られたアプリケーションを一般的に「ハイブリッドアプリケーション」と呼びます。 Phone
HTML5アプリをモバイルアプリに変換するPhoneGapが1.3にバージョンアップ。Windows Phone 7対応の強化など
PhoneGap 1.3では主にWindows Phone 7のサポートを強化し、加速度計、コンパス、カメラなどのネイティブな機能がすべて利用可能になりました。また、BlackBerry向けアプリの開発がMacOS上で可能になっています。 以下がPhoneGap 1.3で対応しているネイティブ機能の一覧です。 PhoneGap:Buildも1.3にバージョンアップ PhoneGapはオープンソースで開発されており、無料でダウンロードして利用できます。ただし、ネイティブアプリの生成にはPhoneGapと同時に各モバイルデバイス向けのSDKのインストールが必要になります。 開発元のNitobiはPhoneGapを用いたネイティブアプリの生成をサービスとして提供する「PhoneGap:Build」も提供しており、これを利用すると開発者は手もとにPhoneGapやSDKなどをインストールする必要が
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5でiPhoneアプリ開発！PhoneGap入門 (1/5)
第1回 PhoneGapとは | gihyo.jp
［速報］アドビ、PhoneGapを買収。モバイルのクロスプラットフォーム対応へリベンジ
キミはionicを知っているか？AngularJS+PhoneGap+美麗コンポーネント群！
Phonegap と Titaniumを比較してみた - kurainの壺
PhoneGapを使ったモバイルアプリのネイティブ化は、銀の弾丸ではない
PhoneGapでAndroidアプリを作るための基礎知識
成功するPhoneGapアプリを開発するための高速化＆UXテクニック
PhoneGapで手軽にiPhone/Androidアプリを作ろう 記事一覧 | gihyo.jp
Appceleratorの開発者が語るTitaniumとPhoneGapの比較 « A-Listers
ハイブリッドアプリ開発といえばこれ！PhoneGap/Cordova事始め
Webブラウザでアプリ開発可能! PhoneGapを使ったサービス『Tiggzi』 | iPhone | iPad iPhone Wire
Mac OSX版PhoneGap。Web技術でアプリを開発·MacGap MOONGIFT
Eclipse×PhoneGapでAndroidアプリ開発！ ～インストールからアプリ実行まで
PhoneGap/CordovaがiOSのネイティブ機能を使うしくみ - 方向
第1回 PhoneGap/Cordovaとは | gihyo.jp
PhoneGapとは一味違う！純国産ハイブリッドアプリフレームワーク、「アプリカン」事始め
PhoneGap：Objective-C を知らなくても iPhone ネイティブアプリの開発が可能
CoronaとPhonegapとTitanium Mobileの比較
第2回 エミュレータ/実機なしで動作確認─Ripple Emulatorを使ったPhoneGapアプリ開発 | gihyo.jp
PhoneGapアプリのパフォーマンスを改善する10のポイント -Adobe MAX 2013
Cordova(PhoneGap)のプラグインの作り方
Dreamweaver＋PhoneGapでjQuery Mobileアプリのネイティブ化
マルチデバイス対応のモバイルアプリ開発環境「PhoneGap」「PhoneGap Build」をおさらいする