常連

### 前提・実現したいこと

Discord.jsを使ってdiscordにメッセージをsendしたいのですが、そもそもpromiseがよく分かりません。
パソコンのCPU使用率やメモリ空き容量をメッセージとして送信したいのですが、結果としては成功しているのですがこんな書き方（promise .thenが3つ連なってる）はあまり良くないのではないか…と思って質問させていただきます。
もっと簡略化というか、見やすい書き方はあるのでしょうか。
javaScriptには触れ始めて数時間というレベルです。

### 発生している問題・エラーメッセージ

実行時のエラーはありません。望む結果は得られています。

### 該当のソースコード

```JavaScript
const Discord = require('discord.js');
var osu = require('node-os-utils')
var cpu = osu.cpu
var drive = osu.drive
var mem = osu.mem
const client = new Discord.Client();

const token = '(botのトークン)'

client.on('message', msg => {
    if (msg.content.indexOf(':azi') != -1) {
        if (msg.content.indexOf(' stat') != -1) {
            cpu.usage()
              .then(cpuPercentage => {
                drive.info()
                  .then(info => {
                    mem.info()
                      .then(memInfo => {
                        msg.channel.send(`\`\`\`CPUコア数：${cpu.count()}\nCPU使用率：${cpuPercentage}%\nストレージ空き容量：${info.freeGb}GB/${info.totalGb}GB(${info.freePercentage}%の空き)\nメモリ空き容量：${memInfo.freeMemMb}MB/${memInfo.totalMemMb}MB(${memInfo.freeMemPercentage}%の空き)\`\`\``)
            })})})

client.login(token);
```

### 補足情報（FW/ツールのバージョンなど）

discord.jsはv13ではなくv12を使っています。（これとはあまり関係ないですが・・・）

JavaScriptのPromiseを複数使うときの書き方が分からない

### 前提・実現したいこと

React.jsのコンポーネント内でOpenCV.jsのcvインスタンスにアクセスしたいのですが、CDNライブラリをコンポーネント内で使用する方法がわかりません。

コンポーネント内でCDNを呼び出す方法について以下のような質問もありましたが、こちらはスタイルの呼び出しはされていましたがjsの呼び出しはされていませんでした。

https://teratail.com/questions/151187

React.jsのコンポーネント内でCDNライブラリのjsファイルの呼び出し、インスタンスへのアクセスは可能でしょうか？
可能な場合、実現方法を教えてください。

### 試したこと

以下のようにimportを行うとエラーが発生しました。

```react
import cv from 'https://docs.opencv.org/4.5.3/opencv.js'
```

```error
Module not found: Can't resolve 'https://docs.opencv.org/4.5.3/opencv.js' in '/~~~/src'
```

また、public/index.htmlにscriptタグで読み込むようにすると、コンポーネントではインスタンスにアクセスができませんでした。

```html
<script src="https://docs.opencv.org/4.5.3/opencv.js"></script>
```

### 補足情報（FW/ツールのバージョンなど）

```
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
```

Reactのコンポーネント内でCDNのライブラリを使用する方法を教えてください

### 実現したいこと
現場作業員の方が現場のPC(windows)を使用し、ワンクリックで集計プログラムを実行すること（ワンクリックは無理だとしても少しでも作業工数を減らしたい)
又は、自動実行が一番良いのですが、月の変わり目、休日などの条件あり、エラーなしで作り込む自信がありません。

###現在検討しているプログラム実行方法
①anacondaをインストール　※最初のみ
②jupyterを選びクリック
③集計プログラムを選び、クリック
④shift+enterを押す
⑤更新したい月を入力
⑥8月であれば202108と入力
⑦enterを押す

上記はプログラムを普段使用している人であればストレスなく行えますが、使用していない人からするとかなりストレスを感じるかと思います。ただし、慣れてしまえば大丈夫な気もしますが・・・このような作業をアイコンを選んでダブルクリックのみで済ませることが出来るのが理想です。

###使用する集計プログラム
以下のプログラムを実行することで一日毎の稼働率が把握出来るexcelファイルが作成されます。
```PYTHON
import pandas as pd
from openpyxl import Workbook
import glob

t=input('更新したい月を入力してください')
file_list=glob.glob('//192.168.1.4/pi/mydata'+t+'*')
rcd={'日付' : [], '稼働時間(分)': [], '無人稼働時間(分)': [], '停止時間(分)': [],'トータル時間(分)': [],'稼働率(%)': []}

for file in file_list:

    a=pd.read_csv(file)
    d=(file[23:31])
    x=a.iloc[:,0].count()
    y=a.iloc[:,1].sum()
    z=a.iloc[:,2].sum()
    u=x-y-z
    w=round(y/x*100,1)
    rcd['日付'].append(d)
    rcd['稼働時間(分)'].append(y)
    rcd['無人稼働時間(分)'].append(z)
    rcd['停止時間(分)'].append(u) 
    rcd['トータル時間(分)'].append(x)
    rcd['稼働率(%)'].append(w)
    
