01
入力したその場でチェック
選択肢は番号で入力し、Enter で次の項目へ進みます。選択肢にない番号はその場でエラーに、「満足なのに理解できなかった」のような読み違いの多い組合せは確認として知らせます。
入力・集計支援ツール
紙で回収したアンケートを Excel で入力・点検・集計していた作業を、ブラウザで動く小さなツールにしました。入力したその場でのチェック、集計と CSV の書き出し、2 人で入力した結果の照合までできます。
制作例 c ／ システム ／ 受託した案件ではありません
見どころ
02
集計から書き出しまで
単純集計とクロス集計を画面で確かめ、そのまま CSV に書き出せます。条件つきの設問は答える人だけを分母にし、エラーの残る回答は集計から外します。
03
2 人で入力して、食い違いだけ見直す
別の人が入力した CSV を読み込むと、項目ごとに突き合わせて、食い違った調査票と項目だけを一覧にします。見直しは一覧の分だけで済みます。
概要
| 名称 | 入力・集計支援ツール |
|---|---|
| 想定した業務 | 業務支援ツールの開発・改修 |
| 分類 | システム（システムの改修・保守・小規模開発） |
| 参照した基準 | Google Chrome で試験（Edge・Firefox・Safari は未試験）。JIS X 8341-3:2016 に配慮（入力欄のラベル、エラーの知らせ方、キーボードだけの操作、コントラスト） |
| データの出典 | デモ用のデータは、当社で作成した見本の回答 120 件です（実在の調査・回答者とは関係ありません） |
| 使用技術 | HTML・CSS・JavaScript（ライブラリなし。データはブラウザの localStorage）、Node.js と Chrome による自動テスト |
用いた公開データの利用規約に従い、出典を表記しています。
想定した業務
Excel などで行っている入力・確認・集計の作業を、小規模なツールにまとめる業務を想定しています。設問・選択肢・チェックの内容は 1 つの定義ファイルにまとめ、画面・集計・CSV はそこから作るため、調査票が変わっても定義を書き換えるだけで済みます。データは利用するパソコンのブラウザの中だけに置き、外部には送信しません。テスト 31 項目は Chrome で実際に操作して自動で実行し、その結果をそのままテスト仕様書兼成績書にしています。
成果物
実際の業務で納品する形にそろえ、本体と文書に分けて掲載しています。
本体
- ツール本体見本の回答 120 件を読み込んだ状態で開きます（入力しても保存されません）HTML・CSS・JavaScript開く：ツール本体
- ソースコード一式展開して index.html を開くと、インターネットに接続していなくても動きますZIPダウンロード：ソースコード一式（24 KB）
- 出力データの例（単純集計）見本の 120 件から、ツールの書き出し機能で作った集計の CSVCSV（UTF-8）ダウンロード：出力データの例（単純集計）（3 KB）
- 出力データの例（回答）同じく、回答を番号で書き出した CSVCSV（UTF-8）ダウンロード：出力データの例（回答）（7 KB）
文書
- 設計書画面・入力項目・チェックの内容・集計の方法・CSV の形式PDFダウンロード：設計書（1.0 MB）
- テスト仕様書兼成績書テスト 31 項目の手順・期待する結果と、実行した結果（全項目合格）PDFダウンロード：テスト仕様書兼成績書（0.8 MB）
- 操作手順書利用する方向けの、入力・点検・集計・照合の手順PDFダウンロード：操作手順書（0.7 MB）
- 引継書保守を引き継ぐ方向けの、構成・試験の環境・変更の手順PDFダウンロード：引継書（1.9 MB）
- 作業報告書作業の日付と内容の記録PDFダウンロード：作業報告書（0.5 MB）
確認の方法
次の手順で、掲載した内容をお確かめいただけます。
- ツールを開き、「所属」に選択肢にない「7」を入力して、その場でエラーが出ることを確かめます。
- 「集計」の人数と、出力データの例（単純集計の CSV）の数値を見比べます。
- テスト仕様書兼成績書の項目を、ツールで一つずつ確かめます。
- ソースコード一式を展開し、インターネットに接続していない状態で index.html を開いて動くことを確かめます。