運動会の得点記録・集計システム作成したり

話は少し過去にさかのぼって、小中学校の運動会シーズンの頃のこと。

競技の得点を記録する係の先生から「得点の記録はいつも紙でやっているんですが、タブレットでできないかなと思っていて。競技ごとの記録と得点の集計ができるように、スプレッドシートで表を作ったんですが、タブレットだと入力がしにくくて…」というご相談がありました。

スプレッドシートを見せてもらうと、競技ごとの表はもちろん、集計用のシートに関数で得点が集約されるようにまでなっていて完成度はかなり高いものでした。

ただやはりスプレッドシートは、画面をタップして選択するためのUIがやや使いにくく、徒競走など進行の早い競技が続くような場面だと使いづらさは否めません。

そこで思いついたのは、このスプレッドシートを元にウェブアプリにするという方法。アプリ化すればワンタッチで得点を入力しやすくなりますし、スプレッドシートのように余計なところを触って操作がまごつくということも少なくなると考えました。

上述の通り、種目や集計用の関数などはスプレッドシートで完成されていたので、これを元にアプリのUIを組み立てるという作業。試行錯誤を経てできたのが以下のようなアプリです。

種目別に画面上で入力ボタンを大きく表示し、タップして記録できるようにしました。

集計画面は上のような感じに。使いやすく見やすくなっていると思います。

予行演習の時に試用してもらい、その様子も見学。グラウンドはWi-Fiの電波が届きにくいので、念のためオフラインでも入力可能にしておきました。使用感にはおおむね問題ないようでひと安心。

後日本番での様子も聞かせてもらうと「すごく良かったです」とのこと。当日は雨模様だったので、タブレットではなくスマホで記録されたそうです（スマホ用UIにも対応済み）。無事にお役に立ったようで何よりでした。