【Monaca】画面上にCODE128のバーコードを表示する

コンビニなど会計時に、アプリのバーコードの提示を求められるケースが多くなってきました。
MonacaとmBaaSを組み合わせれば、会員の管理など簡単に行うことができます。
会員を識別する方法は、アプリの画面上に会員コードをバーコードとして表示する方法が一般的です。

今回は、アプリの画面上にCODE128のバーコードを表示して、実際に読み取れるか確認したいと思います。
Continue reading

【Cordova】cordova-plugin-admob-freeプラグインのバナー広告の高さを取得する(Android)

cordova-plugin-admob-freeプラグインのバナー広告の表示で、overlapをtrueにすると、アプリの画面下部がバナー広告で隠れてしまいます。
バナー広告の高さを取得できれば、アプリの画面の高さを調整することで回避することができます。
iOSの場合、admob.banner.events.LOADイベントでbannerHeightを取得することができますが、Androidは未対応のようです。

今回は、cordova-plugin-admob-freeプラグインを改造して、Androidでバナー広告の高さを取得したいと思います。

GitHub
 
GitHub - ratson/cordova-plugin-admob-free: New development has been moved to ...
https://github.com/ratson/cordova-plugin-admob-free
New development has been moved to "admob-plus-cordova", https://github.com/admob-plus/admob-plus/tree/master/packages/cordova - GitHub - ratson/cordova-plugin-admob-free: New development ...

Continue reading

【Monaca】D3.jsを使用してドル円の日足チャートに指数平滑移動平均線を表示する

今回は、前回の「【Monaca】D3.jsを使用してドル円の日足チャートに単純移動平均線を表示する」のコードを流用して、指数平滑移動平均線を表示しようと思います。
Continue reading

ナンバーズサーチ Ver.1.5.5をリリースしました！

ナンバーズサーチ Ver.1.5.5をリリースしました。
Google Playストア・Amazon アプリストアよりダウンロードできます。
※Ver.1.5.0よりAndroid 4.0～4.4.4のサポートを終了しました。

Google Play で手に入れよう

変更点は下記のとおりです。
Continue reading

【Monaca】D3.jsを使用してドル円の日足チャートに単純移動平均線を表示する

今回は、「【Monaca】D3.jsを使用してドル円の日足チャートを表示する」のコードを流用して、単純移動平均線を表示する方法について紹介します。

otak-lab
2020.06.26
【Monaca】D3.jsを使用してドル円の日足チャートを表示する
https://otak-lab.com/archives/3432
今回は、D3.jsを使用してドル円(USDJPY)の日足チャートを表示する方法について紹介します。※D3.js関連記事のコードを流用します。まず、ドル円の日足の四本値(始値、高値、安値、終値)のCSVデータを取得します。セントラル短資FX データダウンロードからドル円の日足データCSVを取得し、2次元配列のデータを作成します。app.js"use strict";ons.ready(function () { var data = , , , , , , , , , , , , , , , , , , ]; window.fn.chart.createChart("chart...

Continue reading

【Monaca】D3.jsを使用してドル円の日足チャートを表示する

今回は、D3.jsを使用してドル円(USDJPY)の日足チャートを表示する方法について紹介します。
※D3.js関連記事のコードを流用します。

まず、ドル円の日足の四本値(始値、高値、安値、終値)のCSVデータを取得します。
Continue reading

ジャンクのdocomo Xperia Z5 SO-01Hのカメラを修理する

5月中旬にノジマオンラインで購入したジャンクのdocomo Xperia Z5 SO-01Hですが、カメラのエラーが連発するジャンク品でした。

otak-lab
2020.05.17
ノジマオンラインでジャンクのdocomo Xperia Z5 SO-01Hを購入した結果・・・
https://otak-lab.com/archives/3257
先日、ノジマオンラインでジャンクのdocomo Xperia Z5 SO-01Hを購入しました。【ジャンク中古品】docomo Xperia Z5 Pink SO-01H「カメラアプリが起動しないジャンク品です。」らしいです。SO-01Hの過去のアップデート内容を確認すると、改善される事象として「カメラ起動時、まれにエラーが表示され起動できない場合があります。」と記載があるので、システムアップデートで改善できるかもしれません。それでは、どのような状態のジャンク品が届いたのか紹介します。表面に傷などは見られませんが、液晶の下部付近が白っぽくなっていま...

今回は、そのSO-01Hのバックパネルをはずして、有効画素数約2300万画素のカメラを修理したいと思います。
※あらゆる問題が発生しても、すべて自己責任でお願いします。
Continue reading

【Monaca】D3.jsを使用したグラフに凡例を表示する

今回は、前回紹介した「【Monaca】D3.jsを使用してグラフに複数の折れ線を表示する」のコードに凡例を表示する処理を追加します。

otak-lab
2020.06.18
【Monaca】D3.jsを使用してグラフに複数の折れ線を表示する
https://otak-lab.com/archives/3394
今回は、前回紹介した「【Monaca】D3.jsを使用して折れ線グラフを表示する」のコードを流用し、グラフに複数の折れ線を表示する方法について紹介します。日経平均の高値と安値を折れ線グラフに表示します。Monacaデバッガーの結果です。まず、2次元配列を以下のように変更します。app.js"use strict";ons.ready(function () { var data = , , , , , , , , , , , , , ]; window.fn.chart.createLineChart("chart", data);});CSSに以下のコードを追加します。style.css....

Continue reading

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

今回は、前回紹介した「【Monaca】D3.jsを使用して折れ線グラフを表示する」のコードを流用し、グラフに複数の折れ線を表示する方法について紹介します。

otak-lab
2020.06.16
【Monaca】D3.jsを使用して折れ線グラフを表示する
https://otak-lab.com/archives/3376
私が開発したアプリの折れ線グラフは、すべてD3.jsを使用しています。「どうやって折れ線グラフを表示しているのか」など問い合わせが多いため、今回はコピー＆ペーストすればアプリに使える、折れ線グラフを表示する方法について紹介します。d3.min.jsをフォルダにアップロードしてください。2次元配列dataに年月日と数値を設定し、window.fn.chart.createLineChart("chart", data)を実行すれば、折れ線グラフが表示されます。※見た目が少し変わるように、Google Fontsを使用しています。Monacaデバッガーの結果です。iOS版...

Continue reading