2/11.log
log
今日は午前中からプログラミングをしていました。お昼を食べようと思って冷蔵庫を開けた時に今日買い物行かないといけないことを思い出し午後から買い物に行ってからまたプログラミングをしていました。
今日は昨日までかなり忙しく今日が祝日だったということでゆっくり過ごそうと思っていたのですが買い物をする必要があったみたいです。
プログラミングの進捗
今日は昨日の続きとしてアンケートの結果を表示する機能を実装していました。昨日まででバックエンドが終わったので今日はフロントエンドの実装をしていました。グラフの表示はreact-chartjs-2を使いました。みた感じあくまでchart.jsのラッパーなでそこまで複雑なものではないのですがスター数も多くメンテナンスもしっかりしていたので採用することに。これを使うとデータを投げるだけでグラフが表示できるようになります。
今現在アンケートの回答形式がradio,checkであれば横向きの棒グラフが表示され、textであればその一覧がpタグに囲まれて表示されます。とりあえずデザインは後でします。グラフの表示とかも固定ではなくユーザーの思い通り円グラフなりword cloudなりで表示できるようになりたいと思っています。とりあえず結果表示という最低限の機能は実装できているので次いきます。
ここまでが午前中していたことです。
午後からは次のapiに行こうとしていました。機能としてはアンケートの新規作成。当たり前ですがフロントからデータを送る必要があってアンケートの問題数を可変にしたいと思っておりその中でもタイプ(text,radio,check)も選べてその選択肢も任意にしたいと思っています。
この場合二重で動的なインプットを受け付けることができる必要があります。一つは問題数に応じてインプットの個数で二つ目が選択肢の数です。
とりあえずどのように実装していくかの手順を書き出した結果まずはライブラリでも探してみようと思っていたのですが実は既に使っているreact-hook-formのみで入力フォームの増減さらにネストされたインプット、アウトプットの作成ができるみたいで今回はライブラリの追加は行わずreact-hook-formのみで実装することにしました。
必要な関数などを調べてその関数の動作確認をしていたのですが正直なところ全くといってもいいほど使い方がわからなかったです。
理解できるように努めたいと思います。
この記事が気に入ったらサポートをしてみませんか?