オンライン定規

画面上の物体のサイズや角度を推測するのはもうやめましょう!オンライン定規は、画面を現実世界の測定リファレンスに変えるために設計されたプロフェッショナルなツールです。

🎉 v2.1.0 アップデート:新しい三点式動的分度器が登場!頂点と端点で任意の角度に整列でき、リアルタイム表示とアームの延長をサポートします。

オンライン定規

主な機能

📐

多機能幾何学分度器

v2.0.0 メジャーアップデート:定規に加えて、任意のウェブページに分度器を追加。360°回転、同期校正、多彩なカラーをサポート。

三点式動的分度器

v2.1.0 新機能:頂点と2つの端点で任意の角度に素早く整列。リアルタイム角度表示、アーム延長、扇形領域の透明度調整に対応。

マルチ定規対応

同一ページに複数の定規や分度器を追加でき、複雑な比較測定や幾何学的な配置のニーズに対応します。

🎨

豊富な素材と色彩

木製、プラスチック、金属に対応。分度器には視認性の高い複数の半透明カラースキーム(ブルー、グリーンなど)を提供。

🔄

360° 任意回転

スムーズなハンドルでツールを任意の角度に回転。精密なスナップ機能で、非直交測定も素早く正確に行えます。

物理レベルの校正

クレジットカード等に合わせてPPIを計算し、1:1の精度を実現。あらゆるモニターで正確なサイズを保証します。

📏

デュアルモード

常に手前に表示される独立ウィンドウ、またはウェブページに直接注入される透明なオーバーレイとして使用可能です。

🔄

ゼロオフセット

実際の定規의端を再現するために、カスタマイズ可能な開始位置(mm)とワンクリックリセット機能を搭載。

📐

万能な目盛り

メートル法(CM、MM)とヤード・ポンド法(インチ、1/16精度)の両方に対応した高精度なレンダリング。

🔒

プライバシー第一

すべての設定と校正データはローカルに保存されます。データのアップロードや追跡は一切行われません。

使い方とヒント

プレビュー

オンライン定規の使い方 - ステップ 1
オンライン定規の使い方 - ステップ 2
オンライン定規の使い方 - ステップ 3
オンライン定規の使い方 - ステップ 4

使い方

1

初回使用

拡張機能アイコンをクリックし、「校正モード」に入ります。

2

位置合わせと校正

参考物(例:クレジットカード)を選択し、赤い枠が実物と一致するように調整します。

3

測定開始

「定規を追加」または「分度器を追加」をクリックして測定を開始します。

4

スタイルの切り替え

ツールバーのアイコンをクリックして、素材や色の切り替え、透明度の調整が可能です。

5

位置と角度の調整

本体をドラッグして移動し、端にある回転ハンドルをドラッグして角度を調整します。

よくある質問

はじめに

インストール後、どのように「オンライン定規」を開きますか?

ブラウザ右上のパズルアイコン 🧩 をクリックし、「オンライン定規」を見つけて、その横にあるピンアイコンをクリックしてツールバーに固定します。その後、アイコンをクリックするだけでいつでも定規を開くことができます。

この拡張機能で本当に画面を本物の定規にできますか?本物の定規と同じくらい正確ですか?

はい。モニターごとに解像度が異なるため、通常の画像は不正確です。この拡張機能は「物理校正」技術を使用しており、クレジットカードやA4用紙で一度合わせるだけで、画面の実際のサイズを記憶し、1:1の正確な測定を実現します。

クレジットカードを持っていないのですが、校正できますか?

はい。システムはA4用紙や硬貨など、複数の基準物に対応しています。将来的には、A5用紙や一般的なスマホの画面サイズなどの基準も追加する予定です。

操作・機能

「独立ウィンドウ」と「ページ注入」モードの違いは何ですか?

「独立ウィンドウ」は、画面上のどこにでも配置でき、他のソフトの上に重ねて表示できるクリーンでサイズ調整可能な定規ウィンドウを表示します。「ページ注入」は、閲覧中のウェブページに定規を直接「貼り付け」ます。透明度調整が可能で、コンテンツの邪魔になりません。

同じページに複数の定規を追加できますか?

