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に限らず、利用者に便利な機能を提供していく予定です。今回紹介した機能をこれまで利用したことがなかった場合は、一度利用してみてください。
