オンライン分度器
3つの点を角の頂点と辺に合わせると、頂点の角度がすぐに表示されます。下の欄では、屋根やスロープなどでスマホがどれだけ傾いているかをセンサーで測れます。
計算方法
画面上で角度を測る
- 濃い色の頂点を角の先端にドラッグします。
- 2つの色付きの点を辺の上に置きます。
- 2辺のなす角(0°〜180°)が下に表示され、各辺の水平線からの向きもわかります。
画面に表示した写真や図の角度を測るのに使えます。角度は座標から atan2 関数で計算するので、画面の大きさに左右されません。
スマホで傾きを測る
- 「傾きを測る」をタップします(iPhoneでは許可を確認)。
- スマホを傾いた面に置くか当てます。
- 面の傾きは平らで0°、垂直で90°です。長い辺と短い辺は、スマホの辺の傾きを角度とパーセントで示します。
測り方
センサーは W3C DeviceOrientation の仕様で端末の向きを伝えます。そこから重力の向きと辺の角度を計算します。勾配(%)は tan(角度)×100 です。
できないこと
- 画面上の結果は、点をどれだけ正確に置いたかで決まります。写真は遠近法でゆがんでいることがあります。
- センサーは校正されておらず、カメラの出っ張りやケースで結果がずれることがあります。精密な作業には本物の測定器を使ってください。
よくある質問
画面上で角度を測るには?
頂点を角の先端に、残りの2点を辺の上にドラッグします。角度がすぐに表示されます。
写真の角度も測れますか?
分割画面などで写真が隣や背後に見えていれば測れます。ただし遠近法で角度がゆがむ点に注意してください。
スマホで屋根の勾配を測るには?
「傾きを測る」をタップし、スマホの辺を屋根に当てます。「長い辺」に角度と勾配(%)が表示されます。
傾きの測定はどのくらい正確?
センサーしだいで保証はありません。ケースやカメラの出っ張りでも誤差が出ます。精密な作業には測定器を使ってください。
データは保存されますか?
いいえ。点とセンサーの値はページを開いている間だけ存在し、送信されません。
出典・根拠
- W3C – DeviceOrientation Event Specification
- MDN Web Docs – DeviceOrientationEvent
- MDN Web Docs – DeviceOrientationEvent.requestPermission() (iOS)
- MDN Web Docs – Math.atan2()
更新日:
関連ツール
- スマホで使える水平器スマホを置くだけの無料水平器。平面に置くか縁に当てて、傾きを角度とパーセントで表示します。ゼロ点の調整もでき、アプリのインストールは不要です。
- 実寸で使えるオンライン定規スマホや画面で使えるオンライン定規。キャッシュカードで一度だけ調整すれば、cm・mm・インチを実寸で測れます。アプリ不要・無料・登録不要で、調整値は端末内に保存。
- スマホで使えるオンラインコンパスアプリ不要のオンラインコンパス。スマホの方位センサーで向いている方角を表示します。磁北と真北を切り替えでき、偏角も設定可能。データは送信されません。
- アスペクト比計算ツール幅と高さからアスペクト比を計算します(1920×1080=16:9)。変更後の縦・横サイズ、小数値、近い標準比率、CSSのaspect-ratioもわかります。
- CPSテスト:1秒間に何回クリックできる?無料のCPSテスト(連打テスト)です。1・5・10・60秒の連打で1秒あたりのクリック数を測定し、時間ごとの自己ベストも表示。マウスやスマホのタップに対応。
- ブラウザで使えるGPSスピードメーターGPSで速度を測るWebスピードメーター。km/h・mph・ノットで表示し、最高速度、平均速度、移動距離もわかります。位置情報は保存も送信もされません。