# Online Ruler

> 画面を実寸の定規にするツール。クレジットカードや500円玉を画面に当てて一度合わせれば、mmとインチの目盛りが本物になる。設定はこのブラウザに保存、送信なし。

- URL: https://bytescope.dev/ja/online-ruler/
- Locale: ja · Also: [en](https://bytescope.dev/en/online-ruler.md) · [zh-Hant](https://bytescope.dev/zh-Hant/online-ruler.md)
- Runs: すべてブラウザの中で動くので、何もアップロードされません。
- Requires: Any modern browser (Chrome, Edge, Firefox, Safari), desktop and mobile.
- Updated: 2026-09-08

## What it does

CSSピクセルはフィクションです。どのパネルを使っていても、ブラウザは「1インチ=96ピクセル」と仮定するので、キャリブレーションなしの画面定規はほぼすべてのモニターで狂っています。このページはまずそれを認めるところから始まります。クレジットカード（ISO/IEC 7810 ID-1、世界共通で幅85.6mm）か硬貨を画面に当て、枠が実物とぴったり重なるまでドラッグしてください。その瞬間から、この画面のmm目盛りとインチ目盛りは本物になり、ドラッグできる測定線が実際の長さを読み取ります。

### カードが基準になっている理由

精度を決めるのはドラッグの正確さで、基準が長いほど1ピクセルのズレが安くつきます。直径24mm前後の硬貨で1ピクセル外すのと、85.6mmのカードで外すのとでは相対誤差がまるで違う——だからカードが最初に来ます。手元になければ、500円玉のほか、USクォーター、2ユーロ硬貨、UK1ポンド硬貨、NT$10硬貨、そして`A4`用紙の短辺が使えます。`A4`の短辺は基準の中でいちばん長く、プリンター用紙が1枚あれば十分です。結果はこのブラウザの`localStorage`に記憶され、どこにも送信されません。

### キャリブレーションが壊れる条件

ブラウザのズームはすべてを変えます。測るときのズーム倍率で合わせ、倍率を変えたら合わせ直してください。外部モニターは画素ピッチが違う別の画面なので、それ専用のキャリブレーションが必要です。ウィンドウが別のモニターへ移動したことをページ側は検知できないため、合わせ直さずに測ると黙って間違った数字を出します。そして測れるのはガラス面に平らに当てられるものだけ。曲面のものや、視差が出るほど厚いものは、この定規が正直に測れる範囲の外です。

## Limits

Does not know your screen's physical size without calibration against a card or coin; measurements are only as accurate as that step.

## FAQ

### なぜ画面の定規は、そのままだとサイズが狂うのですか？

ブラウザがピクセルの実寸を知らないからです。CSSは1インチ=96ピクセルと定義していて、14インチのノートPCでも32インチの4Kモニターでも、Webページに渡る数字は同じ。本当の画素密度はページからは見えません。サイズの分かっている実物（カードは世界中どこでも85.6mm）に合わせるのが目盛りを本物にする唯一の方法で、だからこのページは何かを主張する前にまずキャリブレーションを求めます。

### ブラウザのズームを変えると狂いますか？

狂います。ズームはCSSピクセルそのものを拡縮するので、100%で合わせた定規は110%ではちょうどその倍率ぶん間違います。測るときの倍率で合わせて、ズームやOSの表示スケーリングを変えたら合わせ直してください。保存される値は「この画面のこのズーム倍率」のもので、それ以上ではありません。

### クレジットカードが手元にありません。代わりになるものは？

ISO/IEC 7810 ID-1の形のカードなら何でも構いません。キャッシュカード、交通系ICカード、ポイントカード——大事なのは幅85.6mmであって発行元ではありません。なければ500円玉、USクォーター、2ユーロ、UK1ポンド、NT$10の硬貨か、`A4`用紙の短辺を。手持ちの中でいちばん長い基準を選んでください。小さい硬貨ほど、1ピクセルのズレが高くつきます。

### キャリブレーションの値はどこかに送信されますか？

いいえ。保存されるのは「この画面で1CSSピクセルが実寸何mmにあたるか」というたった1つの数値で、次回やり直さずに済むようこのブラウザの`localStorage`に置かれるだけです。端末の外には一切出ず、サイトデータを消せば一緒に消えます。

### キャリブレーション後の精度はどのくらいですか？

基準に合わせたドラッグの正確さが、そのまま精度です。カードに丁寧に合わせれば、カードの長さに対して0.5mm以内は現実的で、誤差は距離に比例して増えます。ノギスの代わりにはなりません——ドラッグ、目、画面のガラスの分は必ず乗ります。それでもネジや用紙サイズ、フレームの確認になら、正直で再現性のある道具です。ただし、合わせたときとズームとモニターが同じである限り。

## Related tools

- [Printer Test Page](https://bytescope.dev/ja/print-test-page.md) — カラーパッチ、黒ベタの濃度、位置合わせグリッド、極細線を載せたテストシートを印刷できます。