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 クラウド IDE のコードエディター上で、カーソルがズレて表示されます
  • プログラムの書き方が分かりません
  • Monacaでチーム開発を行う方法を教えてください
  • 開発に使用する資産などに関して、Monaca では、どのようにセキュリティー管理を行っていますか?
  • Monaca クラウド IDE 上で使える、キーボードのショートカットはありますか?
  • スプラッシュ画像を変更するには、どうしたらいいですか?
  • Monaca Debugger にスプラッシュ画面が表示されません
  • スプラッシュ画面に GIF 画像を使用できますか?
  • Monaca Localkit のプロジェクト一覧が、正しく表示されません

役に立ちましたか?

  1. FAQ

使用方法

前へアプリケーション次へFreeプラン

最終更新 3 年前

役に立ちましたか?

Monaca を使用した、携帯端末向けアプリの開発手順を教えてください

どの開発工程からでも、また、どの開発環境でも、Monaca を導入できるように、次の 3 つの開発ツールを提供しています。

これらのツールを使用すれば、お好みのプラットフォーム上で、アプリ開発を進められます。次に、Monaca を使用した開発手順の大まかな流れを記します。

  • から Monaca に登録します。

  • HTML5/CSS3/JavaScript でコードを記述します。

  • Monaca デバッガーを必要に応じて使用し、アプリの動作確認を行います。

  • 対象のプラットフォーム向けのビルド設定を行い、アプリをビルドします。

  • ビルドされたアプリパッケージ ( .app または .apk ) をダウンロードし、端末にインストールします。

ビルドしたアプリを、iPhone または iPad にインストールする場合には、iOS Developer Program に登録する必要があります。詳細、[iOS アプリのビルド]() をご確認ください。

プロジェクトのテンプレートを自作できますか?

プロジェクトのテンプレート自作機能は提供していません。

Monaca クラウド IDE のコードエディター上で、カーソルがズレて表示されます

ブラウザーの表示倍率が原因で、Monaca クラウド IDE のコードエディターが正しく表示されていない可能性があります。ブラウザー上の表示倍率をデフォルトに戻して、Monaca クラウド IDE をご利用ください ( ブラウザーの種別に関わらず、[ Ctrl+0 ] キーをタイプすれば、ほとんどの場合、標準倍率に戻ります )。

プログラムの書き方が分かりません

Monacaでチーム開発を行う方法を教えてください

また、MonacaクラウドIDEとGitHub、Git SSH連携機能や、Monaca LocalkitやMonaca CLIなどを通じて各種バージョン管理ツールを活用したチーム開発を行うことができます。

なお、ご契約されているプランにより、使用できる機能が異なります。

企業向けプランの場合は、チームでの開発時に、次の機能をご利用いただけます。

  1. チームの管理 : 共有プロジェクトへ、メンバーを招待できます。また、共有プロジェクトから、メンバーを削除できます。

  2. 複数の開発者と、ソースコードを共有できます ( 開発者には、権限として、「 開発者 」 が割り当てられていること )。以下に、共有時のシナリオを、ご参考までに紹介いたします。

    • 1 つ目の共有シナリオとして、Monaca に実装されている 「 共有 」 機能を使用した、プロジェクトの 「 共有 」 があります。この機能では、複数の開発者が、IDE 上で、同じプロジェクトを編集できます。編集内容が競合 ( conflict ) する場合には、前のバージョンが上書きされます。

  3. テスターによる検証 : Monaca に実装されている 「 共有 」 機能では、プロジェクトにメンバーをテスターとして招待して ( 「 テスター 」 権限の割り当て )、共に、検証を行えます。

開発に使用する資産などに関して、Monaca では、どのようにセキュリティー管理を行っていますか?

Monaca クラウド IDE 上で使える、キーボードのショートカットはありますか?

スプラッシュ画像を変更するには、どうしたらいいですか?

Monaca Debugger にスプラッシュ画面が表示されません

スプラッシュ画面につきましては、ビルドアプリでのみ正しく表示されます。 Monaca デバッガーでは正しく表示されない場合があります。 スプラッシュ画面につきましては、ビルドアプリで確認してください。

スプラッシュ画面に GIF 画像を使用できますか?

現時点では、Monacaで対応しているスプラッシュ画像は、 PNG ファイルのみになります。

Monaca Localkit のプロジェクト一覧が、正しく表示されません

Monaca Localkit のプロジェクト一覧が正しく表示されない場合は、下記の手順で Monaca Localkit のリセットをお試しください。

  1. Monaca Localkit をアンインストールします。

  2. ユーザーのホームディレクトリを開きます。例:

    • Windows: C:¥Users¥user home directory

    • Mac: /Users/user home directory

  3. .cordova フォルダー内の localkit.db ファイルの名前を変更します。(例: localkit.db_bak)

  4. PCを再起動します。

  5. Monaca Localkit 最新版をインストールします。

  6. Monaca Localkitを起動します。この時、新しい localkit.db が作成されます。

Monaca Localkit をリセットした場合、Monaca Localkit にインポートされていたプロジェクトリストは、クリアされます。 そのため、プロジェクトを再度インポートする必要があります。

Monaca を使用したアプリ開発の詳細を記した、チュートリアル、開発ガイド、サンプルアプリなどを豊富にご用意しています。具体的なコーディング方法、解説なども、併せて記述していますので、是非、ご確認ください ( 参考リンク : 、。

Monaca クラウド IDE のチーム管理機能を使用して、Monaca に登録されたメンバー間で、プロジェクトを共有できます。詳細に関しては、 をご確認ください。

個人向けプランをご利用の場合には、テスターとしてチームへの参加のみ行えます。各プランの機能制限に関しては、 をご確認ください。

特別なご要望がない限り、各ユーザーのリソースは、同一サーバー上で、アカウント別に保管されています。有料とはなりますが、リソースの保存場所の新規設置、アクセスできる IP アドレスの制限など、ご要望に応じて、セキュリティー強化を別途行うこともできます。詳細につきましては、 からお問い合わせください。

Monaca クラウド IDE で利用できるショートカットに関しては、をご確認ください。

スプラッシュ画像の変更は、 または の [ スプラッシュ画像 ] 設定項目から、行うことができます。

Monaca クラウド IDE
Monaca Localkit
Monaca CLI
こちら
サードパーティー製プラグイン
サンプル&Tip
共有設定
料金プランの詳細
こちら
エディターのショートカット一覧
iOS アプリの設定
Android アプリの設定