engagement survey

DEMO

https://yoichirodeguchi.github.io/engagement_survey/ （top.htmlのページを上手く掲載できませんでした..）

紹介と使い方

• 従業員の満足度調査を行うツール
• 回答ページ（従業員用）と結果ページ（管理者用）の構成
• 従業員に回答ページのリンクを送り満足度調査の回答をしてもらう→結果ページで集計結果を確認し、今のチームの状態を可視化することができる。

工夫した点

• オブジェクトの中から属性ごとのデータを取り出し、表示させたい箇所に1つずつ紐づけたこと
• とにかく空の配列を色んなパターンで沢山つくりpushした！（ここが一番大変だった）
• 「属性ごとの満足度」は常に非表示にした状態で、該当ボタンを選択すると浮き上がるようにした
• 回答者が管理者用ページに飛べないようにページを分けた
• 数字をグラフに反映

苦戦した点

• ローカルストレージへのオブジェクトの保存と取り出し。
• 回答者の属性別に結果を取り出すこと。
• ローカルストレージに保存しても配列は空で参照しにいけないので、リロードする度に空の配列にpushするようにした点（これに気付くのに相当時間がかかった...）。
• 残ってる課題：結果ページの「属性ごとの満足度」の箇所が質問項目すべてを選択しないとエラーになる（処理が止まってしまう）
• 今後実装したいこと：①評価日で推移を追っていけるようにする、②点数に応じて「強み」と「弱み」に分類しより分かりやすくする、③属性ごとの結果をレーダーチャートで重ね合わせて比較できるようにする

参考にした web サイトなど

• グラフ：https://www.chartjs.org/docs/latest/getting-started/