自分好みのアスリートトラッカーを作ってみました

作ったもの#

URL

上のテキストボックスに入力した値で単純に部分一致でフィルタリングをしているだけです。

タイムをクリックするとラップタイムを表示するようにしています。

そのときのポスト

X（@ittriathlon）でのポスト

使い方#

ソースコード#

ソースコードとかアーキテクチャはこちらに掲載しています。

考察#

トラッカーが使いづらいと応援するのも大変ですが、今回作ってみたトラッカーによって応援がとても楽になりました！

ぜひ、本家のサイトの方でこのようなUIで提供してくれるとすごい嬉しいです。

2024/9/10 更新#

daisyuiを導入してUIを綺麗にしました。

また、以下の機能を追加しました。

• Type Aだけでなく、Type Bとリレーも表示するようにしました。
• 名前をクリックすると行をハイライト表示します。
• darkモードに対応しました。