545 文字
3 分

【使いやすい】トライアスロンのタイム計算機を作りました

概要#

トライアスロンの目標タイムを簡単に計算できる便利なツールを作りました!ぜひ、こちらのリンクからお試しください!
https://ai-triathlon-result.teraren.com/calculator

【使いやすい】トライアスロンのタイム計算機を作りました - 画像1

特徴#

このツールには、こんな嬉しい機能があります!

  • スマホでも見やすく、スライドバーで直感的に操作できます!
  • 一度入力したデータは自動で保存されるので、前回と同じ設定からすぐに再開できます!
  • SPA(シングルページアプリケーション)なので、入力した数値がリアルタイムに反映されます!

操作説明#

使い方はとっても簡単です!

まずは、レースの距離をプリセットされた選択肢の中から選びます。

【使いやすい】トライアスロンのタイム計算機を作りました - 画像2

もしプリセットにない距離で計算したい場合は、「カスタム」を選択して自由に距離を設定できます。

【使いやすい】トライアスロンのタイム計算機を作りました - 画像3

スライドバーを動かすだけで、ペースや速度を細かく調整できます。

【使いやすい】トライアスロンのタイム計算機を作りました - 画像4

目標タイムが分かっている場合は、直接時間を入力することも可能です。時間を入力すると、ペースや速度は自動で計算し直されます。

【使いやすい】トライアスロンのタイム計算機を作りました - 画像5

計算結果は、ページの一番下に分かりやすく表示されます。

レース中に目標タイムとの差を確認しやすいように、区間ごとの累積時間も表示しています。

【使いやすい】トライアスロンのタイム計算機を作りました - 画像6

おまけ#

ダークモードにも対応しています。

【使いやすい】トライアスロンのタイム計算機を作りました - 画像7

まとめ#

このツールが、あなたのレース計画のお役に立てれば嬉しいです!

ぜひ、トライアスロンの目標タイム計算ツールを使ってみてください!

この記事が役に立ったら
GitHub Sponsorsで応援できます

コメント