Monaca Docs
  • Monaca とは
  • 最初のアプリを作る
  • アプリをテストする
  • Monaca リリース情報
    • iOS プライバシーマニフェスト対応
    • 「ニフクラ mobile backend」終了に関するお知らせ
    • プラグイン uses-permission タグの重複修正機能
    • Cordova 12 の変更点
    • iOSストア版Monaca デバッガー配信停止と代替機能のご案内
    • iOS App Store への送信エラー (ITMS-90165)
    • cordova-custom-configのビルドエラー
    • Cordova 11 の変更点
    • Cordova 10 の変更点
    • Cordova 9.0 の変更点
    • 利用規約の変更
    • 新しい Monaca CLI と Localkit
    • CordovaからCapacitorへの移行
  • Monacaガイド
    • Monaca での開発の概要
    • Monaca クラウド IDE
      • 概要
      • Monaca クラウド IDE の機能
      • ターミナル機能
      • エディターのショートカット一覧
      • プロジェクトの構成
        • ファイル・フォルダー構成
        • JS/CSS コンポーネント
        • Cordova プラグイン
        • ユーザー Cordova プラグイン
      • バージョン管理
        • 概要
        • GitHub との連携
        • Git SSH との連携
      • Monaca CI
        • 概要
        • アプリ配信 / 配布サービス (デプロイサービス)
        • Appetize.ioへの配信
        • DeployGateへの配信
        • Firebase への配信
      • ビルド
        • iOS アプリのビルド
          • iOS アプリのビルド
          • Monaca と Xcode 間でのビルド設定の再利用
        • Android アプリのビルド
        • Windows アプリのビルド
        • Electron アプリのビルド
          • Windows アプリのビルド
        • PWA アプリのビルド
        • ビルド環境の設定
        • ビルド履歴一覧
        • 一般的なビルドとアップロードエラー
      • 配布方法
        • App Store での配布
          • App Store Connect ガイド
          • iOS アプリ アップロード機能
        • Google Play での配布
        • 公式ストア経由以外での配布
      • パッケージダウンロード機能
      • チュートリアル
    • Monaca Localkit
      • 概要
      • ペアリングとデバッグ
      • リモートビルドと配布申請
      • トラブルシューティング
        • インストール ( Windows の場合 )
        • インストール ( Mac OS X の場合 )
        • アンインストール時 ( Windows の場合 )
        • 不完全なファイル・フォルダー構成
        • プレビューウィンドウが更新されない
        • Error while installing
        • nodeのインストールが必要です
      • チュートリアル
    • Monaca CLI
      • 概要
      • Monaca CLI コマンド
      • ペアリングとデバッグ
      • リモートビルドと配布申請
      • トラブルシューティング ガイド
      • チュートリアル
    • Monaca デバッガー
      • 機能の概要
      • インストール方法
        • Android 向けの Monaca デバッガー
        • iOS 向け Monaca デバッガー
        • Android エミュレーター向け Monaca デバッガー
      • 使用例
      • iOS カスタムビルド版デバッガー
      • iOS シミュレータービルド
      • トラブルシューティング ガイド
      • チュートリアル
    • チームダッシュボード
    • クイックビューア
    • 他のプラットフォームからの移行
      • 移行時の確認ポイント
      • クラウドIDE プレビュー機能の設定
      • Angular からの移行
      • Ionic からの移行
      • React からの移行
      • Vue からの移行
      • Telerik からの移行
  • 🛠️アプリビルド
    • iOS ビルド
      • 秘密鍵とCSRの作成
      • 証明書の作成
      • プロビジョニング・プロファイルの更新
  • チュートリアル
    • Monaca クラウド IDE チュートリアル
      • パート 1 : プロジェクトの作成
      • パート 2 : Monaca クラウド IDE と Monaca デバッガーとの連携
      • パート 3 : Monaca アプリのビルド
      • パート 4 : Monaca アプリの配布申請
    • Monaca Localkit チュートリアル
      • パート 1 : プロジェクトの作成
      • パート 2 : Monaca Localkit と Monaca デバッガーとの連携
      • パート 3 : Monaca アプリのビルド
      • パート 4 : Monaca アプリの配布申請
    • Monaca CLI チュートリアル
      • パート 1 : プロジェクトの作成
      • パート 2 : Monaca CLI と Monaca デバッガーとの連携
      • パート 3 : Monaca アプリのビルド
      • パート 4 : Monaca アプリの配布申請
    • Electron アプリ開発
      • NPMパッケージの利用方法
      • Web APIの利用方法
    • バーコードスキャナープラグイン
    • Cordova Sqlite Storage プラグイン
    • Cordova Google Analytics プラグイン
    • Cordova Firebase プラグイン
    • Cordova In-app Purchase プラグイン
    • Cordova AppVersion プラグイン
    • Cordova Ionic Keyboard プラグイン
    • Cordova Social Sharing プラグイン
    • Phonegap Push プラグイン
  • APIの解説
    • Monaca API
      • Monaca クラウド & リモートビルド API
      • ユーティリティ
    • 基本プラグイン
      • Cordova 12.0
        • Battery プラグイン
        • Camera プラグイン
        • Device プラグイン
        • Device Motion プラグイン
        • Device Orientation プラグイン
        • Dialog プラグイン
        • File プラグイン
        • Geolocation プラグイン
        • InAppBrowser プラグイン
        • Media プラグイン
        • Media Capture プラグイン
        • Network Information プラグイン
        • Vibration プラグイン
        • StatusBar プラグイン
      • Cordova 11.0
        • Battery プラグイン
        • Camera プラグイン
        • Device プラグイン
        • Device Motion プラグイン
        • Device Orientation プラグイン
        • Dialog プラグイン
        • File プラグイン
        • Geolocation プラグイン
        • InAppBrowser プラグイン
        • Media プラグイン
        • Media Capture プラグイン
        • Network Information プラグイン
        • Splashscreen プラグイン
        • Vibration プラグイン
        • StatusBar プラグイン
      • Cordova 10.0
        • Battery プラグイン
        • Camera プラグイン
        • Device プラグイン
        • Device Motion プラグイン
        • Device Orientation プラグイン
        • Dialog プラグイン
        • File プラグイン
        • Geolocation プラグイン
        • InAppBrowser プラグイン
        • Media プラグイン
        • Media Capture プラグイン
        • Network Information プラグイン
        • Splashscreen プラグイン
        • Vibration プラグイン
        • StatusBar プラグイン
        • Whitelist プラグイン ( Android 専用 )
      • Cordova 9.0
        • バッテリー情報の取得 プラグイン
        • カメラ操作 プラグイン
        • 住所録の取得 プラグイン
        • 端末情報の取得 プラグイン
        • 端末のモーション検知 プラグイン
        • 端末のオリエンテーション検知 プラグイン
        • ダイアログの制御 プラグイン
        • ファイル操作 プラグイン
        • ファイル転送 プラグイン
        • 位置情報の取得 プラグイン
        • 表記の国際化対応 プラグイン
        • InAppBrowser プラグイン
        • メディア操作 プラグイン
        • メディアキャプチャー プラグイン
        • ネットワーク情報の取得 プラグイン
        • スプラッシュスクリーンの制御 プラグイン
        • バイブレーションの制御 プラグイン
        • ステータスバーの制御 プラグイン
        • ホワイトリストへの登録 プラグイン ( Android 専用 )
    • サードパーティー製プラグイン
      • AdvancedHTTPプラグイン
      • PhoneGap BarcodeScanner
      • Custom Config
      • Datepicker
      • Share ( Android 向け )
      • WebIntent ( Android 向け )
    • Monaca 提供プラグイン
      • アプリロジック暗号化 (Encrypt プラグイン)
      • In-App アップデーター (In-App Updater)
      • セキュア ストレージ
      • NFC リーダー
      • バーコードスキャナー
      • Androidビルドメモリサイズ設定
    • 外部サービス連携
      • Repro
      • AppsFlyer
    • 設定ファイル
      • Android
        • Android の設定
        • config.xml
        • AndroidManifest.xml
      • iOS
        • iOS の設定
        • config.xml
        • MonacaApp-info.plist
  • サンプル & Tips
    • Firestoreを利用する
    • サンプルアプリ
      • Twitter アプリ
      • Facebook アプリ
      • 広告 アプリ (AdMob)
      • Hello World アプリ
      • メモ帳アプリ
      • ブロック崩しゲーム
      • Flickrアプリ
      • TODO管理 アプリ
      • 電車図鑑アプリ
      • 時計アプリ
      • 誕生年の計算アプリ
      • おみくじ占いアプリ
      • RSS リーダーアプリ
    • 開発 Tips
      • 音楽の再生方法
      • スプラッシュ画像の制御方法
      • データベースの利用方法
  • Webpack5への更新
  • 機能
    • SNS 認証
    • プッシュ通知
    • データベース
  • 外部サービス連携ガイド
    • Firebase
      • アプリの登録と設定ファイルの取得
  • 移行ガイド
    • ニフクラ mobile backend
      • プッシュ通知
        • Firebaseサービスの設定
        • ソースコードの移行
      • データストア
        • ソースコードの移行
        • データの移行
        • データ移行スクリプト実行手順
      • 会員管理・認証
        • 会員管理 データの移行
        • Firebase Authentication パスワード再設定サンプル
        • Firebase Authenticationを使用したユーザー名認証の方法
      • スクリプト
        • Firebase Functions開発環境の作成
        • サンプル共通項目
        • サンプル1(GETサンプル)
        • サンプル2(POSTサンプル)
        • サンプル3(DELETEサンプル)
        • エミュレータでのテスト
      • ファイルストア
        • ファイルアップロード
        • ファイル検索
        • ファイル一覧表示
        • ファイル削除
  • FAQ
    • 概要
    • IDE
    • ビルド
    • リリース
    • 契約プラン
    • アプリケーション
    • 使用方法
    • Freeプラン
    • デバッガー
  • 対応環境
  • トラブルシューティング
    • プレビューログがリロードを繰り返す (Vue packages version mismatch error)
  • Monaca製品サイト
  • 運営会社
  • English
