「かっこいい」＋「つかいやすい」WSL環境を整える

# はじめに
初投稿です。
Windowsで気軽に！簡単に！Linux環境を準備できると噂のWSLを試してみました
「かっこいい」＋「つかいやすい」環境を整備するため「WSL」＋「FluentTerminal」環境を整備したのでその方法を記載します

## 出来上がるもの
テーマ選択可能！今はデフォルトの「Xterm.js」Ubuntu Bashのテーマとかも選択できる
タブの色とかもGUIの設定画面から簡単に変更できる
![Fluent Terminal 2020_04_09 9_38_17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/20c9e509-6aab-2397-5f5c-76fed5bf1881.png)

## 対象読者
「かっこいい画面でシェル打ちたい！」
「かっこいいUIでコマンド打ちたい！」
「お勉強のために気軽にmanとか見てみたい・・・コマンド打ってみたい・・・」
「WSLってなんだ・・・」

気になった方さっそく一緒に導入しましょう！

# 導入手順

ざっくり下記の順番で進めていきます

1. Windows機能（WSL）の有効化
2. Linuxディストリビューション（Ubuntu）のインストール
3. WSLの初回起動・設定
4. FluentTerminalの導入

## Windows機能（WSL）の有効化

「スタートボタン」を右クリックからアプリと機能を押下
![スクリーンショット (5).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/b76b9a60-c046-75cf-c918-04f2d87191a7.png)
下のほうまでスクロールすると「プログラムと機能」があるので押下
![設定 2020_04_09 23_20_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/c1b41125-8004-238b-48fc-7a6b180b5b5a.png)
「Windowsの機能の有効化または無効化」を押下
![プログラムと機能 2020_04_09 23_21_56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/350ac039-17d8-5478-8954-84836b269014.png)
しばらくすると一覧が表示されるので「Windows Subsystem for Linux」にチェックを入れて「OK」を押下
![コメント 2020-04-09 232744.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/b566f95b-96ec-2bc3-6fae-711d24c04aed.png)
必要なファイルを検索しています→必要な変更が完了しましたと画面が遷移
「今すぐ再起動」のボタンを押下して再起動
これにて「Windows機能（WSL）の有効化」は完了！

## Linuxディストリビューション（Ubuntu）のインストール
「スタートボタン」をクリックし「Microsoft Store」を探して起動
検索で「WSL」と検索すると利用できるディストリビューションが表示される
今回は「Ubuntu」を選択　
次の画面では「入手」を押下しダウンロードしましょう
※すでに導入してからでしたのでインストール済みになってますが普通なら無料と表示されているはず
![Microsoft Store 2020_04_10 11_58_35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/082f8f69-4aca-db6d-bc25-ffb8ee4b983e.png)
これにて「Linuxディストリビューション（Ubuntu）のインストール」は完了！簡単！

## WSLの初回起動・設定

ここでは下記を行います
1. WSL初回起動
2. リポジトリ変更
3. OS更新
4. ビルドツール導入（あると便利）

ビルドツールはなくてもよいのですがいろいろなツールの導入の際にmakeコマンド利用したりする場面もあるので入れていきます

### WSL初回起動
「スタートボタン」をクリックし「Ubuntu」を探して起動
ターミナル画面が表示される
Installation successful! が表示されたら「ユーザ名」と「パスワード」を設定する
![ubuntu.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/6302ba3a-9bcb-7531-cdc8-a0fb37b2c5ed.png)
プロンプトが表示されれば初回起動は完了！

### リポジトリ変更
OSの最新化を行う準備をします
最新化を行ってくれる資材はネットワーク上のリポジトリで管理されています
日本にもリポジトリがありますが
デフォルト設定だと海外のリポジトリに接続されるため設定を日本に変えます
一応これで少しだけ速度が速くなる気がします・・・
一応``sources.list.bak``という形でバックアップが残っているので何かあったらもとに戻してください

```shell:
sudo sed -i.bak -e "s/http:\/\/archive\.ubuntu\.com/http:\/\/jp\.archive\.ubuntu\.com/g" /etc/apt/sources.list
```

### OS更新
aptのパッケージをアップデート＆インストールして完了です

```shell:
sudo apt update && sudo apt upgrade -y
```

### ビルドツール導入
「build-essential」と呼ばれる開発に必須のビルドツールを提供しているパッケージです
あると便利ですが必須でないため入れても入れなくてもどっちでもよいです

```shell:
sudo apt install build-essential
```
これにて「WSLの初回起動・設定」は完了！

## FluentTerminalの導入
「FluentTerminal」は高機能なターミナルエミュレーターソフトです

- CMD・PowerShell・WSLをデフォルトで利用可能
- タブが利用可能
- テーマ（見た目）変更可能

などなどほかにも機能がたくさんあります
<a href="https://github.com/felixse/FluentTerminal"><img src="https://github-link-card.s3.ap-northeast-1.amazonaws.com/felixse/FluentTerminal.png" width="460px"></a>
上記のGithubのリンクを開き「releases」を選択
![GitHub - felixse_FluentTerminal_ A Terminal Emulator based on UWP and web technologies. - Google Chrome 2020_04_10 14_31_53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/98f708b4-5f13-0951-f13c-c5436c276203.png)
最新バージョンをzipでダウンロード
![GitHub - felixse_FluentTerminal_ A Terminal Emulator based on UWP and web technologies. - Google Chrome 2020_04_10 14_35_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/374314f2-f7aa-e6bb-e00a-152569e74280.png)
解凍しAPPXBUNDLE ファイルを起動
![FluentTerminal_0.7.0.0 2020_04_10 14_37_22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/926c7f7e-dd0f-54e1-5278-ce662e106347.png)
下記のような画面が表示されるので「インストール」を押下
※既にインストール済みの画面ですがこのような感じで表示されます
![アプリ インストーラー 2020_04_10 14_51_45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/4a0f84e3-720a-6767-2067-449b360f5d1f.png)
「FluentTerminal」が表示されます！

「WSL」をデフォルトとするためメニューを選択
![Fluent Terminal 2020_04_10 14_53_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/1f5d735b-87ae-01a3-f819-31c552554a0e.png)
「設定」を押下
![Fluent Terminal 2020_04_10 15_15_59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/f8f1c562-ba9f-4796-c144-7b4c99311212.png)
「プロファイル」→「WSL」→「デフォルトにする」を選択
これで次回起動時にはWSLが自動で起動する。
![Fluent Terminal 2020_04_10 15_17_59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/470746/3ec5bd9b-2080-38bf-1487-149f5ffdc49a.png)

その他設定などはいろいろ弄ってお試しください！

# おわりに
お疲れさまでした！
これにて「かっこいい」＋「つかいやすい」が実現できる「FluentTerminal」環境が構築できました！
実はMacが壊れてしまい開発環境が消えてしまったのがこの記事を書く動機でした・・・Windowsだといい感じにできなそう・・・なんて気持ちがありましたが全然そんなことなさそうです！
これを機にWindows環境考えてみたい気持ちが出てきました！
皆様もぜひお試しください！

# 参考サイト
- <a href="https://www.atmarkit.co.jp/ait/articles/1903/18/news031.html">【WSL入門】第1回　Windows 10標準Linux環境WSLを始めよう</a>
- <a href="https://sig9.hatenablog.com/entry/2019/12/08/000000">Windows 10 に FluentTerminal を入れ WSL をデフォルトにする</a>
- <a href="https://phst.hateblo.jp/entry/2020/01/19/000000">Windows Subsystem for Linux (WSL) をバックアップ・復元・コピーする方法</a><br>記事中に記載していませんが作った後のバックアップに利用しました！