WSLgでinteliJを起動してみた（超初級編 ～ 日本語文字入力を添えて～


調べれば情報があふれているWSLのインストールからWSLgのインストールですが、
日本語化やinteliJのインストールまで一緒に書かれているのは数少ないかなと思っているのと、
自身や皆様の初期設定用のメモとして

# 手順
## １．WSLのインストールがまだの場合はここから
### １．１．WSLインストール
管理者権限でコマンドプロンプトを開いて、以下を実行
```
wsl --install
```
めっちゃ簡単ですね
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/119d0ff0-9480-28ef-9981-8e38dbedad24.png)

### １．２．好きなDistoributionをインストール
WindowsStoreで探してインストール
ここではUbuntu
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/74b46f50-6e37-4716-915c-b78e961b7d99.png)

### １．３．Linuxの初期設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/d65c9ba0-1707-6076-d12b-e45beb035a38.png)
開くボタンでターミナルを開いてユーザー名、パスワードを設定して完了。

## ２．WSLgの設定
※ ここからはWindows 11, version 22H2が入っていることが前提なので、まだ入ってない方は先にUPDATEしましょう。
[公式手順はこちら](https://learn.microsoft.com/ja-jp/windows/wsl/tutorials/gui-apps)


### ２．１．WSLのインストールがWindows 11, version 22H2のアップデートまえの場合のみ必要な作業
```
wsl --update
```

### ２．２．vGPUドライバのインストール 
[WSL 用 Intel GPU ドライバー](https://www.intel.com/content/www/us/en/download/19344/intel-graphics-windows-dch-drivers.html)
[WSL 用 AMD GPU ドライバー](https://www.amd.com/en/support/kb/release-notes/rn-rad-win-wsl-support)
[WSL 用 NVIDIA GPU ドライバー](https://developer.nvidia.com/cuda/wsl)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/9c877669-37d6-8bae-0d72-8fd855cc3237.png)

私のPCはAMD RADEONなのでAMDのGPUドライバをインストールしました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/3ac3b155-e750-023f-9869-286fdf3cc7c6.png)

### ２．３． WSLgでGUIアプリが起動できるようになったか確認
ここではgvimをinstallして確認
```
sudo apt update
sudo apt show vim-gtk3
gvim {開きたいファイル名}
```
以下のようなWINDOWが開かれればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/fcbd161e-6443-66c8-0fc3-817584e47749.png)

## ３．日本語フォントと日本語入力の設定
準備として以下を実行
```
sudo apt update
sudo apt upgrade -y
```
### ３．１．Windows上のフォントをWSLからも使えるようにする
/etc/fonts/local.conf ファイルに以下を書き込む（sudo で書き込む）
```
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
    <dir>/mnt/c/Windows/Fonts</dir>
</fontconfig>
<!-- Created by bash script from https://astherier.com/blog/2021/07/windows11-wsl2-wslg-japanese/ -->
```

### ３．２．日本語パックとlocaleの設定
```
sudo apt -y install language-pack-ja
sudo update-locale LANG=ja_JP.UTF8
```

### ３．３．FcitxとMozcをインストールし、関連の設定
```
sudo apt install -y fcitx-mozc dbus-x11
sudo sh -c "dbus-uuidgen > /var/lib/dbus/machine-id"
```
~/.profileに以下を書き込む
```
#Added by bash script from https://astherier.com/blog/2021/07/windows11-wsl2-wslg-japanese/
export GTK_IM_MODULE=fcitx
export QT_IM_MODULE=fcitx
export XMODIFIERS=@im=fcitx
export DefaultIMModule=fcitx
if [ $SHLVL = 1 ] ; then
  (fcitx-autostart > /dev/null 2>&1 &)
  xset -r 49  > /dev/null 2>&1
fi
#Added by bash script: end
```
terminalの再起動

### ３．４．日本語入力設定
以下でGUIの設定画面を起動
```
fcitx-config-gtk3
```
以下のような画面でMozcが含まれているのを確認。含まれていなければ左下の「＋」ボタンでMozcを追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/4ef544ce-3541-2d53-fa7c-4640e5e258e4.png)

全体の設定タブで日本語入力の切り替え（Trigger Input Method）方法を使いやすいショートカットで設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/02183886-75c4-0c64-84a1-94a086dd960c.png)

## ４．inteliJのインストール
### ４．１JetBrains Toolboxのインストール
[公式](https://pleiades.io/help/idea/installation-guide.html#toolbox)の手順に沿ってインストール
Windows上にファイルをダウンロードした場合はExplorerから以下のパスを辿ってファイルの移動をおすすめします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/0dd152a4-d612-5dcd-5925-2da8af6c8cd8.png)

公式の手順に沿ってバイナリを実行すると以下の画面が表示される
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/bf36fe9c-e9f2-b006-ee1b-b6e0e18e5d09.png)

手順に沿って以下の画面まできたら、自身に必要なInteliJをインストール。ここでは　Comunity Edition
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/be08a968-0ee2-a634-4df7-d90f96be0775.png)

### ４．２．inteliJ起動
以下のコマンドで起動
```
idea
```

初期起動では以下のWindowが開かれるので、規約に同意してContinue
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/caa39520-399f-fa3e-a874-327041f28e80.png)

DATA SHARINGは自身の好みで選ぶ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/cff2a4e8-29c7-420c-6769-582ec86a6ab1.png)

以下の画面まで来たら、いつものように使うだけ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/153651/934b073f-ce50-793c-8034-30a3115bd8c5.png)


# 参考文献
https://learn.microsoft.com/ja-jp/windows/wsl/tutorials/gui-apps
https://astherier.com/blog/2021/07/windows11-wsl2-wslg-japanese/#