GitBook提供
このページ内
  • Monaca を使用するためには何が必要ですか?
  • Monaca を使用したモバイルアプリの開発には、どんな知識が必要となりますか?
  • Monaca が対応している、端末側の OS を教えてください
  • Android アプリで使用しない機能に関して、パーミッション ( 使用許可 ) を削除するには?
  • Mac を持っていないのですが、iOS のアプリケーションを作成することはできますか?
  • Monaca クラウド IDE が開けません。
  • Monaca アプリの開発において、現在使用している開発環境をそのまま利用したいのですが?
  • IDE に実装されているプレビューパネル上でアプリを実行できません
  • プロジェクトをアーカイブできません
  • 外部ドメインからのリソースを、ライブプレビュー上で表示したいのですが
  • Cross-Origin Resource Sharing ( CORS ) を有効にしたいのですが
  • Monaca クラウド IDE が、正常に動作していません
  • ダッシュボードにプロジェクトが表示されません
  • プラグインをアップロードするとき、200 MB の制限エラーが発生するのはなぜですか?
  • Monaca クラウド IDE で 「パスワードを変更してください」 というメッセージが表示されます

役に立ちましたか?

  1. FAQ

IDE

前へ概要次へビルド

最終更新 3 年前

役に立ちましたか?

Monaca を使用するためには何が必要ですか?

