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 で開発したアプリに、Java で記述したコードを組み込むことはできますか ( Android の場合 )?
  • Monaca で開発するアプリで、UIKit を使うことはできますか ?
  • さまざまな画面サイズに対応したアプリの開発はできますか?
  • Cordova プラグインは使えますか?
  • Windows ストアアプリの開発に関する制約を教えてください
  • フルスクリーンアプリを開発できますか?
  • Android
  • iOS
  • Cordova は常に最新のバージョンが使えるのですか?
  • テキストエリアの入力文字のフォントを大きくしたいのですが、なにか方法はありますか?
  • Cordova API、および、Monaca 提供の JavaScript API が使えません
  • アプリ起動時のページを、index.html から他のページに変更する方法を教えてください
  • Monaca アプリで使用できる、バージョン番号とバージョンコードに関して、制限はありますか?
  • Cordova API ( カメラ、コンパスなど ) が動作しません
  • デバッガー上では動作確認できましたが、ビルドしたアプリを端末にインストールして動作確認したところ、うまくいきません
  • App ID ( iOS 側 ) と パッケージ名 ( Android 側 ) にそれぞれ異なる値を設定するには?
  • キーストア内の SHA-1 フィンガープリントを確認する方法 ( Monaca クラウド IDE 上のキーストアを使用 )
  • ビルド後に iOS 端末にアプリをインストールできません

役に立ちましたか?

  1. FAQ

アプリケーション

前へ契約プラン次へ使用方法

最終更新 3 年前

役に立ちましたか?

外部の広告ネットワークは使えますか?

アプリ上でのアドネットワークの掲載に関しては、Monaca では特に制限を設けておりません。また、WebView 上に広告を置くことに関して、技術的な制約もありません。なお、広告の掲載時は、広告ネットワーク側の規約に従ってください。

外部のバックエンドサービスは使えますか?

はい、Monaca で使用できます。バックエンドサービスを含む、外部の各種サービスを、Monaca クラウド IDE 上で組み込むことができます。

Monaca クラウド IDE上で、を選択して、利用可能なバックエンドサービスを確認できます。

希望するバックエンドサービスが置かれていない場合には、設定 → Cordova プラグインの管理 → Cordova プラグインのインポートから、対象の SDK を Monaca にインポートできます。

Monaca で開発するアプリでは、どんな機能が使えますか?

スマートフォン搭載の各種機能 ( Camera、GPS など ) を使ったアプリを開発できます。詳細に関しては、次のドキュメントをご確認ください。

Windows ストアアプリには、基本プラグインを使用できませんが、WinJS を使用できます。

Monaca で開発したアプリに、Java で記述したコードを組み込むことはできますか ( Android の場合 )?

ネイティブコード ( Java ) の組み込みを、Monaca では現在サポートしておりません。

Monaca で開発するアプリで、UIKit を使うことはできますか ?

Monaca では、UIKit はサポートしておりません。

さまざまな画面サイズに対応したアプリの開発はできますか?

次の meta タグをコードに追加すれば、さまざまな画面サイズに対応したアプリを開発できます。

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">

Cordova プラグインは使えますか?

Windows ストアアプリの開発に関する制約を教えてください

フルスクリーンアプリを開発できますか?

フルスクリーンアプリを開発することは可能です。 ただし、iOS と Android で設定を変更する必要があります。

Android

アプリをフルスクリーンモードで実行するには、次の2つの方法があります。

  1. Monaca クラウド IDE メニュー上で、設定 → Android アプリ設定を選択し、フルスクリーンを有効にします。

  2. config.xml ファイルに、次の行を追加します。

<preference name="Fullscreen" value="true"/>

iOS

設定を反映させる場合は、再度ビルドを行う必要があります。

Cordova は常に最新のバージョンが使えるのですか?

Monaca では、ある特定のバージョンの Cordova のみサポートしています。なお、最新バージョンの Cordova を使用できるように、バージョン更新は、定期的に、また、迅速に行っております。

テキストエリアの入力文字のフォントを大きくしたいのですが、なにか方法はありますか?

次の CSS のスタイルをお試しください。

form input, form textarea {
    font-size: 100%;
}

Cordova API、および、Monaca 提供の JavaScript API が使えません

components/loader.jsを読み込んでいることをご確認ください。このファイルを読み込んでいない場合、Monaca が提供している、Cordova API と JavaScript API を使うことはできません。

アプリ起動時のページを、index.html から他のページに変更する方法を教えてください

  1. www フォルダー下に置かれた config.xml ファイルを開きます。

  2. <widget> 要素下の <content> タグに、起動時に表示するページ ( 必要であれば、そのファイルへのパスも含む ) を指定します。デフォルト値は、 index.html です。例を次に記します。

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" id="com.example.helloworld" version="1.0.0">
    ...
    <content src="https://monaca.io/" />
</widget>

Google Play からダウンロードした Android向けのデバッガーでは、この方法は使用できません。解決策としては、カスタムビルド版のAndroid 向けのデバッガーを使用します。詳細は、カスタムビルド版 Monaca デバッガーのビルドとインストールをご確認ください。

Monaca アプリで使用できる、バージョン番号とバージョンコードに関して、制限はありますか?

