• Excel
    【Excel】罫線をショートカットキーで入力する方法【時短】
    2017年10月20日
  • Windows
    【メモ】Windows7の言語パックのダウンロードリンク集
    2015年5月29日
  • Excel
    【Excel】セル同士の参照先を確認できる「トレース機能」がかなり役立つのでみんなで使おう
    2014年12月8日
  • Windows
    【Windows10】Microsoft Edgeの検索エンジンを変更する方法
    2015年7月25日
  • Excel
    【Excel】色フィルター機能を使ってカラーリングで表管理する方法
    2015年3月12日
  • Ruby
    MacにデフォルトでインストールされているRubyのバージョンを確認する方法 (Yosemite版)
    2016年5月12日
  • Mac
    MacbookAirのSSDの一部に不良アリ? 診断ファームウェアを入れて、ちょっと確認してみた結果。
    2014年3月20日
  • Windows
    VMware Playerで仮想マシンを勝手にサスペンドさせない方法
    2015年9月4日
  • Windows
    【Windows10】とりあえず入れておくべき無料のセキュリティソフト・2選
    2016年10月28日
  • Webサイト
    Instagramで #500px のタグを入れた自分の写真を、500pxに自動アップロードしてみる
    2013年9月18日
  • Windows
    MacBook AirでWindows7を動かしたらCtrlキー配置が使いづらいので変えてみた。
    2014年6月10日
  • Windows
    ソフトをアンインストールしようとしたら「インストーラーサービスにアクセスできませんでした」とか言われる場合の対処方法
    2014年4月23日
  • Excel
    【Excel】前日と比べて数字が増えた/減ったら文字の色を変える方法
    2017年12月11日
  • Google
    新しいGoogle Mapの動作重過ぎィ! とりあえず元のMapに戻す方法を調べてみたよ。
    2014年3月5日
  • 旅行
    【節約】航空券とホテルを一緒に予約したらホテル代無料! 太っ腹な「AIR+割」をExpediaがやってます
    2015年7月26日
  • Windows
    【Windows10】ファイルの拡張子を表示させる
    2015年9月6日
  • コマンド
    技術メモ。 telnetが利用できないWindowsで、telnetを有効化する。
    2014年2月8日
  • Mac
    フォトショ買わなくて良かった。 個人レベルの使用なら「Affinity Photo」で必要十分すぎる件
    2016年2月9日
  • Excel
    【Excel】年号を数値化する関数
    2016年11月9日
  • Evernote
    Evernoteクライアントが重すぎて使い物にならないのでDBを最適化してどれぐらい軽くなるか調べてみた
    2014年7月28日
  • Mac
    【MacOS】Command+Hでウィンドウ非表示にするのを防ぐ暫定策(Yosemite版)
    2015年10月7日
  • Windows
    Windowsでビープ音を無効にする
    2013年3月12日
  • その他
    自動アップデートのチェックを外しても効果なし! ランボー怒りのJavaのアップデート無効化設定
    2013年10月30日
  • フリーソフト
    「BGinfo」操作中のWindowsのあらゆる情報をデスクトップに表示してくれるインストール不要フリーツール
    2015年8月29日
  • 鹿児島
    九州新幹線でモバイル作業は可能か? 新幹線「さくら」で実験してみた (2015年12月版)
    2015年12月24日
  • その他
    エヴァンゲリオンとほぼ同サイズ! 茨城の田舎にそびえる超巨大仏像『牛久大仏』を見に行ってきた
    2013年8月27日
  • Windows
    今使っているWindowsのバージョンやエディションを5秒で確認できる、一番簡単な方法
    2015年1月15日
  • 旅行
    東雲・豊洲・お台場エリアで運動に使える役立つ9つの公園・運動場まとめ Part2
    2015年9月27日
  • Windows
    【Windows10】スタートメニューのタイルの色を変更する方法
    2015年11月16日
  • コマンド
    Proxy設定をコマンドプロンプトから確認する方法
    2013年2月16日

web_ruler_2014-0807-205553

(Photo by Cati Kaoe)

レイアウト変更などでWeb上のピクセルサイズなどを計測するのに使えそうなChromeアドオンです。

画面上に定規を表示させて、目測でPixelを計測することができそうな『Edge: The Web Ruler』です。 なんか名前が無駄にカッコイイ…。

スポンサードリンク

関連記事

Edge: The Web Ruler


Chrome ウェブストア - Edge: The Web Ruler

使ってみた

早速使ってみましょう。 上記リンクからインストールします。

アドオンアプリを起動すると、こんな感じで画面上に定規が表示されます。 自由にドラッグができるので、測りたい場所のピクセル数を自由に測りましょう。 まあ、シンプルなアプリですね。
2014-0807-204408

「px」がピクセル表示、「cm」がセンチメートル表示、「in」がインチ表示です。 縦長の四角ボタンをクリックすると、定規を縦方向に向きを変えられるようになってます。
2014-0807-204436

使い勝手ならこっちの方がいいかも…?

そういえばだいぶ昔にですが、Adobe Airで動作する「PixelWindow」というツールを紹介してました。

Chromeアドオンと比べるとインストールの手間がかかるんですが、両方使った上ではこっちのツールの方が使い勝手は上かな、と個人的には思います。 よければお試しあれ。


画面上に定規を表示してピクセルサイズを測れるフリーソフト「PixelWindow」 | Tipstour