WebDesigner's Memorandumウェブデザイナーの備忘録

MacのQuick Lookをもっと便利にしてくれるプラグインまとめ

MacのQuick Lookをカスタマイズするプラグイン

Finderでファイルを選択してspaceを押すと、ファイルをすぐにプレビューできるQuick Look。
非常に便利ですが、デフォルトでは対応していない形式があります。

今回は、Homebrew Caskを使って、Quick Lookをもっと便利に使えるプラグインと、そのインストール方法についてまとめます。

Homebrew Caskのインストール

HomebrewとHomebrew Caskのインストールがまだの人は下記コマンドを実行して、インストールします。

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
$ brew tap caskroom/cask

更に細かい手順や、これが何なのかについての説明は過去記事があるのでそちらをご覧ください。

クイックルックのプラグイン

下記が、今回紹介するプラグインの一覧になります。

プラグインの名前機能Homebrew Caskのインストールコマンド
qlImageSize画像のサイズを表示brew cask install qlimagesize
QLColorCodeソースコードを色分けするbrew cask install qlcolorcode
QLStephen拡張子がないファイルをプレビューbrew cask install qlstephen
ScriptQLAppleScriptを色分けしてプレビューbrew cask install scriptql
QuickLookCSVCSVファイルを1行ごとに色分けするbrew cask install quicklook-csv
QuickLookJSONJSONファイルを色分けしてプレビューbrew cask install quicklook-json
QLMarkdownMarkdownファイルをプレビューbrew cask install qlmarkdown
ProvisionQLProvisioningファイル(.ipa)をプレビューbrew cask install provisionql
WebPQuickLookWebPファイル(.webp)をプレビューbrew cask install webpquicklook
Suspicious Packageパッケージファイル(.pkg)をプレビューbrew cask install suspicious-package
QuickLook Video.asfや.avi、.flvなどの拡張子の動画を再生brew cask install qlvideo

一括でインストールしたい場合は、下記のコマンドを使用してください。

brew cask install qlimagesize qlcolorcode betterzip qlstephen scriptql quicklook-csv quicklook-json qlmarkdown provisionql webpquicklook suspicious-package qlvideo

qlImageSize:画像のサイズを表示

画像をQuick Lookしたときに、上の方に画像のサイズを表示してくれます。
Finderの情報パネルでも見れますが、プレビュー時にも確認できるのは地味に便利です。

Quick Lookに画像サイズを表示

インストールはターミナルで下記コマンドを実行すればOK。

brew cask install qlimagesize

QLColorCode:ソースコードを色分けする

QLColorCodeをインストールすると、Quick Lookでコードを見たときに、コードに色付けして見やすくなります。

brew cask install qlcolorcode

QLStephen:拡張子がないファイルをプレビュー

拡張子が何もついていないファイルをQuick Lookした場合、デフォルトだと容量などの情報しか見れません。

しかし、QLStephenをインストールすると、拡張子がないファイルでも、中に何か書いてあれば、その内容をプレビューできるようになります。

brew cask install qlstephen

ScriptQL:AppleScriptを色分けしてプレビュー

ScriptQLをインストールすると、AppleScriptファイルである.scptファイルをプレビューするときに、色分けしてプレビューしてくれるようになります。

brew cask install scriptql

QuickLookCSV:CSVファイルを1行ごとに色分けする

QuickLookCSVをインストールすると、CSVファイルをテーブル状に表示して、1行ごとに色分けして表示してくれるので、かなり見やすくなります。

brew cask install quicklook-csv

QuickLookJSON:JSONファイルを色分けしてプレビュー

CSVにつづきJSONも、QuickLookJSONをインストールすることで色分けして見やすくしてくれます。

CSVやJSONなどのデータは、どんなデータがあるのかサッと確認したいときに役立ちます。

brew cask install quicklook-json

QLMarkdown:Markdownファイルをプレビュー

QLMarkdownをインストールすると、.mdをQuick Lookするときに、Markdownをプレビューしてくれます。

Quick LookでMarkdownをプレビュー

Markdownに関して分からない方は、過去に記事にしているのでそちらも参考にしてみてください。

brew cask install qlmarkdown

ProvisionQL:Provisioningファイル(.ipa)をプレビュー

ここから先は、特定拡張子のファイルをプレビューしてくれる機能が続きます。

まずはProvisionQLをインストールすることで、.ipaのプレビューができるようになります。

brew cask install provisionql

WebPQuickLook:WebPファイル(.webp)をプレビュー

WebPQuickLookをインストールすることで、.webpのプレビューができます。

WebPに関しては、Googleが開発しているということもあって、Macのデフォルトだとプレビューができません。
プレビューができないと単純にWeb制作時に困るので、とりあえず入れておくのをオススメします。

brew cask install webpquicklook

Suspicious Package:パッケージファイル(.pkg)をプレビュー

Suspicious Packageをインストールすると、.pkgのプレビューができます。

正直あまり見る機会はありませんが、とりあえず入れています。

brew cask install suspicious-package

QuickLook Video:.asfや.avi、.flvなどの拡張子の動画を再生

QuickLook Videoをインストールすると、.asf.avi.flvなどの拡張子の動画を、Quick Lookで再生できるようになります。

brew cask install qlvideo

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね