# アプリケーション

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

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

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

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

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

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgPBPTr_e5990O1t3ZC%2F-MgPEcwDkRs1rmmoVeRx%2Fimage.png?alt=media\&token=9468b4e5-28b2-4f45-8c23-79ae53da373e)

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

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgPBPTr_e5990O1t3ZC%2F-MgPEgNRzZ_bIUkqurV3%2Fimage.png?alt=media\&token=a12074d1-9686-4aea-b74e-85d166f90be0)

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

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

* [基本プラグイン](https://ja.docs.monaca.io/reference/core-cordova-plugins/cordova_10.0)
* [サンプル＆Tip](https://ja.docs.monaca.io/sampleapp)

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

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

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

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

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

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

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

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

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

Free プランでも、Monacaで提供している Cordova プラグイン ( 基本プラグイン、サードパーティー製プラグイン など ) をご利用いただけます。Monaca でご利用いただけるサードパーティー製プラグインに関しては、 [サードパーティー製プラグイン](https://ja.docs.monaca.io/reference/third_party_phonegap) をご確認ください。

また、自作のユーザー Cordova プラグインを使用する場合には、Pro プラン または 企業向けプランが必要となります。ユーザー Cordova プラグインの追加方法に関しては、 [ ユーザー Cordova プラグイン](https://ja.docs.monaca.io/products_guide/monaca_ide/dependencies/custom_cordova_plugin)をご確認ください。

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

Windows ストアアプリの開発では、JavaScript と HTML5 のネイティブ機能が使用されます。Cordova 側に実装されている機能は利用できません。そのため、Windows ( Windows ストアアプリ ) と他のプラットフォームの両方で動作するアプリを開発する場合、この点に留意する必要があります。なお、Windows ストアアプリでは、JavaScript と HTML5 の標準機能とプロパティの一部に使用できないものがあります。詳しくは、 [HTML, CSS, and JavaScript features and difference ( 機能と相違点に関して )](http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx) をご確認ください。

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

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

### Android

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

1. Monaca クラウド IDE メニュー上で、`設定 → Android アプリ設定`を選択し、フルスクリーンを有効にします。
2. `config.xml` ファイルに、次の行を追加します。

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

### iOS

ステータスバーを非表示にする場合は、 [StatusBar プラグイン](https://ja.docs.monaca.io/reference/core-cordova-plugins/cordova_10.0/statusbar) を使用する必要があります。

{% hint style="info" %}
設定を反映させる場合は、再度ビルドを行う必要があります。
{% endhint %}

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

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

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

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

```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` です。例を次に記します。

```markup
<?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>
```

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

## 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` ファイルを直接編集します。

```markup
<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.-->
```

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

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

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

`deviceready` イベントは、Cordova の読み込み完了後に発火するイベントです。このイベントの発火後であれば、Cordova API を安全に使用できます。詳細は、[deviceready イベントの解説 ( 英語サイト )](http://cordova.apache.org/docs/en/6.x/cordova/events/events.html#deviceready) をご確認ください。

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

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

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

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

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

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

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

{% hint style="info" %}
なお、このような設定にした場合、[Android 向けのカスタムビルド版デバッガー](https://ja.docs.monaca.io/products_guide/debugger/installation/debugger_android)のビルド処理が失敗することが確認されています。他のビルド処理では、このような不具合は確認されていません。
{% endhint %}

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

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

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

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

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

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

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