plotly dashを用いて、ダッシュボードUIを作成

[sakamomo554101]

https://dash.plotly.com/layout

[sakamomo554101]

https://dash-gallery.plotly.host/Portal/ 参考にできそう

[sakamomo554101]

https://github.com/plotly/dash-sample-apps/ こっちかな。

[sakamomo554101]

https://dash.plotly.com/dash-core-components/textarea

本文の入力は上記のtextareaを使えば、とりあえず良いかな（ファイル読み込みは一旦あとで考えるとして）

[sakamomo554101]

https://github.com/plotly/dash-sample-apps/tree/master/apps/dash-summarize

これベースにできそう

[sakamomo554101]

https://dash-bootstrap-components.opensource.faculty.ai/

dash bootstrap componentsを使うと、UI作りやすそう。 ドキュメント読んでみる。

[sakamomo554101]

dash のcallbackについて

https://qiita.com/nerimplo/items/3e7ab09a3dd2bb16a41d https://dash.plotly.com/basic-callbacks

ようはInputで指定した要素の値が変化したら、デコレーターで設定した関数が実行されて、outputに指定した要素の値が変わる感じ。

[sakamomo554101]

https://dash.plotly.com/live-updates

live update（リアルタイムアップデート）の例。 要素にぶらさげたchildrenを更新する対象にするのが良さそう。

[sakamomo554101]

https://dash-bootstrap-components.opensource.faculty.ai/docs/components/spinner/ 処理中はスピナーでも回しておくか。

[sakamomo554101]

https://www.webprofessional.jp/css-viewport-units-quick-start/ vh -> viewport height

[sakamomo554101]

https://dash-bootstrap-components.opensource.faculty.ai/docs/components/spinner/ button + spinnerの例も描いてある。親切。

[sakamomo554101]

それっぽいUIにはなった（デザインセンス皆無だけど）

[sakamomo554101]

8 で対応