いいね！Androidアプリ

CordovaによるAndroidアプリ作成に於いて、アラートや確認、入力のダイアログを表示する場合、JavaScriptのalert()やconfirm()、prompt()を利用するのではなく、Android標準のネイティブなダイアログを利用する方が良いでしょう。 Cordovaには、ネイティブのダイアログを表示するために、標準のプラグインが用意されています。 今回は、Cordovaによるネイティブのダイアログ表示について、まとめてみました。 [前提] 作成済みのプロジェクト -------------------------------------------- ディレクトリ「hello」 パッケージ名「papakingyo.application.hello」 プロジェクト名「HelloWorld」 -------------------------------------------- ①プラグインのインストール プロジェクトのディレクトリ配下で以下のコマンドを実行します。 >cordova plugin add org.apache.cordova.dialogs Fetching plugin "org.apache.cordova.dialogs" via plugin registry Installing org.apache.cordova.dialogs (android) ②インストールしたプラグイン一覧の確認 >cordova plugin list [ 'org.apache.cordova.dialogs' ] pluginsディレクトリ配下に「org.apache.cordova.dialogs」がインストールされます。 hello  + plugins   + org.apache.cordova.dialogs   android.json ③プラグインをプラットフォームに反映 >cordova prepare android ⑤入力ダイアログの表示 www/js/index.jsのonDeviceReady: function()の箇所を、以下のように編集します。     on...

Cordovaは頻繁にアップデートされているようで、2014/03/05現在の最新バージョンは、3.4.0-0.1.3です。 ※http://cordova.apache.org/から確認できます。 そこで、今回は、cordovaのアップデートについて、まとめてみました。 ①開発環境に於ける現在のcordovaバージョンを確認してみます。 >cordova -v 3.3.1-0.1.2 ②最新の状態ではなかったので、cordovaのアップデートを実施します。 >npm update cordova -g npm http GET https://registry.npmjs.org/cordova/latest npm http 200 https://registry.npmjs.org/cordova/latest npm http GET https://registry.npmjs.org/cordova --- --- --- cordova@3.4.0-0.1.3 xxx\AppData\Roaming\npm\node_modules\cordova ├── mime@1.2.11 ├── q@0.9.7 ├── semver@2.0.11 ├── underscore@1.4.4 ├── shelljs@0.1.4 ├── optimist@0.6.0 (minimist@0.0.8, wordwrap@0.0.2) ├── plist-with-patches@0.5.1 (xmlbuilder@0.4.3, xmldom@0.1.19) ├── elementtree@0.1.5 (sax@0.3.5) ├── npmconf@0.1.13 (once@1.3.0, inherits@2.0.1, osenv@0.0.3, ini@1.1.0, mkdirp@0.3.5, nopt@2.2.0, config-chain@1.1.8) ├── xcode@0.6.6 (node-uuid@1.3.3, pegjs@0.6.2) ├── tar@0.1.19 (inherits@2.0.1, block-stream@0.0.7, fstream@0.1.25) ├── ...

今回は、HTML5、CSS、JavaScriptによるAndroidアプリ開発についてです。 これらのWebアプリ技術を使って、Androidアプリ作成を可能にするのが、PhoneGap（Cordova）です。 PhoneGap（Cordova）の開発環境について、まとめてみました。 ◆PhoneGap（Cordova）のダウンロード 以下のPhoneGap公式サイトからダウンロードします。 http://phonegap.com/ [Install]ボタンをクリックすると、phonegap.zipがダウンロードできます。 ZIPファイルを任意のディレクトリに展開すれば、PhoneGap（Cordova）を使用する準備は完了です。 （現時点でのバージョンは2.4.0） ◆新規プロジェクトの作成 ①Eclipseで新規プロジェクトを作成します。 プロジェクトの作成方法については、以下を参照してください。 いいね!Androidアプリ 「SDK ADT Bundle for Windows」による開発環境の構築③ ②PhoneGap（Cordova）資材のコピー phonegap-2.4.0\lib\android配下の以下の資材をコピーします。 ・libsフォルダにcordova-2.4.0.jarをコピー ・assets/wwwフォルダにcordova-2.4.0.jsをコピー ・resフォルダにxmlフォルダをコピー cordova-2.4.0.jarは、Librariesに追加します。 ◆AndroidManifest.xmlの編集 以下の編集が必要になります。 ①端末解像度の対応 解像度が異なる端末に対応するための設定です。 <uses-sdk.../> タグの上に挿入してください。 <supports-screens android:largeScreens="true" android:normalScreens ="true" android:smallScreens="true...