常連

###前提・実現したいこと
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

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

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

こんにちは、プログラミング初心者です。
現在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>

```
※他の、質問に無関係なコードは省略しています。

Textarea内の文字に改行制限を設けたいのですが…。

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

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

### Androidの端末設定にかかわらず、フォントサイズを固定したい。

【開発環境】
Monaca+OnsenUi+jQuery

【実現したいこと】
端末のフォントサイズの設定にかかわらず、アプリ内のフォントサイズを固定にしたい。

【状況】
Android端末で
［設定］→［ユーザー補助］→［フォントサイズ]
のフォントサイズを変更すると画面で表示されるフォントが変更されてしまう。
結果、画面が崩れてしまう。
フォントサイズごとに画面を作成するのはデザインや確認を考えると現実的ではないと判断。

例）
cssで10pxを指定している文字を
フォントサイズ：標準の状態で表示すると10pxで表示されるが。
フォントサイズ：最大の状態で表示すると13pxで表示される。
（値は手元の端末で実施した場合、倍率や設定数などは端末によって異なるようです。）

### 該当のソースコード

```css
.fontTest{
    font-size: 10px;
}
```

```html
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <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>
    function fontView(){
      alert('現在のフォントサイズ:' + $('.fontTest').css('font-size'));
    }
  </script>
</head>
<body>
  <div class="fontTest">
    フォントサイズ
  </div>
  <button type="button" onclick="fontView()" style="font-size:20px">
    フォントサイズ表示
  </button>

  <script>
    alert('変更前のフォントサイズ:' + $('.fontTest').css('font-size'));
    $('.fontTest').css('font-size',"20px");
  </script>

</body>
</html>
```
### 試したこと
１．フォントサイズの指定をpx指定からvwや%に変更。
    →指定したvwや%をもとに拡大された。
      この際に、画面サイズが変更されているか確認したが、変更されていなかった。

２．画面描画前にフォントサイズをcssを書き換えて変更。
    →記載したソースがこれになります。
      書き換えたフォントサイズをもとに拡大されている？

Androidの端末設定にかかわらず、フォントサイズを固定したい。

JavaScriptで、とあるAPIを使って取得した記事データを配列に入れており、その際のコードが下記のようなものとなっております。

記事の数だけオブジェクトが増えていくのですが、最後にこれら記事の日付を基にして、配列内で並び替えを行いたいのですが、単純な数列ならともかく、この複雑な日付フォーマットをどのように処理すれば正しく並び替えができるのか分かりません。

お知恵ご教授頂けますと幸いです。
よろしくお願いいたします。





```JavaScript
var articleData = {data:[]};
          
var article = {
  'title': test[i].title, // APIから取得したデータをこんな感じで流し込んでいます
  'date': test[i].date, // こちらも同様
};
          
articleData.data.push(article); // 配列に追加




```

```JavaScript
// 生成されたコードは最終的に以下のような形なります。
// これを日付順に並び替えたいと考えております（下記の場合、記事A→C→Bの順になるようにしたい）。

{data:[
  {
    'title': '記事A',
    'date': 'Tue, 22 May 2018 13:20:00 GMT',
  },
  {
    'title': '記事B',
    'date': 'Tue, 8 May 2018 06:35:12 GMT',
  },
  {
    'title': '記事C',
    'date': 'Tue, 15 May 2018 18:21:12 GMT',
  }
]};          


```


---
### 以下のコードで解決いたしました
```JavaScript
articleData.data.sort(function(a, b){
  return new Date(b.date) - new Date(a.date);
});
```