常連

### 実現したいこと

monacaでadmob-plus-cordovaプラグインを使用したい

### 前提

monacaIDEで作成したAndroid向けアプリにプラグインを導入したいです、
言語はjavascript、
コンポーネントはjQuery3.7.0,Cordova(PhoneGap)Loader1.0.5,MonacaCoreUtility2.2.1
ターゲットSDKはver31
プラットフォームはAndroid10.1.2
パッケージタイプはAppBundle
となります。

こちらのサイトを参考にプラグインを導入しました。
https://senmyou.xyz/cordova-admob-plus%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%A7%E5%BA%83%E5%91%8A%E3%82%92%E8%A1%A8%E7%A4%BA/

プラグインの設定から以下の記述を追加しました。
APP_ID_ANDROID=ca-app-pub-****** AdMobで取得したIDです。
PLAY_SERVICES_VERSION=21.0.0

カスタムデバッグビルドを実施し、実機でアプリデバッグをおこないました。

### 発生している問題・エラーメッセージ

テスト広告が表示されません。
確認したところ、await admob.start()が動作していないようです。

### 該当のソースコード

showAdMob()をボタン要素からOnClickで呼び出しています。

```ここに言語を入力
<ons-button onclick="showAdMob()">テスト</ons-button>
```

JavaScriptの記述
```ここに言語を入力
ons.ready(async function() {
    init_ad();
})
var gAdMob = 0;
 
// 広告の表示
async function showAdMob() {
  if (gAdMob) {
    await gAdMob.show()
  }
}
 
// AdMobの初期化処理（一回だけ実行）
async function init_ad() {
  if (window.admob) {
    // AdMob SDKの初期化
    console.log("start");
    await admob.start();
    console.log("adstarted");
 
    // インタースティシャル広告の生成
    gAdMob = new admob.InterstitialAd({
      adUnitId: 'ca-app-pub-3940256099942544/1033173712'  // test id
    });
 
    // 広告の読み込み
    await gAdMob.load();
 
    // 広告を閉じたときに発生するイベントのリスナーを登録
    document.addEventListener('admob.ad.dismiss', async () => {
      console().log("admob is dismiss. reload");
      // show()関数で再表示させるための読み込み
      await gAdMob.load();
    });
  } else {
    console.log("admob is undefined");
  }
}
```
-------------------------------------------------------------------
### 試したこと

以下の公式ドキュメントのコードへ差し替えても同じようにadmob.start()が動作しませんでした。
https://admob-plus.github.io/docs/1.x/cordova

setTimeOutでawaitの挙動を確認しましたがそちらは問題ありませんでした。

解決方法がお分かりの方、ご教示お願い致します。
また、monacaで該当のプラグインの導入に成功された方、手順をご指導いただければと思います。

よろしくお願いします。

### 追記　試したこと
他の箇所が原因である可能性を潰すため、新たに最小限のテンプレートからプロジェクトを作成し同様にビルドを行いました。
結果、やはりテスト広告は表示されませんでした。コードの全文を下記します。
```html/javascript
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
  <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
  <script src="components/loader.js"></script>
  <script src="lib/onsenui/js/onsenui.min.js"></script>

  <link rel="stylesheet" href="components/loader.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
  <link rel="stylesheet" href="css/style.css">

  <script>
    ons.ready(function() {
      console.log("Onsen UI is ready!");
      init_ad();
    });

var gAdMob = 0;
 
// 広告の表示
async function showAdMob() {
  if (gAdMob) {
    await gAdMob.show()
  }
}
 
// AdMobの初期化処理（一回だけ実行）
async function init_ad() {
  if (window.admob) {
    // AdMob SDKの初期化
    console.log("start");
    await admob.start();
    console.log("adstart");
    // インタースティシャル広告の生成
    gAdMob = new admob.InterstitialAd({
      adUnitId: 'ca-app-pub-3940256099942544/1033173712'  // test id
    });
 
    // 広告の読み込み
    await gAdMob.load();
 
    // 広告を閉じたときに発生するイベントのリスナーを登録
    document.addEventListener('admob.ad.dismiss', async () => {
      console().log("admob is dismiss. reload");
      // show()関数で再表示させるための読み込み
      await gAdMob.load();
    });
  } else {
    console.log("admob is undefined");
  }
}
  </script>
</head>
<body>
  <br />
  <button onclick="showAdMob()">テスト</button>
  This is a template for Onsen UI app.
</body>
</html>

```
また、ons.readyの発火タイミングについても調べましたが、公式ドキュメントで利用しているdevisereadyよりも後であるため、問題ないと推察します。
https://qiita.com/keeey/items/ad06afeae0c40b52d9bd
https://ja.onsen.io/v2/guide/fundamentals.html

