初心者のためのWSL( 2 ) ~GUI設定,デスクトップ環境設定編~

#注意
この記事はこちらの記事の続きです。CUIの設定が終わっていない方は[こちら](https://qiita.com/ysg_255/items/dbc85b048fba51e597ee)の方から先に見てください。
#4.GUI環境構築
##4-1.VcXsrvのインストール
WSLのGUI設定をするにはまずVcXsrvをインストールする必要があります。
VcXsrvのサイトを開き、[Download]を押します。
![VcXsrvのサイト](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/7ffb96a2-dc02-d267-7525-5ff13037793e.png)
その後、ダウンロードしたファイルを開くと以下の画像のような画面が出ます。[Next]を押します。
![VcXsrvインストール1](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/93231f06-080e-31f6-a84f-e0c22d9272f3.png)
次に[Install]を押します。
![VcXsrvインストール2](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/9387d4a9-0a8c-4081-b84a-f644894b4d9c.png)
インストールされたら[Close]を押します。
![VcXsrvインストール3](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/f87934c6-5370-ae87-4067-d4a901f6a2ea.png)
デスクトップ画面にXlaunchがあることを確認します。
![デスクトップ画面で確認](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/abd2b841-2045-5cdf-1a8f-47f30180c604.png)
##4-2.VcXsrv初期設定
基本的に設定はデフォルトのままで大丈夫です。では、まずXlaunchを開き、[次に]を押します。
![VcXsrv初期設定1](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/7e20b926-6740-d5d4-6d7d-c212e69e6467.png)
[次に]を押します。
![VcXsrv初期設定2](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/9e280493-a594-a95e-429f-2e3df3d69601.png)
[次に]を押します。
![VcXsrv初期設定3](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/2648fa50-3096-27da-6b23-fd885203946c.png)
最後、[完了]を押します。
![VcXsrv初期設定4](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/6a768998-76b8-e422-295e-c5690e4b422d.png)
その後、以下の画像のような画面が出ると思いますが、これは[キャンセル]を押します。
![変な画面](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/e02b2b00-5c0c-fb39-0a97-ce03e2a25cf0.png)
そして、デスクトップ画面右下のところにXlaunchのマークが出ていたら成功です。
![Xlaunchのマーク](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/c44ea2c8-e5c2-e259-133d-ba5a08a5cd9c.png)
##4-3.UbuntuでのGUI設定
WSLを起動して以下のコマンドを入力します。

```
sudo apt install x11-apps x11-utils x11-xserver-utils dbus-x11
```

次に以下のコマンドを入力します。

```
cd
echo 'export DISPLAY=localhost:0.0' >> ~/.bash_profile
source ~/.bash_profile
```

最後に以下のコマンドを入力して以下の画像のような目がでたら成功です。

```
xeyes
```

![目](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/304e3abd-1942-6480-045f-2322b363b94c.png)
#5.デスクトップ環境構築
まず以下のコマンドを入力し、GUI用の日本語フォントをインストールします。このコマンドを入力しないとデスクトップ画面が出ても日本語の部分が文字化けしてしまいます。

```
sudo apt install fonts-ipafont
```

いよいよデスクトップをインストールしていくのですが今回はxfceというデスクトップ環境をインストールします。本家のUbuntuはデフォルトでGnome(Ubuntu16.04LTSではUnity)というデスクトップが使用されているのですが、僕の環境ではうまくいかなかったのでxfceを利用しました。とは言ってもxfceは評判がいいデスクトップ環境の一つなので安心してください。

```
sudo apt install xfce4-terminal
sudo apt install xfce4-session
sudo apt install xfce4
export DISPLAY=:0.0
export LIBGL_ALWAYS_INDIRECT=1
```

そして、以下のコマンドを入力したらデスクトップ画面が表示されます。

```
startxfce4
```

xfceはこんな感じの画面になります。
![xfceの画面](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/501257/80e90e98-ee65-e66c-e291-210ce217a812.jpeg)
#おわりに
ここまででとりあえずGUIまで設定が終わりました。あとは、様々なアプリをインストールしたり、あるいはほかのデスクトップ環境のインストールに挑戦したりして自分好みにカスタマイズしていきましょう。

前回→[初心者のためのWSL( 1 ) ~初期設定,CUI設定編~](https://qiita.com/ysg_255/items/dbc85b048fba51e597ee)
#参考
[Ubuntu 18.04のWSL上へのインストールと初期設定](http://www.aise.ics.saitama-u.ac.jp/~gotoh/HowToInstallUbuntu1804OnWSL.html)
[WSL上にXサーバをインストールしてGUIを実現する（VcXsrv編）](https://www.atmarkit.co.jp/ait/articles/1812/06/news040.html)
[WSLでwindows上にLinuxのGUI環境を作る[メモ]](https://qiita.com/MERIK/items/ef4ecf7a51f89c403e94)
[【WSL】Windows Subsystem for LinuxでUbuntuデスクトップ環境を構築する](https://it-blue-collar-dairy.com/ubuntu-desktop_for_wsl/)