本文へ移動

§24-07Developer

Rate limit indicator

API の残り呼び出し回数を表示する。

上限に達する前に利用者が気付き、処理を調整できる。従量制や厳しい上限のある API を提供するサービスで使う。

実装のポイント

残量は X-RateLimit-Remaining と Reset ヘッダーから算出し、閾値を超えたら色と文言で警告する。バーには role=progressbar と aria-valuenow を付ける。

特徴
  • 状態管理
デモで使っているもの
  • shadcn/ui

このパターンが効く目的