MonacaクラウドIDEの新機能紹介

Monacaチームの小田川です。

MonacaクラウドIDEでは、定期的なメンテナンスの他に新たな機能追加も行なっています。今回は、ここ数ヶ月で追加された新機能を紹介したいと思います。

MonacaクラウドIDEでは、プレビュー画面を提供しています。MonacaクラウドIDEのプレビュー画面では、一部のモバイル端末用の解像度を提供していますが、任意の解像度での画面確認を行うことができませんでした。クイックビューアを利用することで、実際のモバイル端末上で対象のMonacaプロジェクトを開くことができ、画面レイアウト（デザイン）を確認することができます。

クイックビューアは、以下の方法で利用することができます。

• MonacaクラウドIDEのMonaca Dashboardに表示されているクイックビューアをクリックし、モバイル端末からQRコードを読み込む。
• モバイル端末のブラウザから MonacaログインURLにアクセスする。
• MonacaクラウドIDEのプレビュー画面に表示されているクイックビューア アイコンをクリックし、モバイル端末からQRコードを読み込む。

リリース当初は、iOSのみの対応でしたが、現在は、Android端末での利用も可能になっています。クイックビューアの利用方法については、下記を参照してください。

• クイックビューア

クイックビューアでは、Monacaデバッガーと同様にライブリロード機能に対応しています。クイックビューアで開いているMonacaプロジェクトをMonacaクラウドIDEで編集して保存すると、クイックビューア側にも反映されるため、リアルタイムに画面レイアウトを確認することができます。

クイックビューアは、基本的に画面レイアウトを確認するためのツールになりますが、MonacaクラウドIDEのデバッガー タブを利用することができます。クイックビューア上でconsole.log()の処理を実行すると、MonacaクラウドIDEのデバッガー タブにあるLogに出力される仕様になっているため、簡易的なデバッグにも利用することができます。

注意点として、クイックビューアは、MonacaクラウドIDEのプレビュー画面同様、モバイル端末に搭載されているブラウザ上で動作するため、Cordovaプラグイン等のCordovaの機能を利用することはできません。また、ブラウザ側の制限により、JavaScriptの処理が正常に動作しない場合があります。

MonacaクラウドIDEでビルドしたアプリをモバイル端末にインストールする際、多くの場合は、ビルド後に表示されるQRコードからインストールしていると思います。パッケージダウンロード機能は、モバイル端末からビルドしたアプリを簡単にインストールするための機能になります。

パッケージダウンロード機能の利用方法については、下記を参照してください。

• パッケージダウンロード機能

パッケージダウンロード機能は、MonacaクラウドIDEから発行されるQRコードをモバイル端末から読み込むことで利用することができます。パッケージダウンロード機能にアクセスする場合は、MonacaクラウドIDEのMonaca Dashboardに表示されているパッケージダウンロードからアクセスすることができます。

パッケージダウンロード機能では、対象のMonacaアカウントが所有するダウンロード可能な全てのMonacaプロジェクトのビルド結果が表示されます。また、ビルド結果については、Android端末の場合は、Androidのみが表示され、iOS端末の場合は、iOSのみが表示されます。

パッケージダウンロード機能は、モバイル端末のホーム画面に追加（インストール）することができます。ホーム画面に追加することで、パッケージダウンロード機能を利用する度に、MonacaクラウドIDEから発行されるQRコードを読み込む必要がなくなります。パッケージダウンロード機能を利用する場合は、ホーム画面に追加することをおすすめします。

ワンタイム パスワード機能は、MonacaクラウドIDEから発行されるQRコードをAndroid端末から読み込むことで、自動的にストア版Monacaデバッガーにログインできる機能になります。この機能は、Android専用の機能になるため、iOSでは利用できません。

ワンタイム パスワード機能は、MonacaクラウドIDEのメニュー、

• 実行 -> ワンタイム パスワード

からアクセスできます。

Monacaデバッガーにログインする際に、Monacaアカウントで使用しているメールアドレスが長い場合やパスワードが複雑な場合は、ログイン入力が大変になります。そのような場合は、ワンタイム パスワード機能を活用してください。

今回は、MonacaクラウドIDEに追加された新機能について紹介しました。Monacaでは、MonacaクラウドIDEに限らず、利用者に便利な機能を提供していく予定です。今回紹介した機能をこれまで利用したことがなかった場合は、一度利用してみてください。