パート 2 : Monaca クラウド IDE と Monaca デバッガーとの連携
Monaca アプリの開発時、Monaca クラウド IDE ( PC 側 ) と Monaca デバッガー ( 端末側 ) がインターネットに接続されていれば、IDE 上のプロジェクトファイルに加えられた変更は、保存後、即座にデバッガー側に 「 プッシュ 」 されます。
Monaca クラウド IDE で Monaca アプリを開発する場合、プロジェクトファイルに加えられたすべての変更は、保存後 Monaca デバッガーとリアルタイムで同期されます。
Monaca デバッガーを端末にインストールします。
- 1.Monaca デバッガーを起動し、Monaca アカウントを使用してログインします。ログインのユーザー名とパスワードは、Monaca クラウド IDE のログイン時に使用したものと同じものを使用します。

2. プロジェクトのリストが表示されます。 Monaca クラウド IDE 上のプロジェクトは、
Monaca.io プロジェクト
に表示されます。 プロジェクトを実行するには、Monaca デバッガーでプロジェクト名をタップするか、Monaca クラウド IDE から 実行 → 実機で実行
をクリックします。
3. デバッガー上でプロジェクトが実行されていることを確認します。
4. デモアプリケーションのさまざまな機能を試してみてください。

プロジェクトリスト画面に戻るには、デバッガメニューの、戻る ボタンをタップします。


ここまでの手順で、Monaca デバッガー上でプロジェクトを実行できることを確認しました。次に、このプロジェクトを編集し、Monaca デバッガー側に反映されるか確認してみましょう。
- 1.Monaca デバッガー上で、プロジェクトを実行します。
- 2.Monaca クラウド IDEでは、
index.html
を開き、ページのタイトルをMonaca Memo
からMy Memo
に変更しましょう。 次に、変更を保存します。

3. 保存された変更は、端末の Monaca デバッガー側に送られます。アプリ側で変更が反映されない場合は、デバッガーメニュー上の
更新
ボタンをタップすることで、最新の内容を取得することができます。


ここでは、Monaca デバッガーの基本的な使用方法について解説しました。他の箇所も変更して、デバッガー上で確認してみましょう。
次へ:
最終更新 2yr ago