情報お待ちしております。


monacaでadmob-plus-cordovaプラグインを使用したい

### ニフクラのデータベースから値を抜き、配列に反映させたい。

ここに実現したいことを箇条書きで書いてください。
- [ ] ニフクラのデータベースから値を抜き配列に反映させ動作するようにする

### 現在制作しているもの

➀日付・数字を入力してmBaaSに送る。
②mBaaSから値を引き抜き配列に入れる
③Chart.jsを使ってグラフに反映させる

monaca・mBaaSとの連携でシステムを作っています。
ｍBaaSから値を出す場合の方法を知りたい。

### 発生している問題・エラーメッセージ

```
値が反映されない。
```

### 該当のソースコード

```javascript
// SDKの初期化
var ncmb = new NCMB(applicationKey, clientKey);

// ボタンが押されたときの処理
function pushButton() {
    var message = document.getElementById("message").value; // 金額
    var day = document.getElementById("day").value; // 日付

    alert(message); // アラートで表示

    // 保存先クラスの生成
    var MessageClass = ncmb.DataStore("MessageClass");

    // クラスインスタンスの生成
    var messageClass = new MessageClass();

    // データを設定
    messageClass.set("message", message);
    messageClass.set("day", day);

    // データを保存し、結果を処理する
    messageClass.save()
        .then(function(savedObject) {
            // 保存成功時の処理
            console.log("保存に成功しました。", savedObject);
        })
        .catch(function(error) {
            // 保存失敗時の処理
            console.error("保存に失敗しました。エラー:", error);
        });
}
</script>


</head>

<body>
 <a href="#" onclick="history.back()">前のページへ戻る</a>
    <center>
       <img src="hi.png">
<br>
<label for="day2">日付:</label>
<input id="day" type="month" name="example">
<br>
<label for="salary">金額:</label>
<input type="text" id="message" name="salary"
    oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />



<button onclick="pushButton();">送信</button>
</center>

結果：<span id="item"></span>

<div style="width:350px;" >
    <canvas id="chart"></canvas>
  </div>

 <script>
    // ページが読み込まれたらグラフを描画
    document.addEventListener('DOMContentLoaded', function() {
      var ctx = document.getElementById("chart");
      var myLineChart = new Chart(ctx, {
        // グラフの種類：折れ線グラフを指定
        type: 'line',
        data: {
          // x軸の各メモリ
          labels: ['４月', '５月', '６月', '７月', '８月', '９月'],
          datasets: [
            {
              label: '最高気温(度）',
              data: [27, 26, 31, 25, 30, 22],
              borderColor: "#ec4343",
              backgroundColor: "#00000000"
            },
            {
              label: '最低気温(度）',
              data: [18, 21, 24, 22, 21, 19],
              borderColor: "#2260ea",
              backgroundColor: "#00000000"
            }
          ],
        },
```

### 試したこと

