選んだファイルの大きさを「2.5 MB」「2.3 MiB」のように表示するコンポーネントを React で作りました。1000 ごとと 1024 ごとの違い、丸めると「1000.0 kB」になる問題、Intl.NumberFormat ...

Intl.NumberFormatのformatRangeで「1,000～2,000円」と表示するReactのコンポーネントを作り、円の付け方、同じ値で「約」が付く点、逆の順番や片方だけの指定の扱いを確かめました。

センチとインチのように、どの欄に打ってもほかの欄が換算される入力欄を React で作りました。state に持つものを「最後に打った欄と、打ったままの文字列」に絞る理由と、文字列を数にするとき・計算結果を表示するときの注意を確かめて ...

打つたびに「1,234,567」のように3桁区切りで表示される金額の入力欄を、React で作りました。type=”number” を使わない理由、IME で変換中の扱い、フォームで区切りのない数を送る方法を確 ...

0 から目標の値まで、数字を数え上げて表示するコンポーネントを作りました。経過時間から表示する値を計算するフック、数字の幅をそろえて横揺れを防ぐ CSS、画面に入ってから数え始める作り、途中で値が変わったときの動き、読み上げへの配慮を ...

Reactの画面で金額や数を「￥1,235」のようにカンマ区切りで出したいときは、Intl.NumberFormatが使えます。「1.2万」のような短い表記や割合、増減の符号も出せます。書式の使い回し方と、全角の「￥」など文字列で比べ ...