PhoneGapでAndroidアプリ作った
はじめに
※この記事には開発に関する方法は書かれていません。それらをお探しの場合は検索元か別の記事へ。
※アプリケーション自体はこの記事よりもっと前に作ったものです。
もともと僕はHTMLやcssの知識は持っていたので、Androidアプリケーション制作の数ある選択肢の中で一番とっつきやすいのはPhoneGapによる開発でした。JavaScriptの知識はそれほどありませんでしたが次の方法で大分かけるようになりました。
- JavaScriptクックブックを呼んで学習
- 面白法人カヤックの提供しているjsdo.itというサービスでいろいろ書いてみる。
学習ベース
今回は次の本を参考にして進めました。
この本は基本的にHTML・css・JavaScrpiot(jQuery)を利用し、「ネイティブアプリケーションのように振舞う」ように書かれていました。また、開発環境・ビルドに関してeclipseなどIDEを使わず、シェルからantなどを使います。また途中Rubyをインストールする必要があります。それらになじみのない人は別の書籍で進めるほうがよいかもしれません。
ネタ
恵まれていたのは東京ヴェルディの広報の方から選手データや画像の提供を受け、それを用いたアプリケーション開発を進めることができることでした。
開発
今回はWEB制作の感じで開発を進めることができたのでJavaScriptを覚えた以外は特に開発自体に新しいことを覚える必要がありません。ただビルドに関してはいくつか問題にぶつかりました。
droidgap wizが動かない…
windows環境でビルドを試みたのですがdroidgap wizが動かない。「'droidgap'は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。」
PhoneGap\binの中にはdroidgapは入っているし、パスも通っている。Ruby1.9も入っている。…というかdroidgapの実態はRubyなので、同じディレクトリの中にバッチファイルを作ってdroidgapを実行するようにしてやったらdroidgap自体は動いてくれました。
だけどdroidgap wizのなかでいろいろエラーが起こってしまったので、書籍を離れeclipseからビルドして完成。IDEの魔法に頼ってしまうのはよくないですよね…
完成系
選手データなどをcsvで利用することができたため、選手一覧から各選手のデータに飛んだり一覧をソートする機能をつけています。そして「ネイティブアプリケーションのように振舞う」開発のため、初めてのAndroidアプリですが、体感的にはスマートフォン用のサイトを作った感じでした。そしてどことなくiPhoneっぽい…
評価
- 株式会社アンティー・ファクトリー代表取締役社長、日本webデザイナーズ協会会長:中川様
- 「無難」「アプリじゃなくてスマートフォン最適化サイトでいいのでは?」
- 東京ヴェルディ広報担当者様
- 「参考にします」
やはり予想通りの反応だ。どうやらこのアプリが世に出ることはなさそうだ。ただ東京ヴェルディ広報担当者様から公表の許可は出ているので記事として出させてもらいました。次は別の技術で作ります。