結果：<span id="item"></span>に反映させようとして
 function MessageClass() {
    /** mobile backend に取得する **/
    // 保存先クラスの生成
    var MessageClass = ncmb.DataStore("MessageClass");
    // 取得処理
    Omikuji.fetchAll()
           .then(function(objects){
             
             var result= object.get("message");
             // 画面に結果を表示
             document.getElementById("message").innerText = message;
          })
          .catch(function(error){
             /* 取得失敗時の処理 */
             alert("Error: " + error.code);
          });
  }

をしました。入力したデータがｍBaaSのカラム名messageに入っています。

### 補足情報（FW/ツールのバージョンなど）

試したことだとできないので教えていただきたいです。


ｍBaaSでの値を配列に反映させたい

###前提・実現したいこと
vue.jsを用いてmonacaでカレンダーアプリを作成しています。
https://kuroeveryday.blogspot.jp/2015/07/vuejs-calendar.html
上記のサイトのカレンダーを利用しようとしています。


###発生している問題・エラーメッセージ
```
[Vue warn]: Failed to mount component: template or render function not defined.
```
というエラーが出たので、調べたところ、webpackがランタイム版では動かないとのことらしく、スタンドアロン版に変更するために、webpack.dev.config.jsとweb pack.prod.config.jsの
module expotes内のresolve内のaliasをvue/dist/vue.esm.jsに変更しました。すると、
(追記)勘違いしており、vue.esm.jsはランタイム版でした。もともとvue.common.js（スタンドアロン版）になっていた時に上記のエラーが出て、vue.esm.jsに変更したところ出なくなり、その後vue.common.jsに戻しても上記のエラーは再発しませんでした。
```
Uncaught SyntaxError: Unexpected token export
```
というエラーが出ました。
###該当のソースコード
```html
<head>
  <link rel="stylesheet" type="text/css" href="m_calendar.css">
</head>

<body>
<template>

    <v-ons-page>
    <div>
      <custom-toolbar :title="'Home'" :action="toggleMenu"></custom-toolbar>
    </div>
    <div>
      <p style="text-align: center">
        Welcome home.
      </p>
    </div>

      <div id="app">
    <div id="calendar-nav">
        <i class="glyphicon glyphicon-menu-left" v-on="click: moveLastMonth"></i>
        <span>{{calData.year}} - {{getMonthName(calData.month)}}</span>
        <i class="glyphicon glyphicon-menu-right"  v-on="click: moveNextMonth"></i>
    </div>
    <table id="calendar" class="table table-bordered">
        <thead>
            <tr>
                <th v-repeat="week: weeks">{{week}}</th>
            </tr>
        </thead>
        <tbody>
            <tr v-repeat="week: calendar">
                <td v-repeat="day: week">{{day.day}}</td>
            </tr>
        </tbody>
    </table>
</div>


    </v-ons-page>
</template>
</body>
//brach
<script>
  import customToolbar from './toolbar'
  export default {
    props: ['toggleMenu'],
    components: { customToolbar }
  }

  import calendar from './m_calendar'
</script>
```
```js
<script>

import Vue from 'vue';

Vue.component('app',{
    data: function() {
      return{
        weeks: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        calData: {year: 0, month: 0}
    }},
    created: function (){
        var date = new Date();
        this.calData.year = date.getFullYear();
        this.calData.month = date.getMonth() + 1;
    },
    methods: {
        getMonthName: function(month) {
            var monthName = ['January','February','March','April','May','June','July','August','September','October','November','December'];
            return monthName[month - 1];
        },
        moveLastMonth: function() {
            if (this.calData.month == 1) {
                this.calData.year--;
                this.calData.month = 12;
            }
            else {
                this.calData.month--;
            }
        },
        moveNextMonth: function() {
            if (this.calData.month == 12) {
                this.calData.year++;
                this.calData.month = 1;
            }
            else {
                this.calData.month++;
            }
        }
    },
    computed: {
        calendar: function () {
            // 1日の曜日
            var firstDay = new Date(this.calData.year, this.calData.month - 1, 1).getDay();
            // 晦日の日にち
            var lastDate = new Date(this.calData.year, this.calData.month, 0).getDate();
            // 日にちのカウント
            var dayIdx = 1;

            var calendar = [];
            for (var w = 0; w < 6; w++) {
                var week = [];

                // 空白行をなくすため
                if (lastDate < dayIdx) {break;}

                for (var d = 0; d < 7; d++) {
                    if (w == 0 && d < firstDay) {
                        week[d] = {day: ''};
                    } else if (w == 6 && lastDate < day) {
                        week[d] = {day: ''};
                        dayIdx++;
                    } else if (lastDate < dayIdx) {
                        week[d] = {day: ''};
                        dayIdx++;
                    } else {
                        week[d] = {day: dayIdx};
                        dayIdx++;
                    }
                }

                calendar.push(week);
            }
            return calendar;
        }
    }
});

  </script>
```
```css
/* カレンダーナビのスタイル */
#calendar-nav {
    text-align: center;
}

#calendar-nav span {
    display: inline-block;
    width: 200px;
}

#calendar-nav i:hover {
    cursor: pointer;
}

/* カレンダーのスタイル */
.table th, td{
    text-align: center;
}

#calendar th:first-child {
    background-color: #FEEEFF;
}
#calendar td:first-child {
    background-color: #FEEEFF;
}
#calendar th:nth-child(7) {
    background-color: #DFFFFF
}
#calendar td:nth-child(7) {
    background-color: #DFFFFF
}

#calendar td:hover {
    opacity: 0.6;
}

```