df=pd.DataFrame(rcd)
print(df)

monthly_file = f'{t}.xlsx'
try:
    df_m = pd.read_excel(monthly_file,dtype={'日付': str})
    df_output = pd.merge(df_m, df,how='outer')
except FileNotFoundError:
    df_output = df.copy()
    df_output['コメント'] = None

df_output.to_excel(monthly_file,index=False)
```


###機械からの稼働率取得方法

稼働率取得を1分毎に自動取得しています。ラズベリーパイの光センサーでシグナルタワーの点灯パターンに合わせて機械の稼働率状況をpythonプログラムにてエクセル書き込みをしています。1分毎に毎日稼働状況を書き込みしています。
```python
import RPi.GPIO as GPIO
import datetime
import time
from time import sleep
import csv
import tkinter as tk
import pandas as pd
import matplotlib.pyplot as plt
import numpy as np


root1=tk.Tk()
root1.title("機械稼働率")
root1.geometry("1065x130")#ウインドウのサイズ

la1= tk.LabelFrame(root1, width=120, height=50,font=("arial", 40, "bold"),relief=tk.RIDGE,bd=10,)
la1.grid(row=0, column=0)

la2= tk.LabelFrame(root1, width=500, height=50,font=("arial", 20, "bold"),relief=tk.RIDGE,bd=10,)
la2.grid(row=0, column=1,columnspan=2)


la3= tk.LabelFrame(root1, width=500, height=50,font=("arial", 20, "bold"),relief=tk.RIDGE,bd=10)
la3.grid(row=0, column=3)

la4= tk.LabelFrame(root1, width=120, height=50,font=("arial", 20, "bold"),relief=tk.RIDGE,bd=10,)
la4.grid(row=1, column=0)

la5= tk.LabelFrame(root1, width=200, height=50,font=("arial", 20, "bold"),relief=tk.RIDGE,bd=10,)
la5.grid(row=1, column=1)

la6= tk.LabelFrame(root1, width=200, height=50,font=("arial", 20, "bold"),relief=tk.RIDGE,bd=10,)
la6.grid(row=1, column=2)

la7= tk.LabelFrame(root1, width=200, height=50,font=("arial", 20, "bold"),relief=tk.RIDGE,bd=10,)
la7.grid(row=1, column=3)


#以下の設定で枠の大きさが設定出来る
canvas1=tk.Canvas(la1,width=180,heigh=45,background='orange')#キャンバスエリア
canvas2=tk.Canvas(la2,width=400,heigh=45,background='orange')#キャンバスエリア
canvas3=tk.Canvas(la3,width=400,heigh=45,background='orange')#キャンバスエリア]
canvas4=tk.Canvas(la4,width=180,heigh=45)#キャンバスエリア
canvas5=tk.Canvas(la5,width=200,heigh=45,background='green')#キャンバスエリア
canvas6=tk.Canvas(la6,width=200,heigh=45,background='red')#キャンバスエリア]
canvas7=tk.Canvas(la7,width=400,heigh=45)#キャンバスエリア]


canvas1.pack()#ここを書かないとcanvasがうまく入らない．
canvas2.pack()#ここを書かないとcanvasがうまく入らない．
canvas3.pack()#ここを書かないとcanvasがうまく入らない．
canvas4.pack()#ここを書かないとcanvasがうまく入らない．
canvas5.pack()#ここを書かないとcanvasがうまく入らない．
canvas6.pack()#ここを書かないとcanvasがうまく入らない．
canvas7.pack()#ここを書かないとcanvasがうまく入らない．



dissolution=1 #計測分解能[s]
time1=time2=time3=time4=time5=time6=time7=time8=time9=time10=time11=0 #0秒
rate=0

t1s=t1m=t1mm=t1h=0
t2s=t2m=t2mm=t2h=0
t3s=t3m=t3m=t3h=0
t6s=t6m=t6mm=t6h=0


today1=datetime.datetime.now()
start=time.time()

kikai='D-'+'32'
    
