生産性が向上する Alfred 4 を使いこなそう❗（テーマ変更 or 初期設定編）

# 情報が古かったので、新たに2020年版用にアップデートしました

私はこのアプリを導入して、生産性が格段にアップしましたし、余計な手間が省けて、もう無くてはならないアプリとなりました。

その名は「Alfred」というアプリです。

前回は、「Alfred 4」というアプリのインストールの手順をご紹介しました。

インストールが終わったら、次にやることはカスタマイズですね。

自分が使いやすいように設定を変更するのは、モチベーションのアップにも繋がりますので、必ずやってみましょう❗

# 目次

[テーマエディタのカスタマイズと、公開テーマのインポート方法](https://qiita.com/digiangler/items/5623709e66676ea98e88#%E3%83%86%E3%83%BC%E3%83%9E%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%A8%E5%85%AC%E9%96%8B%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88%E6%96%B9%E6%B3%95)
[公開されているテーマのインストール方法](https://qiita.com/digiangler/items/5623709e66676ea98e88#%E5%85%AC%E9%96%8B%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95)
[Dracula Theme をインストール](https://qiita.com/digiangler/items/5623709e66676ea98e88#dracula-theme-%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB)
[Dracula Theme のインストールが分からない人向け](https://qiita.com/digiangler/items/5623709e66676ea98e88#dracula-theme-%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%8C%E5%88%86%E3%81%8B%E3%82%89%E3%81%AA%E3%81%84%E4%BA%BA%E5%90%91%E3%81%91)
[独自テーマ作成](https://qiita.com/digiangler/items/5623709e66676ea98e88#%E7%8B%AC%E8%87%AA%E3%83%86%E3%83%BC%E3%83%9E%E4%BD%9C%E6%88%90)
[Alfred 以外のツール（アプリ）をカスタマイズ](https://qiita.com/digiangler/items/5623709e66676ea98e88#alfred-%E4%BB%A5%E5%A4%96%E3%81%AE%E3%83%84%E3%83%BC%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA)
[Dracula PRO（有料）](https://qiita.com/digiangler/items/5623709e66676ea98e88#dracula-pro%E6%9C%89%E6%96%99)
[初期設定](https://qiita.com/digiangler/items/5623709e66676ea98e88#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A)
[General](https://qiita.com/digiangler/items/5623709e66676ea98e88#general)
[次回予告](https://qiita.com/digiangler/items/5623709e66676ea98e88#%E6%AC%A1%E5%9B%9E%E4%BA%88%E5%91%8A)

# テーマエディタのカスタマイズと、公開テーマのインポート方法

「Alfred 4」からダークモードにも対応されました。

新たにダークモード用の「Alfred macOS Dark」が追加されていたのですが、選択色（青色）の主張が強すぎるように感じたので、変更されるのがいいと思いました。

なので、以下のサイトから好みのテーマをインポートしました。

人それぞれなので、いろんなテーマから自分のMacに合っているものを探してみよう。

# 公開されているテーマのインストール方法

[Packal](http://www.packal.org/theme-list)というサイトでは、200以上の色んなテーマが公開されています。

<img width="1426" alt="スクリーンショット 2019-10-31 16.09.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/b6fe0265-8ecc-1a3c-f7e7-3a674f7a1b91.png">

上部メニューの「Themes」 → 「＋ Browse」をクリックし、インストールしたいテーマを選択して、「＋ Import theme」をクリックすると、「Alfred」にテーマをインストールできます。

<img width="1426" alt="スクリーンショット 2019-10-31 16.09.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/4a3a19aa-98bc-c19e-396e-2d0b10029b68.png">

# Dracula Theme をインストール

私のおすすめはこちらのテーマです。

そう、「[Dracula](https://draculatheme.com/)」テーマです。

<img width="1665" alt="スクリーンショット 2020-04-20 15.05.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/f7ca88ca-d1c2-d75a-e35b-6a710d0b8c7b.png">

Dracula Themeのページから「Alfred」をクリックします。

<img width="1665" alt="スクリーンショット_2020-04-20_15_01_50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/606de0da-4c8d-52e0-ef2c-c5e5892960be.png">

インストール方法が書かれていますので、その通りにインストール（ダウンロード）してください。

<img width="1666" alt="スクリーンショット 2020-04-20 15.07.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/1e49cf8b-0ce5-ab5c-9a16-6241513701e3.png">

`$ git clone https://github.com/dracula/alfred`

# Dracula Theme のインストールが分からない人向け

① 「Alfred」の環境設定の「Appearance」を開きます。
② 上記サイトからダウンロードしたファイル（gitからダウンロード、または、zipファイルを解凍）の「Dracula.alfredappearance」をテーマ一覧にドラッグ＆ドロップします。

<img width="1440" alt="スクリーンショット_2019-11-04_16_13_35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/5db20bff-0078-f95c-dc62-52d85b1661e7.png">

③ 「import」をクリックします。

<img width="1440" alt="スクリーンショット 2019-11-04 16.14.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/b9dec93b-fd37-493e-9b23-601228c76e64.png">

④ 「Dracula」を選択し、完了。

# 独自テーマ作成

独自でテーマを作成することもできます。

① 左下にある「＋」ボタンをクリックして新しいテーマを作成します。
② 「Theme Name:」にはテーマの名前、「Created By:」には自分の名前（作者名）を入力します。

<img width="1440" alt="スクリーンショット 2019-11-05 10.22.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/9856f391-1c42-2469-7842-a957148e024c.png">

③ テーマ編集は、直感的にマウスでカスタマイズできます。

✅️変更したい場所をドラッグ　･･･　幅や行間の変更
✅️変更したい要素をクリック　･･･　背景色や文字色の変更
✅️文字を右クリック　　　　　･･･　フォントの変更
✅️アイコンをドラッグ　　　　･･･　サイズの変更

既存のテーマを右クリックして「Duplicate Theme…」でテーマのコピーもできます。

# Alfred 以外のツール（アプリ）をカスタマイズ

私の場合、Dracula Themeを「[iTerm](https://draculatheme.com/iterm/)」や「[Visual Studio Code](https://draculatheme.com/visual-studio-code/)」をはじめ、以下のツール（アプリ）に設定しています（苦笑）

お好みに合わせて、設定してみてください。

コードエディタ：
☑️ [vim](https://draculatheme.com/vim/)
☑️ [Sublime](https://draculatheme.com/sublime/)
☑️ [Xcode](https://draculatheme.com/xcode/)
☑️ [Atom](https://draculatheme.com/atom/)
☑️ [Emacs](https://draculatheme.com/emacs/)
☑️ [JetBrains](https://draculatheme.com/jetbrains/)
☑️ [CotEditor](https://draculatheme.com/coteditor/)

ターミナル：
☑️ [Fish](https://draculatheme.com/fish/)
☑️ [Zsh](https://draculatheme.com/zsh/)
☑️ [Terminal](https://draculatheme.com/terminal/)

デザイン：
☑️ [Adobe](https://draculatheme.com/adobe/)
☑️ [Sketch](https://draculatheme.com/sketch/)

メッセンジャー：
☑️ [Slack](https://draculatheme.com/slack/)
☑️ [Facebook Messenger](https://draculatheme.com/facebook-messenger/)

ノート：
☑️ [Bear](https://draculatheme.com/bear/)
☑️ [Ulysses](https://draculatheme.com/ulysses/)
☑️ [Quiver](https://draculatheme.com/quiver/)

ランチャー：
☑️ [Alfred](https://draculatheme.com/alfred/)

ブラウザ：
☑️ [Chrome](https://draculatheme.com/chrome/)
☑️ [Firefox](https://draculatheme.com/firefox/)

その他：
☑️ [Brackets](https://draculatheme.com/brackets/)
☑️ [Sequel Pro](https://draculatheme.com/sequel-pro/)
☑️ [MindNode](https://draculatheme.com/mindnode/)
☑️ [GitHub Pages](https://draculatheme.com/github-pages/)
☑️ [Wordpress](https://draculatheme.com/wordpress/)

各設定は、リンク先にインストール方法などが書かれていますので、その通りにインストール（ダウンロードと設定）してください。

下記の Dracula ページを見ればわかりますが、いろんなツール（アプリ）にカスタマイズができます。

![screencapture-draculatheme-2020-04-20-14_56_25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/a5de7941-ba28-258d-f3af-e5219838f5f2.png)
![screencapture-draculatheme-2020-04-20-14_56_25-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/b1de27d7-995b-1ea9-4939-e98400680413.png)

ちなみに「[Visual Studio Code](https://draculatheme.com/visual-studio-code/)」に「[Dracula](https://draculatheme.com/)」のテーマを設定して「[Python](https://www.python.org/)」のコード書きました。

こんな感じです。

<img width="1680" alt="スクリーンショット_2020-03-11_11_51_21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/088208dc-b8ec-91a8-4043-c6343daa836e.png">

好きなテーマでコーディングをすると、モチベーションがアップしますよ❗

本当に生産性が上がりましたからね（笑）

せっかくなんで言っときますが、「[Python](https://www.python.org/)」もオススメです。

ブログの執筆やセールスレターを書くときに”リサーチ”をしますが、そのときにデータなどを自動で抽出したりするリサーチ用のコードを書きました。

そのおかげで、作業効率が上がりました。

[https://www.python.org/](https://www.python.org/)

# Dracula PRO（有料）

あと、「[Dracula PRO](https://draculatheme.com/pro/)」もできたんですね❗

知らなかった（汗）

値段に関しては2020年4月20日現在だと以下の通りです。
※1ドル108円で計算しています。

✅️通常　：79ドル（約8513円）
✅️今なら：49ドル（約5280円）

こちらは有料ですが、14日間のお試し期間もあるし、内容が豪華ですね❗

5300円ぐらいなら悩みますね･･･

<img width="445" alt="スクリーンショット 2020-03-11 15.53.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/a80f6f1a-c472-7b6d-031b-a78099a2e8b3.png">

下のページを読む限り、無料のヤツよりカッコイイし機能性も良さそうなので、元の値段になる前に購入しようかな･･･

悩みますね･･･（汗）

![screencapture-draculatheme-pro-2020-03-11-11_49_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/23b6f761-3709-4d08-2b51-3c440d18813f.png)

# 初期設定

Macのシステム環境設定の「セキュリティとプライバシー」→「プライバシー」→「アクセシビリティ」と「フルディスクアクセス」で「Alfred」の権限を与えます。

<img width="1440" alt="スクリーンショット_2019-11-04_15_36_32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/fc10abc4-7ffc-e18c-19bf-44223585815e.png">

※アクセシビリティ

<img width="1440" alt="スクリーンショット_2019-11-04_15_36_40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/66c9d0e7-84f1-55f3-440a-aa20f583c3ca.png">

※フルディスクアクセス

# General

「Alfred」を使い始める前に設定を整えましょう。

<img width="1440" alt="スクリーンショット_2019-11-01_16_59_37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/b7c06fd0-f7fb-5fce-6c36-46f1d0ee0968.png">

Startup ：「Launch Alfred at login」チェック（そのまま）

Alfred Hotkey：［command ＋ Space］に変更
※初期設定は［option ＋ Space］

Where are you：「Japan」に変更
※初期設定は「International」

Permissions：そのまま

この設定画面では、とくにそのままでも問題ないですが、「Alfred」を起動しやすいHotkeyのセットだけはしておきましょう。

# 次回予告

初期設定の続きを書きたいと思います。

あくまで自分用なので、やり方を覚えて独自のカスタマイズを完成させましょう。

「iTerm」や「fish shell」、「z shell」の設定に関しても書く予定でいますので、今後ともよろしくお願い致します。

少しでもお役に立てれば幸いです。