はい!v2.0.0より、複数の定規と分度器を同時に使用できるようになりました。「定規を追加」または「分度器を追加」を複数回クリックすることで、各ツールを独立して移動、回転、サイズ調整、素材・色の設定ができ、比較測定や幾何学的な配置に最適です。

定規の素材や色を変更するにはどうすればいいですか?

定規の端にあるツールバーまたはポップアップメニューで素材の切り替えが可能です。現在、木製、プラスチック、金属に対応しています。「プラスチック」を選択すると、配色をカスタマイズしてウェブ背景に合わせることができます。

測定したい物の端が定規の先端で隠れてしまう場合はどうすればいいですか?

「ゼロ点オフセット」機能を使用してください。本物の定規の保護端をシミュレートし、開始位置に空白(ミリ単位)を設定できます。ワンクリックで「ゼロ」に戻すことも可能です。

定規を長くしたり短くしたりするにはどうすればいいですか?

とても簡単です。ページ注入モードでは、隅にある小さなツマミを探す必要はなく、定規の端の「どこでも」ドラッグするだけで自由に長さを調整できます。

定規を回転させることはできますか?

はい!定規の端にある回転ハンドルをドラッグするだけです。また、45°、90°、180°への精密スナップにも対応しており、素早い調整が可能です。

定規に加えて、分度器を追加することはできますか?

はい!v2.0.0で「分度器」機能を追加しました。「分度器を追加」をクリックするだけで、1:1の正確な分度器を挿入できます。360°回転、複数の配色、物理校正に基づくPPI同期に対応しています。

分度器にはどのような特殊機能がありますか?

万能分度器は、PPIに基づく同期校正だけでなく、360°の自由回転や、さまざまなウェブページの背景で使用しやすい複数の半透明カラースキーム(クラシックブルー、テックグリーンなど)をサポートしています。

スリーポイントダイナミック分度器とは何ですか?標準的な分度器とはどう違うのですか?

スリーポイントダイナミック分度器は、1つの頂点と2つの端点を使って角度を測定します。標準的な分度器とは異なり、固定スケールに合わせる必要はありません。代わりに、3つのコントロールポイントを直接ドラッグして、ウェブページ上の要素に合わせることができます。非標準的な角度、デザインモックアップの端、画像内の幾何学的角度の測定に特に適しています。」

スリーポイントダイナミック分度器の測定アームは延長できますか?

はい。2つの端点を直接ドラッグすると、測定アームは無限に伸びます。そのため、広いスパンを持つウェブページ要素、長い対角線、複雑な幾何学的形状の測定に最適です。」

三点分度器の中央セクター領域の透明度を調整できますか?

はい。三点分度器では、中央セクター領域の透明度を個別に調整できます。これにより、セクターが下のウェブページのテキストや詳細情報の視界を遮ることなく、現在の測定範囲を明確に視覚化できます。」

設定とデータ

別のページに移動すると、校正したデータは消えてしまいますか?

いいえ。校正データ(PPIなど)、単位設定、オフセット量はリアルタイムで同期・保存されます。ポップアップメニューでの変更も、ページの切り替えも、設定は即座に反映されます。

インチ表示に対応していますか?

はい。本拡張機能はメートル法(CM、MM)とヤード・ポンド法(インチ Inch)の両方に対応しており、インチ表示は1/16インチ刻みの高精度な測定が可能です。

セキュリティとプライバシー

閲覧履歴や個人情報が読み取られることはありますか?

いいえ。すべての校正データと設定はブラウザのローカル環境に保存されます。サーバーにデータをアップロードすることは一切ありません。

素材のテクスチャは本物ですか?動作が重くなりませんか?

すべての素材(木製、プラスチック、金属)はSVG技術を使用して動的に生成されたリアルな視覚効果です。非常に軽量で、ブラウザの動作速度に影響を与えることはありません。

更新履歴

オープンソース

この拡張機能はオープンソースであり、コードはGitHubで公開されています。貢献を歓迎します!

GitHubでソースコードを見る

ツールキットを構築

私が开发した他のChrome效率化ツール也チェックしてください。

🚀
他の拡張機能を見る