ぷにケットのサークル配置リストを見やすくするアプリを公開しました

19 August 2020

ぷにケットのサークル配置リスト、もう少し見やすくなりません…？（個人的感想）

ということを2年前に歌姫庭園に参加したときに思って、昨日また思ったので、多少は見やすくなる Web アプリを公開しました。

このアプリを使うと、いつものこれが

こうなります。

提供する機能

ぷにケットのサークル配置リストのページをダウンロードします（たとえば今回の歌姫庭園なら http://www.puniket.com/diva/utahime22_1_list02.htm をダウンロードします）。
Puniket Circle Viewer にアクセスします。
ファイルを選択 をクリックして、1. でダウンロードした HTML ファイルを選択します。
サークル配置リストが表示されます。
サークル情報をフィルタリングしたり並べ替えたりできます。
リスト左のチェックボックスを選択して、サークル情報をダウンロード をクリックすることで、目当てのサークル情報をまとめて CSV 形式でダウンロードすることができます。

歌姫庭園の配置リストでしか検証していませんが、たぶん他のぷにケットのイベントの配置リストでも動く気がします。

Vue.js で作った SPA を Netlify でホストしています。

イケてるテーブルは vue-good-table によるものです。チェックボックスまわりは魔改造しました。

あと、サークル配置リストをダウンロードするのが面倒な人のために（自分用）、URL の入力だけで機能する選択肢を用意してあります。 CORS Unblock などの Chrome 拡張と併用すると良さそうです。