カテゴリー: 開発

【Visual Studio Tools for Apache Cordova】ビルド時に発生する「MSB6001」エラーの回避方法

2017年11月に更新した「ナンバーズサーチ」のビルドを実行したところ、下記メッセージが表示され、ビルドが失敗する現象が発生した。

[コード]　MSB6001
[説明]　”tsc.exe”のコマンドラインスイッチが無効です。値をNullにすることはできません。パラメータ名:path1

【Monaca】WebSQLを利用したアプリは注意が必要！！

先日、「AndroidシステムのWebView」のアップデートを行ったところ、Chromeデベロッパーツールでアプリのデバッグできなくなり、「AndroidシステムのWebView」のアンインストールを行った。
その後、デバッグできるようになったので作業を進めたが、途中でおかしいことに気がついた。
「AndroidシステムのWebView」をアンインストールすると、WebSQLを利用したアプリのデータがすべて削除されるようだ。

ユーザーのデータを守るためには、バックアップの仕組みを充実させるか、WebSQLから「Cordova-sqlite-storage」プラグインを利用した仕組みに変更するしか方法がない。

なお、Monacaの場合、Cordovaプラグインの使用は有料Proプラン(21,600 円/年)以降となるので、無料Freeプランの方は注意が必要。

AndroidシステムのWebView Cordova Monaca WebSQL

【Monaca】Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法

Monacaの「Onsen UI and Angular 1」のテンプレートは、Onsen UI V2のバージョンが古いため、Onsen UIの不具合と気がつかずに開発・検証を進め、必要以上の時間がかかる場合がある。
今回は、テンプレートを使用せずに、Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法を紹介する。
Continue reading

AngularJS Monaca Onsen UI

【Monaca】LINE・Twitterにメッセージを送信する

※Onsen UI V2.8.3 + Angular JS V1.6.6
[onsenui]・[js]フォルダにそれぞれ必要ファイルを配置すること。
事前にLINE・Twitterのアプリをインストールすること。

otak-lab

~~https://otak-lab.com/archives/1142~~

I am developing an app.

AngularJS LINE Monaca Onsen UI SNS Twitter

Amazon Fire7(2017,第7世代) apkファイルのインストールボタンを有効にする方法 – How to fix – Install button not working

まずapkファイルをタップする。
Continue reading

Amazon Fire7 Fireタブレット install button not working

Amazon Fire7(2017,第7世代)にGoogle Playストアを導入する方法

2020年版はこちら。

otak-lab

2020.11.24

Amazon Fire HD 8 (第10世代 2020)にGoogle Playストアを導入する方法

https://otak-lab.com/archives/3899

先月のセールでAmazon Fire HD 8 (第10世代 2020)を購入しました。早速ですが、Amazon Fire HD 8(第10世代 2020)にGoogle Playストアを導入したいと思います。Fire OS 7.3.1.6にアップデートしました。PCにて、以下のファイルをダウンロードします。(1) Google Services Framework 9(2) Google Play services(3) Google Account Manager(4) Google Play StorePCからFire HD 8のフォルダに4つのファイルを転送します。Fire HD 8のファイルアプリを起動します。「com.google・・・」という4つのファイルを順番にタップしてインストールを...

※2018/05/30 Fire OS 5.6.1.0 確認済み。
5,200円OFFのクーポンで購入したAmazon Fire7(2017)をアプリ開発に使用するため、Google Playストアを導入した。
その方法を紹介する。
※あらゆる問題が発生しても、すべて自己責任でお願いします。

Fire 7 タブレット (7インチディスプレイ) 8GB

新品価格
￥5,980から
(2018/5/30 15:00時点)

2017 Amazon Fire7 Google Play Playストア第7世代

【Monaca】ons-splitterのスワイプを制御する(Onsen UI v2)

※Onsen UI v2
ons-splitter-sideに設定したidを取得し、swipeableを取ったり付けたりして制御する。

var elem = document.getElementById("menu");
if (isSwipe) {
  elem.setAttribute("swipeable", "");
} else {
  elem.removeAttribute("swipeable");
}

var elem = document.getElementById("menu");

if (isSwipe) {

elem.setAttribute("swipeable", "");

} else {

elem.removeAttribute("swipeable");

}

Monaca ons-splitter Onsen UI swipe スワイプ

【Monaca】InAppBrowserで表示したサイト上にFAB風の［閉じる］ボタンを設置する

以前、私がStackOverFlowで投稿した回答を修正して、FAB(Floating Action Button)風の［閉じる］ボタンを設置してみた。
動作の詳しい内容は、webページからローカルに戻る方法を参照。

スタック・オーバーフロー

webページからローカルに戻る方法

https://ja.stackoverflow.com/questions/29794/webページからローカルに戻る方法/

ドキュメントを見ても分からなかったので質問させて頂きます。Monacaアプリ内ででwebページを表示した場合、アプリ内でwebページ&#x30...

※最小限のテンプレート + InAppBrowserプラグインが必要。

初期画面。

［show browser］ボタンを押下すると、Yahoo!JAPANが表示され、右下に［close］ボタンが設置される。

スクロールしても［close］ボタンの位置は変わらない。

［close］ボタンを押下すると、アプリに戻り、メッセージが表示される。

<!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:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
"use strict";
var btn_close = {
    code:   "var btn=document.createElement('button');" +
            "btn.style.cssText='position:fixed;color:#fff;background-color:rgba(43,97,143,0.5);font-size:12px;font-weight:800;width:48px;height:48px;bottom:16px;right:16px;border:none;border-radius:50%;box-shadow:2px 2px 1px rgba(48,48,48,0.5);z-index:999;';" +
            "var t=document.createTextNode('close');" +
            "btn.appendChild(t);" +
            "btn.addEventListener('click', function(e) {" +
            "window.open('about:blank');" +
            "}, false);" +
            "document.body.appendChild(btn);"
};
window.addEventListener("load", function(e) {
console.log("load");
    var elem = document.getElementById("button_show");
    elem.addEventListener("click", function(e) {
console.log("click button");
        var ref = window.open("http://www.yahoo.co.jp/", "_blank", "location=no");
        ref.addEventListener("loadstop", function(e) {
console.log("loadstop " + e.url);
            if (e.url.search(/about:blank/) > -1) {
                ref.close();
            } else {
                ref.executeScript(btn_close);
            }
        }, false);
        ref.addEventListener("exit", function(e) {
console.log("exit");
            alert("close browser");
        });
    }, false);
}, false);
    </script>
    <style>
    </style>
</head>
<body>
	<br>
    <button id="button_show">show browser</button>
</body>
</html>

<!DOCTYPE HTML>

<html>

<head>

"use strict";

var btn_close = {

code: "var btn=document.createElement('button');" +

"btn.style.cssText='position:fixed;color:#fff;background-color:rgba(43,97,143,0.5);font-size:12px;font-weight:800;width:48px;height:48px;bottom:16px;right:16px;border:none;border-radius:50%;box-shadow:2px 2px 1px rgba(48,48,48,0.5);z-index:999;';" +

"var t=document.createTextNode('close');" +

"btn.appendChild(t);" +

"btn.addEventListener('click', function(e) {" +

"window.open('about:blank');" +

"}, false);" +

"document.body.appendChild(btn);"

};

window.addEventListener("load", function(e) {

console.log("load");

var elem = document.getElementById("button_show");

elem.addEventListener("click", function(e) {

console.log("click button");