【Monaca】Onsen UIの画面内に外部Webページを表示する その2

【Monaca】Onsen UIの画面内に外部Webページを表示する」の記事において、iOS版のスクロールがうまくいかないと問い合わせが多く、また某サイトでも何度か話題となっており、再度チャレンジしてみました。


Continue reading

【Monaca】Android版をビルドしてAndroid 9 で実行すると「Failed to load resource: net::ERR_CLEARTEXT_NOT_PERMITTED」と表示される


Monacaにおいて、「【Monaca】Onsen UI WordPressのWP REST APIを利用してons-carouselに記事を表示する」のAndroid版のデバッグビルドを行い、実際にau SHV40(Android 9)でアプリを実行したところ、「Failed to load resource: net::ERR_CLEARTEXT_NOT_PERMITTED」と表示され、まったく動作しませんでした。


今回は、このエラーを回避する方法について紹介します。
Continue reading

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

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


Continue reading

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

Monacaの「Onsen UI V2 JS Splitter」のサンプルやOnsen UIons-splitterの実例では、ons-splitter-contentloadメソッドでページの切り替えを行っていますが、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プラグインがインストールできない状態であることがわかりました。



実際に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