Monaca クラウド IDE を使用するためには、「安定したインターネット接続 」 と 「 最新の ブラウザー 」 が必要です。なお、アプリを検証するときには、スマートフォンなどの携帯端末が別途必要となります。

また、Monaca が提供している アプリを端末にインストールすれば、開発効率を上げることもできます (Monaca デバッガーを使用すると、コードを変更するたびに、変更箇所がアプリ側へ反映されます。コードの修正に通常伴う再ビルドと再インストールは必要ありません)。

Monaca クラウド IDE ( クラウド環境用 ) 以外にも、ローカル環境用の開発ツールも提供しています。Monaca ユーザーの多様なニーズに応じられるように、 や を現在提供しています。

Monaca を使用したモバイルアプリの開発には、どんな知識が必要となりますか?

簡単なアプリの開発であればHTML5、CSS3、JavaScript をある程度知っていれば、開発をすぐに始められます。

J### ava または Objective-C を使わなくても、スマートフォン向けアプリの開発が Monaca でできるのはなぜですか?

Monaca では、 を使用しています。Apache Cordova は、アプリ開発用フレームワークの一種です。このフレームワークを使用すれば、HTML5 アプリを、各種ネイティブアプリ ( Android アプリ、iOS アプリ、他のプラットフォーム向けアプリ ) としてパッケージ化してくれます。また、Apache Cordova を経由すれば、ネイティブ側の機能へ JavaScript からアクセスできるようになります。よって、Monaca を使用したアプリ開発では、Java ( Android ) と Objective-C ( iPhone・iPad ) の知識は必要ありません。

