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