try:
    while True:
        
        inputVal0=readadc(0,SPICLK,SPIMOSI,SPIMISO,SPICS)# CH0の信号を取得する プログラム運転（緑）
        inputVal1=readadc(1,SPICLK,SPIMOSI,SPIMISO,SPICS)#アラーム（赤）
        
        now=datetime.datetime.now()
        now6=now-datetime.timedelta(hours=6)#24時〜30時を前日分として保存
        nowday='{0:%Y%m%d}'.format(now6)#6時間前の日付でcsv保存するため
        nt1=now.strftime('%H:%M')#現在時刻
        nt='{0:%H%M}'.format(now)#時間
        
        
        if inputVal0>2000 and inputVal1<2000:#緑点灯で赤消灯
            #print(inputVal0)
            time1=time1+1
            time2=time2+1
            time10=time10+1#csvファイル保存用
            print('稼働時間'+str(time10)+'秒')
            print('緑の光量'+str(inputVal0))
            print('赤の光量'+str(inputVal1))
            print(nt)
                                                                  
            if time10 == 60:#60秒経過した場合
                rcd=[]
                rcd.append(now.strftime('%H:%M'))#時間追加
                rcd.append(1)
                rcd.append(0)
                f=open('mydata'+nowday+'.csv','a',newline='')
                wrtr=csv.writer(f,delimiter=',')
                wrtr.writerow(rcd)
                f.close() 
                time10=0#0秒に戻す
                data=pd.read_csv('mydata'+nowday+'.csv')
                x=data.iloc[:,0]
                x1=x.count()#１行目のデータ個数
                y=data.iloc[:,1]
                y1=y.sum()#2行目の合計

                z=round(y1/x1*100,1)#機械稼働率 小数点第一位まで
                print('稼働時間'+str(y1)+'分')
          
                canvas1.create_text(85,20,text=('機械'),font=("",30,"roman"),tag='Y') #タグを入れることで更新できるようにする．
                canvas2.create_text(200,20,text=('稼働状況'),font=("",30,"roman"),tag='Y')
                canvas3.create_text(200,20,text=('本日の稼働率'),font=("",30,"roman"),tag='Y') #タグを入れることで更新できるようにする．
                canvas4.create_text(85,20,text=(kikai),font=("",30,"roman"),tag='Y')
                canvas5.create_text(100,20,text=('稼働中'),font=("",30,"roman"),tag='Y') #タグを入れることで更新できるようにする．
                canvas6.create_text(100,20,text=(''),font=("",30,"roman"),tag='Y')
                canvas7.create_text(200,20,text=(str(z)+'%'),font=("",40,"roman"),tag='Y')
                
                canvas1.update()
                canvas2.update()
                canvas3.update()
                canvas4.update()
                canvas5.update()
                canvas6.update()
                canvas7.update()
                canvas1.delete('Y')
                canvas2.delete('Y')
                canvas3.delete('Y')
                canvas4.delete('Y')
                canvas5.delete('Y')
                canvas6.delete('Y')
                canvas7.delete('Y')
                                
        if inputVal1>2000 and  inputVal0<2000:#赤点灯で緑消灯
            time1=time1+1
            time3=time3+1
            time7=time7+1
            time11=time11+1
            print('準備時間'+str(time11)+'秒')
            print('緑の光量'+str(inputVal0))
            print('赤の光量'+str(inputVal1))
            print(nt)
                
                           
            if time11 == 60:
                rcd=[]
                rcd.append(now.strftime('%H:%M'))
                rcd.append(0)
                rcd.append(0)
                f=open('mydata'+nowday+'.csv','a',newline='')
                wrtr=csv.writer(f,delimiter=',')
                wrtr.writerow(rcd)
                f.close() 
                time11=0
                    
                    
                data=pd.read_csv('mydata'+nowday+'.csv')
                x=data.iloc[:,0]
                x1=x.count()#１行目のデータ個数


                y=data.iloc[:,1]
                y1=y.sum()#2行目の合計

                z=round(y1/x1*100,1)#機械稼働率 小数点第一位まで
                    
                canvas1.create_text(85,20,text=('機械'),font=("",30,"roman"),tag='Y') #タグを入れることで更新できるようにする．
                canvas2.create_text(200,20,text=('稼働状況'),font=("",30,"roman"),tag='Y')
                canvas3.create_text(200,20,text=('本日の稼働率'),font=("",30,"roman"),tag='Y') #タグを入れることで更新できるようにする．
                canvas4.create_text(85,20,text=(kikai),font=("",30,"roman"),tag='Y')
                canvas5.create_text(100,20,text=(''),font=("",30,"roman"),tag='Y') #タグを入れることで更新できるようにする．
                canvas6.create_text(100,20,text=('停止中'),font=("",30,"roman"),tag='Y')
                canvas7.create_text(200,20,text=(str(z)+'%'),font=("",40,"roman"),tag='Y')
                
                canvas1.update()
                canvas2.update()
                canvas3.update()
                canvas4.update()
                canvas5.update()
                canvas6.update()
                canvas7.update()
                canvas1.delete('Y')
                canvas2.delete('Y')
                canvas3.delete('Y')
                canvas4.delete('Y')
                canvas5.delete('Y')
                canvas6.delete('Y')
                canvas7.delete('Y')
                    
        elapsed_time=time.time()-start #(処理時間)＝(処理が終わった時間)ー(処理を始めた時間)
        a=dissolution - elapsed_time
        sleep(a)
        print('プログラム待機時間'+str(a))
        start=time.time()

       
        
except KeyboardInterrupt: #cntl+Cで停止
    pass



```