- 2010-11-23 (火) 23:53
- Android | Androidアプリ | HTML/CSS | JavaScrpit | PhoneGap
入門 Android 2 プログラミング (Programmer’s SELECTION)
前回、iPhoneアプリで試してみた、HTML/CSS/JavaScriptで、iPhoneアプリ／Androidアプリを作るフレームワーク、「PhoneGap」を、Androidアプリでも試してみました。
1. PhoneGapをダウンロードする。
PhoneGap公式サイト:(http://www.phonegap.com/)から、PhoneGapをダウンロードします。※この段階では、Ver0.92でした。
Androidフォルダをそのまま、Androidのワークスペースにコピーします。
2.EclipseでAndroidプロジェクトを新規作成します。
※Mac OSX10.6.4, Eclipse Helios (3.6.1), Android SDK2.2で試したみた履歴です。
「Create project from existing source」を選択し、先ほど展開したPhonegapのAndroidのsampleを指定します。
デフォルトだと、Target Buildが、Android1.1ですが、そのまま選択するとビルドエラーが起きるので、Android 2.2を選択します。（多分1.5以上なら問題ないのではないかと思います。）
3. HTMLコーディングします。
このようなAndroidプロジェクトが作成されます。
“www”フォルダに、”index.html”があるので、こちらを編集すると、ハイブリットアプリケーションができます。
4. エミュレーターで動かしてみる。
今回は、サンプルのままビルドしてみました。
色々なネイティブ機能が、JavaScriptで動作するのが確認できました！
参考資料
- Newer: Microsoft PDC – UX 参加メモ Part1 UX1-3
- Older: jQuery Mobile を使ってみた。
Comments:0
Trackbacks:1
- Trackback URL for this entry
- http://splitchin.com/tech/2010/11/23/phonegap-htmlcssjavascript%e3%80%80android%e3%82%a2%e3%83%97%e3%83%aa%e3%81%a7%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b%e3%80%82/trackback/
- Listed below are links to weblogs that reference
- PhoneGap HTML/CSS/JavaScript Androidアプリで試してみる。 from あらびき林檎。
- pingback from Tweets that mention あらびき林檎。 - PhoneGap HTML/CSS/JavaScript Androidアプリで試してみる。 -- Topsy.com 10-11-24 (水) 15:24
-
[...] This post was mentioned on Twitter by みはる and AndroidNewsJP, Ryo. Ryo said: あらびき林檎: PhoneGap HTML/CSS/JavaScript – Androidアプリで試してみる。 http://bit.ly/ht7Zoc [...]
