【Cordova入門】Androidアプリ開発編

Cordovaを用いて、HTML5・CSS・JavaScriptでAndroidのハイブリッドアプリを作成する方法について紹介します。

【Cordovaとは】開発環境の構築

Cordovaとは、オープンソースのモバイルアプリケーション開発フレームワークです。
つまりスマホアプリを作成できる便利なツールです。
このツールを用いることで、Android向けアプリをHTML5・CSS・JavaScriptを用いて作成できます。

開発環境の構築

Cordovaを用いて、Androidアプリを作成するには、「Node.js」「JDK」「Android Studio + SDK」「Cordova」を用意する必要があります。
いずれも無料で入手・使用できます。
それぞれのインストール・設定方法は下記事にまとめています。

項目
①Node.js Node.jsのインストール方法
JDK JDKのインストール方法JDKのPATH設定
②Android Studio + SDK Android Studioのインストール方法SDKのPATH設定SDK Platform-tools等のインストール
③Cordova Cordovaのインストール方法

【アプリ作成】基礎編、プラグイン編、公開編

簡単なアプリを例に、Cordovaを用いたAndroid向けハイブリッドアプリの作成手順を紹介していきます。

基礎編
基本 プロジェクト作成プログラム作成アプリアイコンスプラッシュスクリーン(起動処理中画面)ビルド(APK作成)プラグイン(拡張機能)エミュレータで動作確認実機で動作確認(USB経由)実機で動作確認(apkファイルをDL)アプリ情報の設定(config.xml編集)
保存 ローカルストレージでデータ保存ローカルストレージで複数のデータ保存
プラグイン編
カメラ カメラプラグインの導入カメラで写真を撮影するアプリ ■cordova-plugin-camera-preview
センサ 加速度センサ
管理 プラグインの更新
フレームワーク編(ネイティブに近いGUIを作るのに必要)
Ionic 【Ionic入門】Androidアプリ開発編
アプリ公開編
Google Playで公開 Google Playデベロッパーアカウントの作成署名付きapkファイルの作成署名付きAPKファイルを最適化Google Playにアプリ公開アプリの更新方法
広告掲載 AdMob FreeAdmob Pro
Google Playで非公開・削除
トラブル対策編
エラー ビルド時のエラー対策Google Playのアップロードエラー対策
署名エラー 「java.lang.RuntimeException: キーストアのロード~」
ポリシー違反 AdMob広告、Firebaseのポリシー違反

【その他】参考文献、素材サイトなど

項目
アイコン素材 icooon-monoFLAT ICON DESIGNFlode illustration
便利ツール アイコン作成に便利なサイトiOSとAndroidアプリのアイコンリサイズを一発でやります。Quick Picture Tools 角丸
最新情報 Twitter(更新してエラーに悩まされた時の日本語情報収集などに)
セキュリティ 「Apache Cordova」を使ったハイブリッドアプリケーションの脆弱性に関する調査報告書
関連記事