Windowsのターミナルをかっこよくしよう!!!

# mac使ってる人のターミナル......かっこいいなあ......
と思うのです。仕事ではmacを使って開発を行っていますが、ターミナルをカスタマイズするとテンションが上がります。業務に使うmacにはiterm2を入れたり、暇な時間にフォントやカラーをカスタマイズしてテンションを上げています。その一方でプライベートではWindows派なので、基本的にはPowerShellを使っています。

#ちょっとダサいPowerShell
PowerShellはよく使うしたまに記事も書くくらいには好きです。しかしながら、Windows特有のあの感じとでもいうのでしょうか、なんともダサい感じです(背景青くて文字が読みずらいし...)。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/0f413f17-bcee-c9ec-27c1-07ac6d58b7ba.png)

# やったこと
なんとかかっこいいターミナルを作りたくてやったことをまとめます。これで必ずしも完成ではないので今後も追記していく予定です。もしより良い手段や設定をご存じでしたら教えていただければありがたいです。

## Windows Terminal
Windows Terminalを使います。
https://docs.microsoft.com/en-us/windows/terminal/
https://github.com/microsoft/terminal
結局のところマイクロソフト謹製になってしまうのですが、将来性や情報量、質の面でこれがベストだと考えました。ほかにもFluent Terminal(なぜか管理者権限で実行できない)、Terminus(かっこいい!!!でもちょっともっさりしている)、Alacritty(なぜか起動しない)などは検討しました。

### Windowsのダークモードを使う

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/550400fe-e154-573e-b97c-106f8bbadee9.png)

標準ですとなんか灰色っぽくて今から行うダーク感のある設定から浮いてしまうのでダークモードにします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/23cd7e8e-0ca2-c3b5-2000-8de1ce37b624.png)

__やっぱり黒が一番__

### かっこいいフォントを使う
https://github.com/adobe-fonts/source-han-code-jp/releases
なんかAdobeが作ってるかっこいいフォントです。Windows Terminal標準でもかっこいいので気休めっぽいけど入れました。
### Windows Terminalの設定
Windows Terminalはsettings.Jsonを編集することで設定を変えられます。この時使うエディタはVScodeがいいと思います。なぜかサジェストしてくれます。

### Icebergっぽいカラーテーマを作る
Windows Terminalは各種カラーテーマを用意していて、何種類かはその名前をsettings.jsonで指定するだけで設定が反映されます。
https://docs.microsoft.com/ja-jp/windows/terminal/customize-settings/color-schemes
この中に好みのものがあればそれを使うといいと思います。僕はmacでもIcebergというカラーテーマを使っていてそれを使いたいと思いましたが、特に公式的には用意されていませんでした。
調べていたらカラーテーマを作成されている方を見つけたので個人のメモっぽいですが借用させてもらいました。
https://gist.github.com/kshimi/86a6d840bab526c427b6e71acde44a81

これをsettings.jsonのschemes内に記入します。

```json
    // Add custom color schemes to this array
    "schemes": [{
        "name": "Iceberg",
        "foreground": "#c6c8d1",
        "background": "#161821",
        "black": "#161821",
        "red": "#e27878",
        "green": "#b4be82",
        "yellow": "#e2a478",
        "blue": "#84a0c6",
        "purple": "#a093c7",
        "cyan": "#89b8c2",
        "white": "#c6c8d1",
        "brightBlack": "#6b7089",
        "brightRed": "#e98989",
        "brightGreen": "#c0ca8e",
        "brightYellow": "#e9b189",
        "brightBlue": "#91acd1",
        "brightPurple": "#ada0d3",
        "brightCyan": "#95c4ce",
        "brightWhite": "#d2d4de"
      }],
```

これでIcebergをテーマとして使用できます。
### settings.jsonの編集
標準では以下のようにとくに見た目の設定はされていません。

```json
           // Make changes here to the powershell.exe profile
            "guid": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",
            "name": "Windows PowerShell",
            "commandline": "powershell.exe",
            "hidden": false,
```

この項目にエディタや見た目の設定を記述していきます。cmdの設定も下に続いていますが特に使わないので僕は設定しません。項目は同じなのでお好みで。

#### 透けさせたい
ウィンドウが透けているとかっこよいです、透けさせましょう。

```json
"acrylicOpacity" : 0.8,
"useAcrylic" : true
```

acrylicOpacityの数字を小さくすると透明度が上がります。あんまり透明すぎてもあれなので僕は控えめにしています。acrylicOpacity単体では記述しても意味はなく、useAcrylicをtrueにしないと透過設定は反映されません。


#### フォントを変えたい

```json
 "fontFace" : "Source Han Code JP"
 "fontSize": 13
```

これだけです。お好きなフォントを指定しましょう！サイズも！

####カラーテーマを変えたい

```json
"colorScheme" : "Iceberg",
```
今回は上記に設定したIcebergにしましたがSolarizedなどの人気テーマも標準であるのでそちらが好きな方はより簡単です。こんなかんじに

```json
"colorScheme" : "Solarized Dark"
```

#### カーソルを変えたい
```json
"cursorShape": "filledBox",
"cursorColor" : "#FFFFFF"
```
カーソルの形は

```
"bar"
"emptyBox"
"filledBox"
"underscore"
"vintage"
```
があり、僕は"filledBox"にしていて、色も変えられるようです。
VScodeで見るとこんな感じにサジェストしてくれます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/5cb856e3-cd7a-fb1a-84b9-91b435eb4dd0.png)

# 結果
いくつかコマンドレットを打ってみました。背景透けています...!
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/749bb98b-82c4-5950-b978-9f1d1a3062a6.png)


vagrant内を見ることも多いのでいくつか操作をしてスクショしてみました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/447c69a6-d1c9-7dc0-1774-b68d5f724db3.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/a7e6771c-3110-d2c4-c073-676396568145.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/316078/17ab0798-7d7a-f8a8-d7d8-6f5d8b25a6da.png)

___いい感じにかっこよくできたのではと思ってテンションが上がっています!!!!!___

#まとめ
ターミナルは毎日開くし眺めている時間も比較的多いものだと思うので、それがかっこいいだけで毎日楽しくなります。割りといい感じにできたのではないかなと思います。
とはいえ問題点もあって、当然ながら標準より少しもっさりしていたり、画面左端右クリックですぐ出せる気軽さにはどうしても勝てないといった面でマイナスはあります。
また、この設定に問題点や、もっとかっこよくできる設定などありましたらぜひともご指摘いただけましたら幸いです。