はじめに
買い物の割引率、売上の増減率、全体に対する割合など、パーセント計算は日常生活や仕事でよく使います。
ただし、「何％かを求める計算」と「○％にあたる数値を求める計算」では式が異なり、数値を逆算したい場合はさらに迷いやすくなります。
そこで、よく使う割合計算を1ページで処理できる無料ツール「パーセント計算」を作りました。
登録やインストールは不要で、ブラウザからそのまま利用できます。
対応している4種類の計算
今回のツールでは、パーセントに関する計算を4つのモードに分けています。
1. 「何％？」
ある数値が、全体の何％にあたるかを計算します。
たとえば、200人中50人の場合は次のようになります。
50 ÷ 200 × 100 = 25％
アンケート結果、達成率、構成比などの確認に使えます。
2. 「○％はいくつ？」
ある数値の○％がいくつになるかを計算します。
たとえば、8,000円の15％は次のとおりです。
8,000 × 15 ÷ 100 = 1,200
割引額、手数料、割合に応じた金額を確認したい場合に利用できます。
3. 「全体はいくつ？」
一部の数値と割合から、元の全体を逆算します。
たとえば、1,200が全体の15％にあたる場合は次のようになります。
1,200 ÷ 15 × 100 = 8,000
「この金額が全体の○％なら、元の金額はいくらか」といった逆算に使えます。
4. 「増減率」
変更前と変更後の数値から、何％増えたか、または何％減ったかを計算します。
たとえば、売上が10,000から12,000に増えた場合は次のとおりです。
(12,000 - 10,000) ÷ 10,000 × 100 = 20％
売上、価格、アクセス数、作業時間などの比較に利用できます。
4つのモードに分けた理由
パーセント計算を1つの入力フォームにまとめると、ユーザーが「どの数値をどこに入力すればよいか」を判断しにくくなります。
そこで、計算目的ごとに次の4つのタブへ分けました。
- 何％？
- ○％はいくつ？
- 全体はいくつ？
- 増減率
計算したい内容を先に選択し、そのモードで必要な数値だけを入力する構成にしています。
同じ「パーセント計算」でも、求めたい値によって式が異なるため、機能を明確に分けたほうが入力ミスを減らせると考えました。
自動計算と入力処理
数値を入力すると、計算ボタンを押さなくても結果が自動で更新されます。
また、計算結果だけではなく、使用した計算式も確認できるようにしました。
単に答えを表示するだけではなく、「なぜこの結果になるのか」を確認できるため、計算方法を思い出したい場合にも使えます。
計算処理はブラウザ上で行い、入力した数値をサーバーへ送信しない構成にしています。
実装時に意識した点
今回のツールでは、主に次の点を意識しました。
計算目的を先に選べること
割合計算には複数の式があるため、入力欄を一度にすべて表示せず、用途ごとに分けました。
0で割る計算を防ぐこと
全体の値や割合に0が入力された場合、計算できない組み合わせがあります。
そのため、計算を続行せず、対象の入力欄にエラーを表示するようにしています。
結果と計算式を同時に表示すること
結果だけでは入力の取り違えに気づきにくいため、計算式もあわせて表示しています。
スマートフォンでも使いやすくすること
日常的な計算はスマートフォンから行うことも多いため、入力欄やタブ、結果表示が小さくなりすぎないように調整しました。
パーセント計算と他の計算ツールの分担
パーセントを使う計算でも、目的によって専用ツールを使ったほうが分かりやすい場合があります。
たとえば、税込価格や税抜価格を求める場合は消費税計算、商品の割引後価格を求める場合は割引計算のほうが、入力項目と結果を目的に合わせて表示できます。
パーセント計算ツールでは、特定の用途に限定せず、割合・逆算・増減率を確認するための基本的な計算に絞っています。
まとめ
今回作成したパーセント計算ツールでは、次の4種類の計算に対応しています。
- 一部が全体の何％か
- ある数値の○％はいくつか
- 一部と割合から全体を逆算
- 変更前後の増減率
割合計算の式を毎回調べずに、目的に合ったモードを選んで数値を入力するだけで計算できます。
パーセント計算が必要な場面で利用してみてください。