【Monaca】D3.jsを使用して折れ線グラフを表示する

私が開発したアプリの折れ線グラフは、すべてD3.jsを使用しています。

d3js.org
 
D3.js - Data-Driven Documents
https://d3js.org
D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

「どうやって折れ線グラフを表示しているのか」など問い合わせが多いため、今回はコピー＆ペーストすればアプリに使える、折れ線グラフを表示する方法について紹介します。
Continue reading

【Monaca】Androidでファイルの読み込み・書き込み・ファイル一覧を取得する方法

アプリ内で使用するデータのバックアップやリカバリーを行う場合、ファイルのアクセスが必要となります。
そこで、Androidでファイルの読み込み・書き込み・ファイル一覧を取得する方法について紹介したいと思います。
※iOSのビルド環境がないため、Androidのみとなります。

ファイルアクセスには2つのプラグインが必要です。
Monacaの場合、有料プランの契約が必要となりますので、ご注意ください。
※2020/06/07追記
Continue reading

【Cordova】cordova-sqlite-storageプラグインでデータベースのオープンを通知する

アクティブユーザー数が3万を超えた「シンプル体重管理」ですが、ユーザー数が増えると共にトラブルも増え、アプリの低評価も目立つようになってきました。

その原因の一つが、localStorageが消えてしまう問題です。
アプリの設定データをlocalStorageに保存していますが、何らかの理由で消えてしまうと、設定データが初期化されてしまいます。
昨年12月にも「「Google Chrome」「AndroidシステムのWebView」のアップデートで大変なことになりました」で大きな問題になりました。

そこでアプリ起動時にSQLiteからアプリの設定データを読み込もうとしましたが、データベースをオープンする前にSQL文を実行してエラーとなってしまいました。
※cordova-sqlite-storageプラグインを使用します。

GitHub
 
GitHub - storesafe/cordova-sqlite-storage: A Cordova/PhoneGap plugin to open ...
https://github.com/xpbrew/cordova-sqlite-storage
A Cordova/PhoneGap plugin to open and use sqlite databases on Android, iOS and Windows with HTML5/Web SQL API - GitHub - storesafe/cordova-sqlite-storage: A Cordova/PhoneGap plugin to open and use ...

Continue reading

【Monaca】Chrome DevToolsを使用したデバッグ方法（Android版）

いつもteratailを見て思うのですが、Monaca関連に限らず「初心者」という言葉を強調して質問する方が多いように感じます。
コードをコピペ（コピー＆ペースト）して実装することは悪いことではありませんが、一行一行のコードの意味を理解しなくても動いてしまうため、検証中に思った動きにならない場合、結果的に行き詰まってしまうのではないかと思います。

今回は、Android端末でChrome DevToolsを使用したデバッグ方法について説明します。
Continue reading

【Monaca】アフィリエイト広告で収入を得る方法

「ギャンブル収支管理」で採用している方法で、アプリでアフィリエイト広告で収入を得る方法を紹介します。
※iframe使用のため、iOS版はリジェクトされる可能性があります。

play.google.com
https://play.google.com/store/apps/details?id=jp.wpblog.hatopp.gambleprofitma...
https://play.google.com/store/apps/details?id=jp.wpblog.hatopp.gambleprofitmanager&hl=ja

Continue reading

【Cordova】cordova-plugin-local-notificationプラグインの問題点を解決する

「シンプル体重管理」のリマインダー機能で、バイブレーションのオン・オフがAndroid 8以降の端末で動かないことに気がつき、いろいろと調査したところ、通知チャンネルを作成して管理するとのことでした。

Android Developers
 
Create and Manage Notification Channels  |  Android Developers
https://developer.android.com/training/notify-user/channels

バイブレーションのオン・オフが動かない理由もわかりました。

通知チャネルを作成した後に、通知の動作を変更することはできません。その時点ではユーザーが完全にコントロールします。ただし、チャネルの名前と説明はデベロッパーが変更できます。

現状、cordova-plugin-local-notificationプラグインはいくつか問題があるので、改造にチャレンジしてみました。
Continue reading

【Monaca】Onsen UI 自作のテンキーボードを制御する

前回紹介した【Monaca】Onsen UI 自作のテンキーボードを表示するの続き、制御の処理を追加したいと思います。
※2020/05/04 コードの一部を修正。

otak-lab
2020.04.03
【Monaca】Onsen UI 自作のテンキーボードを表示する
https://otak-lab.com/archives/3113
今回は、Onsen UIに自作のテンキーボードを表示する方法を紹介します。FX収支管理の入力画面と同じ方法です。Monacaデバッガーの結果です。iOS版Android版次回は、各キーの制御について紹介する予定です。HTML<div class="div-tenkey"> <div class="div-tenkey_board"> <ons-row vertical-align="center"> <ons-col width="3%"></ons-col> <ons-col width="22%"> <ons-button modifier="large" class=&quot...

Continue reading