###試したこと
検索してみてもわかりませんでした。初歩的な質問で申し訳ないのですが、教えていただけると幸いです。

###参考URL
https://qiita.com/shin1x1/items/a5fa4f163e3565eba3bf

Uncaught SyntaxError: Unexpected token export

monacaでアプリを開発し、端末にインストールしようとしたところ

> 解析エラー
> パッケージの解析中に問題が発生しました。

というエラーが表示されインストールができませんでした。

ファイルは
１．ビルド後、PCにダウンロード
２．webサーバーにアップロード
３．URLからダウンロードしてインストール

過去バージョンは同様の方法でインストールが行えました。
また、提供元不明なアプリのインストールも許可になっており、セキュリティーソフトもOFF状態になっています。
4月20日ごろに試したときには普通にインストールすることができていました。


○試したこと、結果
・android5.0.2、android4.4、ios8.2、でインストール。
 →パッケージ解析エラー

・ビルドのやり直し
 →パッケージ解析エラー

・インストールしているアプリを削除後にインストール
 →パッケージ解析エラー

・monacaのビルド後にQRやメールリンクでのインストール
 →インストールできる

・過去のアップロード済みファイルをインストール
 →インストールできる

・過去のアップロード済みファイルをFTPでローカルPCにダウンロード、
 名前を変更してアップロードしてインストール
 →パッケージ解析エラー

・別のサーバーやDROPBOXなどからダウンロードしてインストール
 →パッケージ解析エラー

・過去のアップロード済みファイルをサーバー上で名前を変更してインストール
 →インストールできる


現状としては、ローカルPCを経由するとインストールができなくなるっぽいということだけです。

何卒よろしくお願い致します。

アプリのパッケージ解析エラーについて

**現象**
iTunes Connectへアップロードを行い、iTunes ConnectのTestFlightのサイドメニューにあるiOSビルドにアップロードしたビルドが表示されているのに、TestFlightのサイドメニューにあるiTunes Connectユーザ（内部テスト）を開いて、内部テストを行おうとすると、
ビルドのタブにアップロードされたビルドが表示されないため、利用可能なビルドが表示されず、
TestFlightを行うことができません。

TestFlightの内部テストは審査は不要と聞いたので、
iTunes ConnectのMyAppで登録したアプリのビルドをiTunes Connectへアップロードすれば、
TestFlightの内部テストがすぐに出来ると思っていましたが、
実際にはそうはならず、どこの設定が悪いのか分からず、困っています。

