作ったもの
URL
佐渡トライアスロン 簡単検索
Web site created using create-react-app
sado-xi.vercel.app
上のテキストボックスに入力した値で単純に部分一致でフィルタリングをしているだけです。
タイムをクリックするとラップタイムを表示するようにしています。
そのときのTweet
使い方
エイジグループでフィルタ
カジュアルに女性だけの総合ランキング
トラッキングしたい人を表示
ゼッケン番号と名前を混ぜたりも可能
ラップタイムを表示
ソースコード
ソースコードとかアーキテクチャはこちらに掲載しています。
GitHub - matsubo/sado
Contribute to matsubo/sado development by creating an account on GitHub.
github.com
考察
トラッカーが使いづらいと応援するのも大変ですが、今回作ってみたトラッカーによって応援がとても楽になりました！
ぜひ、本家のサイトの方でこのようなUIで提供してくれるとすごい嬉しいです。
2024/9/10 更新
daisyuiを導入してUIを綺麗にしました。
また、以下の機能を追加しました。
- Type Aだけでなく、Type Bとリレーも表示するようにしました。
- 名前をクリックすると行をハイライト表示します。
- darkモードに対応しました。
コメント