Alfred 4 自分用にカスタマイズ（テーマ変更 or 設定編）

# テーマエディタのカスタマイズと、公開テーマのインポート方法
「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/a6bbdfbc-87fb-3a93-41af-fd8706be0c06.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/8b257936-9e8f-856b-d7d8-ac4d9976d906.png">


# Dracula Theme をインストール
私のおすすめはこちらのテーマです。
そう、「Dracula」テーマです。
<img width="1425" alt="スクリーンショット 2019-10-31 17.00.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/d3f0df1b-31bb-f583-2f42-0c9dc5c604c3.png">

[Dracula Theme](https://draculatheme.com/)のページから「Alfred」をクリックします。
<img width="1425" alt="スクリーンショット_2019-10-18_0_15_50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/d656f655-b5c8-8ba3-c0f1-3d2fc0581bb5.png">

インストール方法が書かれていますので、その通りにインストールしてください。
<img width="1425" alt="スクリーンショット 2019-10-18 0.29.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/ce4afe37-d717-97ff-adea-4a090dfb4539.png">


# Dracula Themeのインストールが分からない人向け
1. 「Alfred」の環境設定の「Appearance」を開きます。
2. 上記サイトからダウンロードしたファイル（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/6f7cabd0-4f07-6e63-298c-01ebc4bad9b6.png">
3. 「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/6cc063f7-8c69-3c8f-e29c-3ace745aaf7f.png">
4. 「Dracula」を選択し、完了。


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

1. 左下にある「＋」ボタンをクリックして新しいテーマを作成します。
2. 「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/76cc5430-9e9f-3dfc-821a-ff3fb446580e.png">
3. テーマ編集は、直感的にマウスでカスタマイズできます。

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

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


# おまけ
私の場合、Dracula Themeを「[Slack](https://draculatheme.com/slack/)」や「[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/)」、「[Brackets](https://draculatheme.com/brackets/)」、「[iTerm](https://draculatheme.com/iterm/)」、「[Zsh](https://draculatheme.com/zsh/)」、「[Terminal](https://draculatheme.com/terminal/)」、「[Sequel Pro](https://draculatheme.com/sequel-pro/)」、「[GitHub Pages](https://draculatheme.com/gh-pages/)」、「[Ulysses](https://draculatheme.com/ulysses/)」、「[Quiver](https://draculatheme.com/quiver/)」らに設定しています。

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


# 初期設定
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/75de9a6d-33ef-b22f-88c7-d5d04a2eab18.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/ae694d84-a827-e979-d800-16edb6db5d66.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/1c4a0660-be52-7093-be82-8875602c980b.png">
Startup ：「Launch Alfred at login」チェック（そのまま）

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

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

Permissions：そのまま

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


# 次回予告
初期設定の続きを書きたいと思います。

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


つづく