**iTunes Connectへアップロード**
アプリはMonacaのアプリでAdHocのリリースビルドで生成したipaファイルを
ApplicationLoaderからiTunes Connectへアップロードしています。


**Application Developer Programに登録した内容は以下の通りです。**

**・登録したCertificatesの情報**
　Production->App Store and Ad Hocを選択

**・ iOS App IDs**
　Name:iTunes ConnectのMyAppに登録したアプリ名
　ID:iTunes ConnectのMyAppに登録したバンドル

**・Devices**
　テストで使用する端末のUDIDのリスト

**・iOS Provisioning Profiles**
　Distribution->Ad Hocを選択し、上記で作成したものを選択し、作成。

TestFlightに利用可能なビルドが表示されない。

monacaでアプリを作成しています。（実機はiPad）
ドロップダウンリストを選択した時に表示されるリストの文字サイズを大きくする方法がわかりません。
cssに、font-sizeを指定して、フォントサイズ30pxにしてみたところ、
ドロップダウン自体の文字サイズは大きくなりましたが、リスト部分が小さいままでした。
※画像の選択１～４のリストのところです。

![イメージ説明](b9c68e291a5cc064067f90059ac76ecc.png)


ドロップダウンリストは以下の様に記述しました。
```ここに言語を入力
  <select id='listBox'>
  <option value='1'>選択１</option>
  <option value='2'>選択２</option>
  <option value='3'>選択３</option>
  <option value='4'>選択４</option>
  </select>
```

CSSには、以下のように記述しました。
```ここに言語を入力
select {
	font-size: 30px
}
```

ちなみに、
```ここに言語を入力
select.textBig {
	font-size: 30px
}
```
として、
<select id='listBox' class='textBig'>に変更してみましたが、リスト部分の文字サイズは変わりませんでした。

リスト部分の文字サイズを大きくする方法をご教授いただけますでしょうか？

ドロップダウンリストの文字サイズを大きくしたい

monacaで開発したアプリから外部サイトに遷移するときに、
**「monacaで開発したアプリの変数」**を**「外部サイト」**に渡したいのですが
方法が分からなかった為質問致しました。

javascript⇒javascriptで配列tmpDataを渡したいのですが・・・。

初心者なりに色々調べたのですが全く検討も付かない状態で途方に暮れています。
ご教授頂けないでしょうか。よろしくお願い致します。





「monacaで開発したアプリ」のindex.html
```javascript

var tmpData = [];//ページ遷移先に渡したい変数
tmpData[0] = "test0";
tmpData[1] = "test1";

var ref = cordova.InAppBrowser.open('ページ遷移先のURL');  //URLに飛ぶ
```

「変数」を「ページ遷移先」で使いたい

こんにちは、プログラミング初心者です。
現在Monaca(HTML＋JavaScriptのハイブリッドアプリ開発プラットフォーム)の無料プランで初のアプリ開発に取り組んでいます。
その中で、<textarea>のタグを使用して、利用者が自由に文字入力をできる仕組みを作りました。そして画面の関係上文字数制限も設けましたが、行数に対する制限がまだない状態です。行数制限を３行で設けたいと思い、ネットの記事を参考に以下のようなコードで試してみましたが、エラーになってしまいます。
そこで、原因解明に行数制限の別の方法や、その他のご指摘などあれば参考にさせていただきたいです。
よろしくお願いいたします。


```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<script language="JavaScript">

</script>



bodyタグ内↓
<textarea rows="3" cols="30" wrap="hard"style="width:300px;height:100px;border-style:none;font-size:x-large;text-align: center;"placeholder="Input your message!"
onchange="Limit(event)" onkeyup="Limit(event)">
</textarea>

```
※他の、質問に無関係なコードは省略しています。