相対時間フォーマッター
時間
ブラウザ内蔵 `Intl.RelativeTimeFormat` のライブプレビュー。対象日付と基準(デフォルト: 今、毎秒更新)を選び、選んだロケールでフォーマットされた相対文字列を表示。`auto` numericで言語が対応すれば `昨日`·`先週` のような表現、`always`で強制すれば `1日前`·`1週間前`。単位表は同じ差を各単位でレンダリング → UIにどの粒度が一番自然に読めるか選ぶときに便利。
—
使い方
- 対象日付を選択。基準を `今` のままにするとライブカウンター、チェック外すと固定2日付の比較。
- ロケール切り替え → スペイン語·韓国語·アラビア語などが同じ差をどう表現するか確認。フレーズ形状が頻繁に変わる(RTL·助詞·性別名詞)。
- 単位表で粒度を並べて比較 → インターフェースで一番自然に読めるものを選択。
よくある質問
- `numeric: auto` と `always` の違い?
- `auto` は可能なとき慣用表現を返す — `1日前` の代わりに `昨日`、`1週間前` の代わりに `先週`。`always` は数字強制 → 通常リテラル期間表示に欲しいもの。チャット風タイムスタンプを望むUIは大抵 `auto`。
- 同じ差が異なる単位を与える理由?
- メイン出力は絶対値 ≥ 1 の最大単位を選択 → 90分は `90分前` も可能だが `1時間前` と表示。単位表で全選択肢を確認可能。