PhoneGap を使ってプロトタイプからネイティブ アプリを作成

作成したプロトタイプからリアルなアプリケーションを作成できたらどうでしょう。Justinmind を使用すれば簡単にプロトタイプからネイティブ アプリケーションを作成することができます。

Justinmind が提供する Adobe PhoneGap との統合機能を使用すれば、作成したプロトタイプを完全にスタンドアローンなネイティブ モバイルアプリに変換することができ、アプリをデバイス上に保存したり、Google Play や App Storeにアップロードしたりすることができるようになります。

Adobe PhoneGap は、Android 端末でも、iOS でも動くアプリを開発できます。通常であれば、スマホ開発を行う場合、Android は Java、iOS は Swift など、それぞれのプラットフォーム向けの言語で開発する必要がありましたが、Adobe PhoneGap はこれを一新しました。

この PhoneGap によりネイティブ アプリを Justinmind で作成したプロトタイプから作成することができます。

ネイティブ アプリとは?

ネイティブ アプリとは、デバイスが動作している開発言語でコードされているため、端末の処理で動くタイプのアプリになり、アプリの性能は使用する端末の性能に大きく依存します。ネイティブアプリは Web アプリよりも性能に優れていると言われています。また、ネイティブアプリは、Google Play や App Storeで利用することができます。

Justinmind を使ってネイティブ アプリを作成

 

Justinmind を利用すれば、だれでもすばやくMVP(実用最小限の製品: minimum viable product)を作成することができます。

ネイティブアプリの作成には、巨額の資金や時間に加えて、特定の開発スキルが必要になります。実際に、Comentum によると、小規模な MVP ネイティブアプリを作成するには数十万円の費用が必要になります。

しかし、Justinmind を利用すれば数回のクリックだけで MVP を作成することができます。

それでは、実際に Justinmind を使用してネイティブ PhoneGap アプリを作成しましょう!

まずは、Justinmind で作成したプロトタイプを Justinmind 上で開きます。そのあとに、ツールバーで [File][Export to native app] をクリックします。これにより、zip ファイルが作成されます。

作成するアプリケーションのアイコンをカスタマイズしたい場合は、zip ファイルを生成する前に設定する必要があります。

画面の右上にある [Simulate] の横にある歯車のアイコンをクリックし、[Simulation settings] というダイアログ内でアプリのアイコンを選択します。

Zip ファイルを作成した後は、

  1. PhoneGap に移動してサインアップします。
  2. サインアップ後、[Upload .zip file] をクリックし、作成した zip ファイルを選択します。

Android の場合

ファイルをアップロードした場合は、.apk ファイルをダウンロードし、そのファイルを USB または QR コードにより携帯に移しテストすることができます。

公開:

生成されたアプリを Google Play Store に公開したい場合は、以下のステップに従います。

  1. 証明書を取得します。詳細は、Adobe PhoneGap の Web サイト (英語) を参照ください。
  2. PhoneGap に戻り、キーを入力し .apk をダウンロードします。
  3. Google Play Store にてアプリケーションを公開することができます。Google Play 開発者用のアカウントが必要になります。

iOS の場合:

  1. Apple 開発者用アカウントを持っている必要があります。アカウントを取得した後に、証明書およびプロビジョニング ファイルを取得します。
  2. 必要な情報が揃った後、PhoneGap に戻り、証明書とプロビジョニング ファイルをアップロードします。

公開:

アプリの更新やテストを必要としない場合は、.ipa ファイルを PhoneGap からダウンロードします。Ipa ファイルをダウンロードしたら、iTune Conect にいきアプリのための記録を作成し必要な情報を記入します。

このように簡単にネイティブ アプリを作成することができます。

Justinmind に関する詳細は、今すぐ弊社 web サイトをご覧ください。

また、30 日間無償評価版も弊社 web サイトからダウンロードできます。

参照記事「Turn your prototype into a native app」2019/2/18

シェアする

  • このエントリーをはてなブックマークに追加

フォローする