中年システムエンジニアのオモチャ箱

中年システムエンジニアが初体験のブログ活動。技術情報の備忘録以外も、色々と載せていければと思います。

【スポンサーリンク】

 

Monaca デバッガーの使い方


【スポンサーリンク】


前回は Monaca ツールを使って、スマホアプリのハイブリッド開発について記載しました。

www.ma-se.com

まだ準備ができていない方は、上記ページより準備してから読んでくださいね。

 

Monaca デバッガー

Monaca で開発したスマホアプリは簡易的ではありますが、開発ツールのプレビューから確認することができます。
ただし、実機のスマホ(以下、「実機」と記載)と全く同じ動作をするわけではないので、Monaca デバッガーを使用して実機で確認する必要があります。

 

iPhone 用 と Android 用が存在するので、使用する実機に合わせてインストールしてください。

 

尚、Monaca for Study というツールも用意されていますが、こちらは教育機関用になっていますので間違わないように気を付けてくださいね。

 

 

Monaca デバッガーのインストール
  1. iPhone の場合は App Store から「Monaca」を検索し、Monaca をインストールします。
    Android の場合は Google Play から「Monaca」を検索し、Monaca をインストールします。
  2. スマホにインストールした Monaca を起動します。
  3. [1]メールアドレス、[2]パスワードを入力し、[3]ログインボタンをタップします。

    f:id:middle-aged-se:20190526184336j:plain

  4. 「はじめての Monaca アプリ」をタップします。

    f:id:middle-aged-se:20190526184334j:plain

  5. クラウド IDE のプレビュー画面に表示されていたアプリケーションが表示されましたね!

    f:id:middle-aged-se:20190526184332j:plain

 

 

このようにして、Monacaクラウド IDE で開発したアプリケーションを実機で確認しつつ、開発を進める形になります。


ローカルパソコンにインストールして使用する「Monaca Localkit」ツールを使用しても同様に、実機で動作確認をすることができます。
尚、Monaca Localkit の場合は、スマホと開発パソコンが同一 WiFi 上にあればペアリングして直接同期をとることができます。
また、USB ケーブルを使っても同期をとることができます。

 

Monaca Localkit については、またの機会に記事にとりあげたいと思います。

Monacaで学ぶはじめてのプログラミング ~モバイルアプリ入門編~ [ アシアル株式会社 ]

価格:3,240円
(2019/5/19 15:34時点)
感想(0件)

クラウドでできるHTML5ハイブリッドアプリ開発 Monaca公式ガイドブック Cordova/Onsen UIで作るiOS/Android両対応アプリ Cordova/Onsen UIで作るiOS/An [ 永井勝則 ]

価格:3,240円
(2019/5/19 15:34時点)
感想(2件)