起動するとMacのメニューバーに常駐するMacの無料アプリ『Linear』がWEB制作にはもってこいだったのでご紹介。

『Linear』のインストール方法

『Linear』にアクセスして、「Download for Mac」をクリックしてGitHubへ。linear.zipをダウンロードします。

解凍したlinear.appをアプリケーションフォルダへ移して準備OK。

※アプリ起動時にセキュリティ警告が出て起動できない場合は 「システム環境設定」 → 「セキュリティとプライバシー」 から 「ダウンロードしたアプリケーションの実行許可」 から起動できます。

『Linear』の使い方

『Linear』を起動すると、画面最上層に半透明のパネルがあらわれます。パネルの端にカーソルを移動させるとカーソルの形が変わるので、自由に縮小・拡大することができます。

次の画像のように2本の縦ラインと横ラインのがつくる中心の四角形を使って対象物を図ります。左下にサイズがpxで表示されます。

このサイズの単位はSettingsからemに変更可能。さすがWEB制作を念頭に置いたアプリですね。

サイズ表示や定規が見にくい場合には右下のアイコンをクリックするとカラーがlight系からDark系へと切り替えられます。

また、パネル内で右クリックすると「Duplicate」が表示され複製できます。

複数のパネルは同時に利用できるので、コーディング利用には最適です。