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）

GitHub – inoccu/phonegap-ios-zbarcodescanner: phonegap ios barcode scanner using ZBar

phonegap ios barcode scanner using ZBar. Contribute to inoccu/phonegap-ios-zbarcodescanner development by creating an account on GitHub.

github.com