カテゴリー: 開発

【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

【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");

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);

</script>

<style>

</style>

</head>

<body>

<br>

<button id="button_show">show browser</button>

</body>

</html>

FAB Floating Action Button InAppBrowser Monaca

Amazon Fireタブレット、その後・・・

Amazon「春のタイムセール祭り」で購入した「Fire タブレット 8GB、ブラック」のドット抜けの件、初期不良品ということで交換となった。

早速アプリストアで「ナンバーズサーチ」を確認する。

FireOSはAndroid5.1ベースなので、動作は特に問題ないようだ。
ほかに考えられる問題は、広告をタップした場合に該当のアプリが存在するか？くらいか。
今後は開発やデバッグをメインに使っていこうと思う。

Amazon Fireタブレット

Amazon Fireタブレット購入！ドット抜けだった・・・

Amazon「春のタイムセール祭り」で「Fire タブレット 8GB、ブラック」をプライム会員限定5,000円OFFで購入した。
Amazonアプリに「ナンバーズサーチ」を公開しているが、一度もAmazonの端末で確認していないので丁度よい機会と思った。

電源を入れて設定している途中で、画面にホコリのようなものが・・・
よく見ると、ドット抜けだった。
解像度が1024×600なので、背景が暗いと常時点灯はさすがに気になる。
4,000円で文句を言うなと・・・

とりあえずAmazonに問い合わせてみようと思おう。

Amazon Fireタブレットドット抜け

【Monaca】Basicプランでは解決できず！InAppBrowser Google OAuth2認証の問題

「【Monaca】アプリリリース後の問題について」で記載したInAppBrowserを使用したGoogle OAuth2認証の問題だが、海外のサイトなどいろいろと調査した結果、cordova-plugin-googleplusを導入すれば解決できることがわかった。
しかし、無料のMonaca Basicプランではプラグインが使用できず、結果的に解決できない事態となった。

Cordovaの開発環境を構築し、MonacaからCordovaへ環境を移行するしか方法がないようだ。

Cordova Google InAppBrowser Monaca OAuth2

【Monaca】「[要対応] Google Play デベロッパーポリシー違反に関わる警告」のメールが届く

本日、下記メールが届いた。

Google Play デベロッパー様

お客様のアプリギャンブル収支管理（パッケージ名 jp.wpblog.hatopp.gambleprofitmanager）が、Google Play の個人情報や機密情報に関するユーザーデータポリシーに違反していることが確認されました。

警告の詳細: Google Play では、ユーザーや端末に関する機密情報を要求する、または取り扱うアプリの場合、デベロッパーは有効なプライバシーポリシーを提供する必要があります。当該のアプリは、個人情報または機密情報に関わる権限（カメラ、マイク、アカウント、連絡先、スマートフォンなど）またはユーザーデータを要求していますが、有効なプライバシーポリシーが確認できませんでした。

必要な対応: [ストアの掲載情報] ページとアプリ内に有効なプライバシーポリシーへのリンクを記載してください。詳しくは、こちらのヘルプセンター記事をご参照ください。

なお、機密情報に関わる権限やユーザーデータに対するリクエストをアプリからすべて取り除かれた場合には、上記のご対応は必須ではございません。

また他にも公開している同様のアプリがある場合、すべてのアプリについて目立つ方法での開示の要件を満たしているかどうかご確認ください。

2017 年 3 月 15 日までにこの問題を解決いただくようお願いいたします。ご対応いただけない場合、Play ストアからの削除も含め、お客様のアプリの公開を制限する措置を取らせていただきます。恐れ入りますが、あらかじめご了承ください。Google Play のユーザー皆様にわかりやすく透明性の高いサービスを提供するため、ご協力いただけますと幸いです。

どうぞよろしくお願いいたします。

Google Play チーム

原因は、「Nifty Cloud for Push Notification Plugin」をアップデートしてアプリをリリースしたため。
プライバシーポリシーについて調査する時間がなく、また3月15日と期限が短いため、やむを得ずプッシュ通知機能を廃止して回避することにした。

otak-lab

2018.09.14