Monaca が対応している、端末側の OS を教えてください

Monacaの各ツール群の対応OSについてはこちらの ページをご覧ください。

Android アプリで使用しない機能に関して、パーミッション ( 使用許可 ) を削除するには?

アプリの機能に関するパーミッション ( 使用許可 ) 設定は、AndroidManifest.xml ファイルの <uses-permission> 要素を使用して行います。詳細は、 をご確認ください。

Mac を持っていないのですが、iOS のアプリケーションを作成することはできますか?

Monaca は、ブラウザー上で使用する IDE です。つまり、Monaca がサポートしているブラウザー ( Google Chrome ) と安定したインターネット接続があれば、Monaca を使用して iOS アプリを開発することができます。

Monaca クラウド IDE が開けません。

Monaca クラウド IDE は、Google Chrome 上で動作するように設計されています。他のブラウザー上でも起動させることはできますが、IDE が開けないなどの予期せぬエラーが発生する場合があります。よって、Google Chrome ブラウザーを使用するよう推奨しています。

Monaca クラウド IDE では、モバイルブラウザーをサポートしていません。

Monaca アプリの開発において、現在使用している開発環境をそのまま利用したいのですが?

IDE に実装されているプレビューパネル上でアプリを実行できません

  • Cordova プラグインの API は、利用できません。

  • 同一生成元ポリシー ( Same Origin Policy ) による制限があるため、Ajax リクエストは行えません。ただし、サーバーからのレスポンスに、Access-Control-Allow-Originヘッダーを追加した場合は、この限りではなく、クロスドメインの Ajax リクエストが行えます。

  • 実際の端末とは、ビューポートの外観が異なることがあります。

  • Monaca バックエンド API とプッシュ通知機能は、初期化できません。

プロジェクトをアーカイブできません

外部ドメインからのリソースを、ライブプレビュー上で表示したいのですが

Cross-Origin Resource Sharing ( CORS ) を有効にしたいのですが

次のヘッダーを CORS ( Cross-Origin Resource Sharing ) のレスポンスに追加すれば、CORS を有効にできます。

Access-Control-Allow-Origin: *

上記に付け加え、アプリまたはデバッガー側から外部の URL へのアクセスを許可する場合には、次のいずれかの設定を行います。

Monaca クラウド IDE が、正常に動作していません

