佳史TwitterFacebookはてブPocketLINEMonacaでアプリ開発をするときに気をつけなければいけない点として、使いたい機能が使える状態になっているかが挙げられます。Cordovaプラグインを組み込んだ場合は、JavaScriptからネイティブ機能へアクセスが可能になっていないとCordovaプラグインの機能を利用することはできません。UIのコンポーネントの読み込みが完了していないと利用することができません。そこで今回は、Monacaで開発したアプリが起動した時のJavaScriptのイベント発生順序を見ていきたいと思います。イベント発生順序は、以下になります。HTMLのすべてのDOM要素が読み込まれた時に発生します。HTMLのレンダリングに必要なリソースがすべて読み込まれた時に発生します。JavaScriptからネイティブ機能へアクセスが可能になった時に発生します。UIコンポーネントの読み込みが完了し、devicereadyイベントの後に発生します。UIを使用する場合は、このように発生するイベントの順番を意識する必要があります。イベントの発生順序は、次のHTML内の<script>タグで確認できます。注意点として、MonacaクラウドIDEのプレビューでは、実機での発生順序とは異なった動きになります。テストをする場合は、実機をお使いください。ready');});</script>Android端末で検証してみました。readyの順番で実行されることを確認することができます。devicereadyイベントは、loadイベントの後に発生します。HTMLのレンダリングに必要なリソースが多い場合は、その分devicereadyイベントの発生が遅れることになります。UIを利用する際は、この点も注意する必要があります。UIが利用可能な状態になっているかどうか確認してみてください。佳史Monacaでサポートエンジニアを担当しています。Monacaに関するいろんな検証を行っています。