見出し画像

うつ病記録アプリを作ってみる【1回目】

#うつ病 #鬱病 #HTML #javascript #WEBアプリ #うつ病記録アプリ

作成の背景

プロフィールなどは機会があれば説明します。長い間、うつで休職してました。主治医や会社の保健士さんから下の図のような記録表を付けるように言われます。会社ではDXとか言われているのに手書きもなんだなーと思い、Webアプリを個人作成しようと

CANVASで作ろう

ネットなどで調べているとchart.jsというグラフ描画ライブラリはCANVASを使っていることがわかりました。なのでCANVASで作ろうと、、、

いざ作って見ると

CANVASを使うのは ほぼ初めてだったので調べながら作りました。
縦線描いて、横線描いて、日付のテキスト描いて、横軸の時間のテキスト描いてと、、
下図の赤枠部分をクリックしたら日々の行動を登録できるように別の表示枠を作成させるとこまでつくり、、、
行動を登録するのはいいが、『CANVASで描画した要素を削除するのってどうするんだろう?』と、、、
調べだすと、、、消せない(╥_╥)
x,y座標を指定しては消せるのですが要素単位では消せないことが、、、

次回からSVGで作り直します!!


いいなと思ったら応援しよう!