Monaca クラウド IDE が正常に動作しない場合は、次の項目を試してください。

  1. Monaca クラウド IDでは、Chrome 最新版を推奨しています。Chrome以外のブラウザーを利用している場合は、Chrome最新版をご利用ください。

  2. Chrome 最新版を利用している場合は、ブラウザーのキャッシュクリアーをお試しください。

  3. Chrome に拡張機能等を組み込んでいる場合は、正常に動作しない場合があります。拡張機能を組み込んでいる場合は、Chrome の「シークレットウィンドウ」から Monaca クラウド IDEを起動してお試しください。

ダッシュボードにプロジェクトが表示されません

Free プランでは、180 日以上ログインが確認されない場合、プロジェクトは自動的にアーカイブへ移動されます。プロジェクトがアーカイブへ移動される前には、回避策が記載されたメールが送信されます。

プラグインをアップロードするとき、200 MB の制限エラーが発生するのはなぜですか?

Monaca クラウド IDE に 200 MB 以上の Cordova プラグインをアップロードすることはできません。 ただし、ビルド中に Cordova プラグインをインポートすることは可能です。 ビルド中にプラグインをインポートする手順は、次の通りです。

  1. Cordovaプラグインを任意のファイルホスティングサイトにアップロードします。GitHub の使用をお勧めします。

  2. Monaca クラウド IDEの、 Cordova プラグインのインポートダイアログを開きます。

  3. URL もしくはパッケージ名を指定します を選択します。

  4. パッケージ名または URL を入力します。

  5. OK をクリックします。

Monaca クラウド IDE で 「パスワードを変更してください」 というメッセージが表示されます

Monaca クラウド IDE 上で以下のメッセージが表示される場合があります。

パスワードを変更してください

サイトまたはアプリでのデータ侵害により、パスワードが漏洩しました。 xxx のパスワードをすぐに変更することをおすすめします。

Google Chrome のバージョン 79 から追加されたセキュリティ機能により、すでに漏洩したことのあるパスワードを入力した場合に、上記のメッセージが表示される場合があります。入力したパスワードは、すでに漏洩したことのあるパスワードの可能性がありますので、新しいパスワードに変更することをおすすめします。

iOS アプリを開発する場合には、 へ加入することが求められています。また、App Store でアプリを公開するときには、Application Loader を使用して、アプリのファイル ( *.ipa ) を提出する必要があります。Application Loader は、Mac 専用のソフトです。

Monaca クラウド IDE 上では、Application Loader と同等の機能を持つ を提供しています。こちらの機能を使用すれば、アプリのファイルを、Monaca クラウド IDE から直接提出することができます。よって、Monaca を使用すれば、iOS アプリの開発から提出に至るまで Mac を所有する必要はありません。

現在お使いの開発環境をそのまま使用することができます。Monaca では、、 などのローカル環境用の開発ツールを提供しており、これらのツールは、お好みの IDE やコードエディターと併用することができます。

の使用時には、次の点に留意する必要があります。

プロジェクトのアーカイブ機能は有料サービスです。詳細は、 をご確認ください。

では、CORS ( cross-origin resource sharing / 異なるオリジンからデータを取得すること ) を制限しており、よって、複数のドメインをまたぐ、JavaScript からのリクエストも禁止されています。これは、クロスドメインのリクエストには、少なからず脆弱性が存在するためです。

Monaca IDE 上で設定を行う場合 : と を参照のこと。

設定ファイル上で設定を行う場合 : と を参照のこと。

アーカイブされたプロジェクトの復元をご希望の場合は、有料プランに加入後、 までご連絡ください。

Google Chrome
Monaca デバッガー
Monaca Localkit
Monaca CLI
Apache Cordova
対応環境
Android の設定
Apple Developer Program
Monaca 提供のアップロード機能
Monaca Localkit
Monaca CLI
料金プラン
同一生成元ポリシー ( same origin policy)
iOS の設定
Android の設定
iOS の設定
Android の設定
Monaca 問い合わせ窓口
ライブプレビュー