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

URL: https://webrandum.net/quick-look-plugins/
公開日: 2019-08-25
更新日: 2019-08-25
カテゴリー: 作業効率化
タグ: Quick Look
出典: Webrandum（著者: サイトウ マサカズ）

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
```

更に細かい手順や、これが何なのかについての説明は[過去記事](https://webrandum.net/homebrew-cask/)があるのでそちらをご覧ください。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/eyecatch-15.jpg)macOS用パッケージ管理システムのHomebrewの概要とインストール方法https://webrandum.net/homebrew-install今回はmacOS用のパッケージ管理システムである「Homebrew」に関してまとめてみます。HomebrewでツールのインストールができるHomebrewはmacOSのコマンドライン上で動作するパッケージ管理システムです。パッケージは今回の場合ツールだと思って差し支えありません。つまり、Homebrewを使うことでコマンドラインでツールのインストールと管理が出来るようになります。ちなみにHomebrewは英語で「自家醸造」という意味です。ツールのインストールを、ビールを醸造することに見立ててこの名前が付けられたようです。そのため、Homebrewで...](https://webrandum.net/homebrew-install)

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/eyecatch-17.jpg)Homebrew Caskを使ってアプリケーションをコマンド一発でインストールできるように...https://webrandum.net/homebrew-caskMacのパッケージ管理システムのHomebrewだけだとコマンドライン上のツールしかインストールできませんが、Homebrew CaskというHomebrewの拡張機能を追加すると、GUIのアプリケーションもコマンドラインからインストールできるようになります。今回はそんなHomebrewの拡張機能であるHomebrew Caskについてです。Homebrew CaskのインストールHomebrew CaskはHomebrewの拡張なので、Homebrewがインストールされている事が前提です。まだインストールしていない方は下記のコマンドからインストールしましょう。$ /usr/bin/ruby -e "$(...](https://webrandum.net/homebrew-cask)

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

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

| プラグインの名前 | 機能 | Homebrew Caskのインストールコマンド |
| --- | --- | --- |

| qlImageSize | 画像のサイズを表示 | brew cask install qlimagesize |
| --- | --- | --- |

| QLColorCode | ソースコードを色分けする | brew cask install qlcolorcode |
| --- | --- | --- |

| QLStephen | 拡張子がないファイルをプレビュー | brew cask install qlstephen |
| --- | --- | --- |

| ScriptQL | AppleScriptを色分けしてプレビュー | brew cask install scriptql |
| --- | --- | --- |

| QuickLookCSV | CSVファイルを1行ごとに色分けする | brew cask install quicklook-csv |
| --- | --- | --- |

| QuickLookJSON | JSONファイルを色分けしてプレビュー | brew cask install quicklook-json |
| --- | --- | --- |

| QLMarkdown | Markdownファイルをプレビュー | brew cask install qlmarkdown |
| --- | --- | --- |

| ProvisionQL | Provisioningファイル（.ipa）をプレビュー | brew cask install provisionql |
| --- | --- | --- |

| WebPQuickLook | WebPファイル（.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：画像のサイズを表示

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/548263a1707777f6eaae77adc97ce695bbe9ff54a13fc01f51aa6c1978d5405e.webp)Nyx0uf/qlImageSizehttps://github.com/Nyx0uf/qlImageSize#installationQuickLook and Spotlight plugins to display the dimensions, size and DPI of an image in the title bar instead of the filename. Also preview some unsupported formats like WebP & bpg. - Nyx0uf/qlI...](https://github.com/Nyx0uf/qlImageSize#installation)

画像をQuick Lookしたときに、上の方に画像のサイズを表示してくれます。

Finderの情報パネルでも見れますが、プレビュー時にも確認できるのは地味に便利です。

![Quick Lookに画像サイズを表示](https://webrandum.net/mskz/wp-content/uploads/2019/08/image_1-22.png)

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

```
brew cask install qlimagesize
```

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

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/51b36791e1864bb84ccc6e17c77419f9682868299772100f50f27eca08008da1.webp)anthonygelibert/QLColorCodehttps://github.com/anthonygelibert/QLColorCodeQLColorCode Quick Look plugin for source code with syntax highlighting. - anthonygelibert/QLColorCode](https://github.com/anthonygelibert/QLColorCode)

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

```
brew cask install qlcolorcode
```

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

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/2cee9d1bb710e3161dd1668bf52a240a9512be718f56e79970d62bca62f80c1c.webp)whomwah/qlstephenhttps://github.com/whomwah/qlstephenA QuickLook plugin that lets you view plain text files without a file extension - whomwah/qlstephen](https://github.com/whomwah/qlstephen)

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

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

```
brew cask install qlstephen
```

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

[![](https://www.google.com/s2/favicons?domain=kainjow.com)kainjow.com![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fkainjow.com%2F%3Fp%3D77?w=160)kainjowhttps://kainjow.com/?p=77](https://kainjow.com/?p=77)

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

```
brew cask install scriptql
```

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

[![](https://www.google.com/s2/favicons?domain=code.google.com)code.google.com![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fcode.google.com%2Farchive%2Fp%2Fquicklook-csv%2Fdownloads?w=160)Google Code Archive - Long-term storage for Google Code Project Hosting.https://code.google.com/archive/p/quicklook-csv/downloads](https://code.google.com/archive/p/quicklook-csv/downloads)

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

```
brew cask install quicklook-csv
```

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

[![](https://www.google.com/s2/favicons?domain=www.sagtau.com)www.sagtau.com![](https://s.wordpress.com/mshots/v1/http%3A%2F%2Fwww.sagtau.com%2Fquicklookjson.html?w=160)quick look JSONhttp://www.sagtau.com/quicklookjson.html](http://www.sagtau.com/quicklookjson.html)

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

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

```
brew cask install quicklook-json
```

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

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/71fc695cf9743e327fe3e7a7143305ec35a78ac2a022a8bfc7ac90edafefc596.webp)toland/qlmarkdownhttps://github.com/toland/qlmarkdownQuickLook generator for Markdown files. Contribute to toland/qlmarkdown development by creating an account on GitHub.](https://github.com/toland/qlmarkdown)

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

![Quick LookでMarkdownをプレビュー](https://webrandum.net/mskz/wp-content/uploads/2019/08/image_2-18-1024x756.png)

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

```
brew cask install qlmarkdown
```

### ProvisionQL：Provisioningファイル（.ipa）をプレビュー

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/f7340f39c213025add5ffe34e181cf84f01bf2d29abd6136e3250c75819f406b.webp)ealeksandrov/ProvisionQLhttps://github.com/ealeksandrov/ProvisionQLQuick Look plugin for apps and provisioning profile files - ealeksandrov/ProvisionQL](https://github.com/ealeksandrov/ProvisionQL)

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

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

```
brew cask install provisionql
```

### WebPQuickLook：WebPファイル（.webp）をプレビュー

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/c754021cc6a661a487e869f0c7b257a5acb12a109123fc7e8a894b17d97452cd.webp)emin/WebPQuickLookhttps://github.com/emin/WebPQuickLookMac OS X QuickLook plugin for WebP image files. Contribute to emin/WebPQuickLook development by creating an account on GitHub.](https://github.com/emin/WebPQuickLook)

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

WebPに関しては、Googleが開発しているということもあって、Macのデフォルトだとプレビューができません。

プレビューができないと単純にWeb制作時に困るので、とりあえず入れておくのをオススメします。

```
brew cask install webpquicklook
```

### Suspicious Package：パッケージファイル（.pkg）をプレビュー

[![](https://www.google.com/s2/favicons?domain=mothersruin.com)mothersruin.com![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fmothersruin.com%2Fsoftware%2FSuspiciousPackage%2F?w=160)Mothers Ruin Software | Suspicious Packagehttps://mothersruin.com/software/SuspiciousPackage/](https://mothersruin.com/software/SuspiciousPackage/)

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

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

```
brew cask install suspicious-package
```

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

[![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/be2c0ef52ae872d7f874826c1b2a633208bd0b99b692e77e01fc7e2e3e051b85.webp)Marginal/QLVideohttps://github.com/Marginal/QLVideoThis package allows macOS Finder to display thumbnails, static QuickLook previews, cover art and metadata for most types of video files. - Marginal/QLVideo](https://github.com/Marginal/QLVideo)

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

```
brew cask install qlvideo
```