Cordova（PhoneGap）関連情報を落ち穂拾い

昨日、SlideShareにCordova（PhoneGap）の資料を1つアップしました。

これは、私が講師をやっているTech Garden Schoolで先週、Cordovaをやったので、その際に1時間くらいで作った資料です。

当日は、この資料で前振り的な説明をしつつ、Qiitaに書いた2本の記事を使って、開発環境の構築を行いました。

資料はCorodvaベースで書いていて、当日はPhoneGapを使ったりしたものだから、コマンドのオプションの微妙な違いとかに苦しめられたり、Homebrewを使ったNode.jsのインストールで失敗する人が多く出て、途中でNode.jsのインストールパッケージを使った方法に切り替えたりといった試行錯誤はあったものの、自分でビルドしたアプリがiOSシミュレータで動き出した時には歓声が上がりました。

あと、GitHubに上げてあるharuka_cordovaプロジェクトを使って、カメラアプリを作ってみたのですが、やはりiOSシミュレータではカメラが起動できず・・・。 もちろん、実機ではきちんと動作したのですが、実機で動かすにはiOS Developer Programへの登録（年間8,400円）が必要。iOSアプリ開発をちゃんとやってみようと思ったら、登録は必須ですね。

haruka_cordovaプロジェクトには、Cordovaプロジェクトに、標準プラグインのすべてと、jQuery Mobile、Backbone.js、標準プラグインを使ったサンプル画面を組み込んでいます。さらに、iOSとAndroidで動作できるようにしてあるので、とりあえず試してみるには最適かと。 一通りの環境構築が終わった後で、このプロジェクトをForkしてみてください！

この辺のことは、スクールのWikiにも書いていますが、こちらの閲覧はスクールの生徒の方限定です・・・。

Androidアプリ開発

ちなみに、当ブログではAndroid向けのPhoneGapアプリを開発する連載をしていたことがありました。（ちょっと内容が古くなっているかも・・・）

• [HTML5でAndroidアプリ開発] PhoneGapで雛形を作成して動かしてみよう
• [HTML5でAndroidアプリ開発] jQuery MobileとPhoneGapプラグイン
• [HTML5でAndroidアプリ開発] HTML5とjQuery Mobileでユーザインタフェースを作ろう
• [HTML5でAndroidアプリ開発] JavaScriptで検索ロジックを実装しよう
• [HTML5でAndroidアプリ開発] 書籍カード画面を実装しよう

iOS7対応

さらに、PhoneGapのiOS7対応について、ぼやきも含めて。

• PhoneGap + jQuery Mobile + iOS SDK7で起きるステータスバー問題に対応する
• iOS7の半透明デザインとHTML5アプリさらにPhoneGap
• iOS7時代のPhoneGap〜Cordova 3.1 RC1を試してみる（その1）
• iOS7時代のPhoneGap〜Cordova 3.1 RC1を試してみる（その2）

Backbone.js

あと、Backbone.jsでも1本。

• Backbone.jsでバックエンドとやりとりするスマートデバイス向けアプリを作る（Model編）

バーコードリーダー

それから、プラグインも1本書いています。バーコードリーダーなのですが、既存のZxingというライブラリを使うものでは一部読み取り精度の悪いバーコードの種類（具体的にはCODE39）があったりするので、ZBarという別のライブラリをプラグインにしました。

• PhoneGapでZBarを使ってバーコードスキャン（但しiOS）

井上 研一

経済産業省推進資格ITコーディネータとして中小企業のDX・AI活用の現場で伴走支援を行う。「ITCプロセスガイドライン4.0」および「中小企業向けAI活用ガイド」執筆メンバー。著書・講演多数。ITエンジニアとして25年以上の実務経験。AI導入の実務に10年以上携わる。自ら開発したAIサービス「Gen2Go」が北九州発！新商品創出事業の認定を受ける。2026年4月より北九州市立大学大学院マネジメント研究科の学生としての顔も持つ。

本サイトおよびブログに掲載している内容は、特に明記のない限り、井上研一個人の見解に基づくものです。所属・関与する組織、団体、企業、研究会等の公式見解を示すものではありません。