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 |
センサ | ■加速度センサ |
管理 | ■プラグインの更新 |
他 | 【Ionic入門】Androidアプリ開発編 |
– | アプリ公開編 |
---|---|
Google Playで公開 | ■Google Playデベロッパーアカウントの作成 ■署名付きapkファイルの作成 ■署名付きAPKファイルを最適化 ■Google Playにアプリ公開 ■アプリの更新方法 |
広告掲載 | ■AdMob Free ■Admob Pro |
他 | ■Google Playで非公開・削除 |
– | トラブル対策編 |
---|---|
エラー | ■ビルド時のエラー対策 ■Google Playのアップロードエラー対策 |
署名エラー | ■「java.lang.RuntimeException: キーストアのロード~」 |
ポリシー違反 | ■AdMob広告、Firebaseのポリシー違反 |
【その他】参考文献、素材サイトなど
– | 項目 |
---|---|
アイコン素材 | ■icooon-mono ■FLAT ICON DESIGN ■Flode illustration |
便利ツール | ■アイコン作成に便利なサイト ■iOSとAndroidアプリのアイコンリサイズを一発でやります。 ■Quick Picture Tools 角丸 |
最新情報 | ■Twitter(更新してエラーに悩まされた時の日本語情報収集などに) |
セキュリティ | ■「Apache Cordova」を使ったハイブリッドアプリケーションの脆弱性に関する調査報告書 |
コメント