Logのグラフ単体では実行できるがrealtimeのコンポーネントを挿入するとLogのグラフが表示されなくなる

npm WARN lifecycle The node binary used for scripts is /tmp/yarn--1588554678764-0.7983480303522339/node but npm is using /usr/local/bin/node itself. Use the --scripts-prepend-node-path option to include the path for the node binary npm was executed with.

[email protected] dev /code
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

94% asset optimization

ERROR Failed to compile with 1 errors 1:11:20 AM

Module build failed: Error: No ESLint configuration found.
at Config.getLocalConfigHierarchy (/code/node_modules/eslint/lib/config.js:255:39)
at Config.getConfigHierarchy (/code/node_modules/eslint/lib/config.js:179:43)
at Config.getConfigVector (/code/node_modules/eslint/lib/config.js:286:21)
at Config.getConfig (/code/node_modules/eslint/lib/config.js:329:29)
at processText (/code/node_modules/eslint/lib/cli-engine.js:163:33)
at CLIEngine.executeOnText (/code/node_modules/eslint/lib/cli-engine.js:620:17)
at lint (/code/node_modules/eslint-loader/index.js:218:17)
at Object.module.exports (/code/node_modules/eslint-loader/index.js:213:21)

https://forum.vuejs.org/t/access-vue-data-object-from-inside-catch-promise/17293

アロー関数を用いてthisを固定することでアクセスできる

現状のReactive.vueを用いると
親のコンポーネントから温度、デバイス情報の引数を渡すことでデータベースのログデータを表示することができる。
しかし、複数のログデータを表示しようとしたときにはコンポーネントごとの変数を親コンポーネントが保持する必要があるので問題となる。

https://qiita.com/ttn_tt/items/aaf948af1ae4e6b0776e

GET時は時間と値のみ
POST時はdeviceなどの情報を送りたい

参考になりそうなとこ
http://sakataharumi.hatenablog.jp/entry/2018/10/20/010806
https://stackoverflow.com/questions/34989915/write-only-read-only-fields-in-django-rest-framework

chartjsでx軸にtimeを利用するとrefleshのプロパティが要求される。
realtimeのプラグインのエラーなのでrealtimeを使用しないでx軸にtimeを利用する場合にはoptionにてrealtimeのプラグインを無効にする

nagix/chartjs-plugin-streaming#80

管理の仕方を検討する

Version support¶
Django supports MySQL 5.6 and higher.

Django’s inspectdb feature uses the information_schema database, which contains detailed data on all database schemas.

Django expects the database to support Unicode (UTF-8 encoding) and delegates to it the task of enforcing transactions and referential integrity. It is important to be aware of the fact that the two latter ones aren’t actually enforced by MySQL when using the MyISAM storage engine, see the next section.

https://docs.djangoproject.com/en/3.0/ref/databases/#mysql-notes

振動センサーを取り付けるにあたりサンプリングレートが高いので１データづつ送ると処理が非常に重くなる問題がある。
そのため、バッチ処理でPOST要求をしたいが、まとめてデータをポストする方法が不明で現時点では１データづつしか処理できない。

vueの動作としてcreatedを実行後にmountedが実行されるが
createdにてapiアクセスなどによる非同期処理により時間がかかると処理が終了する前にmountedが実行される。

そのためapi通信処理後にvueのインスタンス変数が更新されるためmounted時にはインスタンス変数はnullになってしまう。

通常はchartjsのjson データを書き換えただけでは表示が更新されないそのため
chartjsのmixinを利用して変更をキャッチする

https://vue-chartjs.org/ja/guide/#props%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88

mysqlのデータ数が増えたことによってクエリ処理が重くなった。
そのため、おそらくマウント時にデータ取得が終了していないのでデータを参照できなかった。

API処理をmounted関数内部に記述することで対応した。