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

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

otak-lab
【Monaca】D3.jsを使用してドル円の日足チャートを表示する
🕒️2020/06/26
今回は、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
ノジマオンラインでジャンクのdocomo Xperia Z5 SO-01Hを購入した結果・・・
🕒️2020/05/17
先日、ノジマオンラインでジャンクの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
【Monaca】D3.jsを使用してグラフに複数の折れ線を表示する
🕒️2020/06/18
今回は、前回紹介した「【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
【Monaca】D3.jsを使用して折れ線グラフを表示する
🕒️2020/06/16
私が開発したアプリの折れ線グラフは、すべてD3.jsを使用しています。「どうやって折れ線グラフを表示しているのか」など問い合わせが多いため、今回はコピー＆ペーストすればアプリに使える、折れ線グラフを表示する方法について紹介します。d3.min.jsをフォルダにアップロードしてください。2次元配列dataに年月日と数値を設定し、window.fn.chart.createLineChart("chart", data)を実行すれば、折れ線グラフが表示されます。※見た目が少し変わるように、Google Fontsを使用しています。Monacaデバッガーの結果です。iOS版...

Continue reading

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

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

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

Continue reading

【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