Based on Cordova, the maximum value of version number is 99.99.99 and the corresponding maximum value of version code is 999999 for Monaca apps.

上記の値より大きな値をバージョンコードに設定する場合には、次のように、 config.xml ファイルを直接編集します。

<widget xmlns="http://www.w3.org/ns/widgets" id="your packagename" version="xx.yy.zz">
<!--Substitute xx.yy.zz to 100.1.3, the version code becomes 1000103.-->

2014年4月2日から、仕様が変更され、config.xml ファイルは、www フォルダー下に置かれるようになりました。これより前に作成されたプロジェクトの場合、 android/config.xml ( Android の場合 ) と ios/config.xml ( iOS の場合 ) のように、config.xml ファイルが置かれています。

Cordova API ( カメラ、コンパスなど ) が動作しません

Cordova API ( カメラ、コンパス ) を実際に呼び出す前に、Cordova 側の準備 ( deviceready イベント ) をする必要があります。

Onsen UI を使用する場合には、ons.ready() 関数をお使いください。この関数は、DOMContentLoaded ( DOM の読み込み完了 ) と deviceready ( Cordova の準備完了 ) の両イベント後に発火するため、確実に、アプリ側の準備が完了しています。

デバッガー上では動作確認できましたが、ビルドしたアプリを端末にインストールして動作確認したところ、うまくいきません

ビルドしたアプリ側に、必要なプラグインが組み込まれていない可能性があります。Monaca デバッガー側には、基本プラグインのすべてが、標準で実装されていますが、アプリをビルドする場合には、あらかじめ、開発時に、実装するプラグインを手動で指定しておく必要があります。なお、プラグインの組み込みは、Monaca クラウド IDE の [ Cordova プラグインの管理 ] メニュー上から行います。

App ID ( iOS 側 ) と パッケージ名 ( Android 側 ) にそれぞれ異なる値を設定するには?

現在、iOS 側の App ID または Android 側のパッケージ名を変更すると、変更後の値が双方に反映されます。つまり、変更後も、両方の値は自動的に同一の値へと修正されます。ただし、それぞれに異なる値を設定することもできます。

異なる値を設定する場合には、config.xml 内の <widget> タグに修正を加えます。まず、id 値を削除して、android-packageName と ios-CFBundleIdentifier とその値を追加します。記述例を次に示します。

<widget xmlns="http://www.w3.org/ns/widgets" android-packageName="com.example.android" ios-CFBundleIdentifier="com.example.ios" version="1.0.0”>

キーストア内の SHA-1 フィンガープリントを確認する方法 ( Monaca クラウド IDE 上のキーストアを使用 )

Monaca クラウド IDE 上にキーストアがすでに作成されていることを前提として、キーストア内の SHA-1 フィンガープリントの確認方法を解説します。

1. M onaca クラウド IDE メニューから、設定 → Android キーストア設定を選択します。 2. エクスポートボタンをクリックして、キーストアをダウンロードします。 3. コマンドプロンプトを起動させ、次のコマンドを実行します。 - <your-key-name> には、クラウド IDE からダウンロードしたキーストアの 「 エイリアス 」を入力します。 - <path-to-production-keystore> には、ダウンロードしたキーストアファイルへの 「 パス 」を入力します。

keytool -exportcert -alias <your-key-name> -keystore <path-to-production-keystore> | openssl sha1 -binary | openssl base64

4. キーストアに設定されたパスワードを入力するように要求されます。

ビルド後に iOS 端末にアプリをインストールできません

対象端末が、ビルド時に選択されたプロビジョニングプロファイルに登録されているか確認してください。

Free プランでも、Monacaで提供している Cordova プラグイン ( 基本プラグイン、サードパーティー製プラグイン など ) をご利用いただけます。Monaca でご利用いただけるサードパーティー製プラグインに関しては、 をご確認ください。

また、自作のユーザー Cordova プラグインを使用する場合には、Pro プラン または 企業向けプランが必要となります。ユーザー Cordova プラグインの追加方法に関しては、 をご確認ください。

Windows ストアアプリの開発では、JavaScript と HTML5 のネイティブ機能が使用されます。Cordova 側に実装されている機能は利用できません。そのため、Windows ( Windows ストアアプリ ) と他のプラットフォームの両方で動作するアプリを開発する場合、この点に留意する必要があります。なお、Windows ストアアプリでは、JavaScript と HTML5 の標準機能とプロパティの一部に使用できないものがあります。詳しくは、 をご確認ください。

ステータスバーを非表示にする場合は、 を使用する必要があります。

deviceready イベントは、Cordova の読み込み完了後に発火するイベントです。このイベントの発火後であれば、Cordova API を安全に使用できます。詳細は、 をご確認ください。

なお、このような設定にした場合、のビルド処理が失敗することが確認されています。他のビルド処理では、このような不具合は確認されていません。

基本プラグイン
サンプル&Tip
サードパーティー製プラグイン
ユーザー Cordova プラグイン
HTML, CSS, and JavaScript features and difference ( 機能と相違点に関して )
StatusBar プラグイン
deviceready イベントの解説 ( 英語サイト )
Android 向けのカスタムビルド版デバッガー