【Monaca】localStorageを使用してアプリの設定データを取得・保存する

今回は、localStorageを使用してアプリの設定データを取得・保存する方法について説明します。

developer.mozilla.org
 
Window.localStorage - Web API | MDN
https://developer.mozilla.org/ja/docs/Web/API/Window/localStorage
localStorage プロパティはローカルの Storage オブジェクトにアクセスすることができます。 localStorage は sessionStorage (en-US) によく似ています。唯一の違いは、localStorage に保存されたデータには保持期間の制限はなく、sessionStorage に保存されたデータはセッションが終わると同時に（ブラウザが閉じられたときに）クリアされてしまうことです。

Continue reading

「AdMob は app-ads.txt のサポートを開始します」対処方法

2019/08/08に以下のメールが届きました。

AdMob は app-ads.txt のサポートを開始します

app-ads.txt 導入の準備はお済みですか？

app-ads.txt が導入されるまでに、ファイルを正しく実装しておきましょう

Google は常に、お客様のアプリ広告の収益の保護に努めています。アプリを取り巻く大きな課題に、不正利用者による広告枠の偽装があります。この被害からパブリッシャー様を守り、広告主様から支払われる広告費が、本来それを受け取るべきパブリッシャー様に確実に届くよう、Google の広告システム全体で app-ads.txt のサポートを開始します。

app-ads.txt とは

app-ads.txt はオリジナルの標準的な ads.txt を発展させたもので、サイト運営者様はこれを使用して承認済みのアドテク事業者を宣言することができます。その目的は、広告枠を偽装する不正利用者から、アプリのパブリッシャー様を保護することにあります。

変更内容と影響

AdMob では、app-ads.txt ファイルをデベロッパー ドメインに配置したパブリッシャー様に対して、2019-08-08 より app-ads.txt のサポートを開始します。
この変更に備えて、デベロッパー ドメインに公開された app-ads.txt ファイルに誤謬や入力ミスがないことを確認してください。

app-ads.txt ファイルが正しく実装されていることを確認するには

公開されたファイルがすべて正しいことを前提に導入が実施されるため、ファイルに誤謬や入力ミスがある場合、広告配信がブロックされる可能性があります。
そのため、2019-08-08 までに正しく実装し、誤謬のない状態にしておくことが非常に重要となります。あるいは、意図しない広告収益の損失を防ぐために、ドメインでのファイルの公開を停止する必要があります。
サポートの開始前にすでに app-ads.txt ファイルを公開している場合は、慎重に確認することをお勧めします。ファイルは、掲載している Google Play ストア（Android）または App Store（iOS）のウェブサイトのルート ディレクトリに公開する必要があります。詳細については、IAB による app-ads.txt の仕様を参照してください。

・・・以下省略・・・

広告収益を守るため、「app-ads.txt」の対処について説明します。
Continue reading

Amazon Fire HD 10にGoogle Playストアを導入する方法

7月15～16日、Amazonプライム会員のための大感謝祭「プライ厶デー」において、Fire HD 10 タブレット (10インチHDディスプレイ) 32GB – Alexa搭載を購入しました。

見てのとおり、Fire 7より大きいです。

早速、Google Playストアの導入が可能か試してみたいと思います。
※あらゆる問題が発生しても、すべて自己責任でお願いします。
Continue reading

【Monaca】Onsen UI ons-splitterとons-navigatorを組み合わせる

Monacaの「Onsen UI V2 JS Splitter」のサンプルやOnsen UIのons-splitterの実例では、ons-splitter-contentのloadメソッドでページの切り替えを行っていますが、ons-navigatorを組み合わせてページ遷移を行うサンプルがないので、どのようにすればよいか悩む方も多いと思います。

ons-splitter-content内にons-navigatorを組み込み、メニューで項目を選択した場合、ons-splitter-contentではなく、ons-navigatorのページを切り替えることで実現できます。
Continue reading

【Cordova】phonegap-plugin-mobile-accessibilityプラグインがインストールできない

【Monaca】フォントサイズを変更しても画面デザインが崩れないようにするという記事のアクセスが急増しているので、いろいろと調べていたところ、Androidのプラットフォームが存在する場合にphonegap-plugin-mobile-accessibilityプラグインがインストールできない状態であることがわかりました。

otak-lab
2018.05.01
【Monaca】フォントサイズを変更しても画面デザインが崩れないようにする
https://otak-lab.com/archives/1287
MonacaやCordovaを使用したアプリ開発で必ずこの問題にぶち当たる。フォントサイズを大きくすると、画面デザインが崩れてしまう問題だ。開発においては、一般的なフォントサイズに合わせて画面デザインを行う。フォントサイズを小さくすると、全体的に寂しくなるが、画面デザインが崩れることはない。しかし、フォントサイズを大きくすると、下記のとおり画面デザインが崩れてしまう。この問題を解決するには、phonegap-plugin-mobile-accessibilityプラグインを使用する。Onsen UI V2 + Angular JSの場合、最初に呼び出されるコントロ...

GitHub
 
GitHub - phonegap/phonegap-mobile-accessibility: PhoneGap plugin to expose mo...
https://github.com/phonegap/phonegap-mobile-accessibility
PhoneGap plugin to expose mobile accessibility APIs. - GitHub - phonegap/phonegap-mobile-accessibility: PhoneGap plugin to expose mobile accessibility APIs.

実際にcordovaでインストールしようとすると、以下のようなエラーが発生します。

C:\app\test>cordova plugin add https://github.com/phonegap/phonegap-mobile-accessibility.git
Failed to fetch plugin https://github.com/phonegap/phonegap-mobile-accessibility.git via registry.
Probably this is either a connection problem, or plugin spec is incorrect.
Check your connection and plugin name/version/URL.
Error: npm: Command failed with exit code 1 Error output:
npm ERR! path git
npm ERR! code ENOENT
npm ERR! errno ENOENT
npm ERR! syscall spawn git
npm ERR! enoent Error while executing:
npm ERR! enoent undefined ls-remote -h -t https://github.com/phonegap/phonegap-mobile-accessibility.git
npm ERR! enoent
npm ERR! enoent
npm ERR! enoent spawn git ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xxxxx\AppData\Roaming\npm-cache\_logs\2019-07-10T00_56_27_188Z-debug.log

Continue reading