<p>Windows Insider Previewでの記事なのでリリース時と異なる場合があります</p>
<p>------------------- ↓ 前書はここから ↓-------------------</p>
<p>こんな記事が<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c12f4c1fd08fe" src="https://embed.zenn.studio/card#zenn-embedded__c12f4c1fd08fe" data-content="https%3A%2F%2Fpc.watch.impress.co.jp%2Fdocs%2Fnews%2F1320368.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://pc.watch.impress.co.jp/docs/news/1320368.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://pc.watch.impress.co.jp/docs/news/1320368.html</a></p>
<p>ｷﾀ―――(ﾟ∀ﾟ)―――― !!</p>
<p>以前から発表があったように<br>
WSL上でLinux GUI動くようになった。<br>
執筆時(令和3年4月22日現在)ではInsider Previewのdevチャンネルのみだが、<br>
リリースは時間の問題よね。</p>
<p>さて、これも以前から言ってるが、<br>
Linux上でGUIを動かすということがわかった時点で、<br>
PHPStormなどのGUIアプリをLinux上に載せて使うことは確実になった。<br>
(VSCodeはまだわからない)<br>
そこでLinux上のインストールの仕方をおさらいしておこう。</p>
<p>以前は個別のツールのインストール方法を記載していたが、<br>
今は<a href="https://www.jetbrains.com/ja-jp/toolbox-app/" target="_blank" rel="nofollow noopener noreferrer">Jetbrains Toolbox App</a>というインストーラー兼ランチャーがあるので、<br>
そちらを使うようにする。</p>
<p>なお、WSLgのアップデート手順は後書に記述</p>
<p>ヾ(・ω&lt;)ﾉ"　三三三●　ⅱⅲ コロコロ♪</p>
<p>------------------- ↓ 本題はここから ↓-------------------</p>
<h3 id="%E5%89%8D%E6%8F%90">
<a class="header-anchor-link" href="#%E5%89%8D%E6%8F%90" aria-hidden="true"></a> 前提</h3>
<h4 id="windows%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%92%E7%A2%BA%E8%AA%8D">
<a class="header-anchor-link" href="#windows%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%92%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> Windowsのバージョンを確認</h4>
<p>version  21362+ になっていること</p>
<h2 id="jetbrains-toolbox-app%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#jetbrains-toolbox-app%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> <a href="https://www.jetbrains.com/ja-jp/toolbox-app/" target="_blank" rel="nofollow noopener noreferrer">Jetbrains Toolbox App</a>のインストール</h2>
<p>Toolbox AppのLinux版をインストールする。<br>
とはいえ、ただのバイナリファイルなので、<br>
解凍して適当な場所にコピーするだけ</p>
<h4 id="%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E5%8F%96%E5%BE%97">
<a class="header-anchor-link" href="#%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E5%8F%96%E5%BE%97" aria-hidden="true"></a> リンクの取得</h4>
<p><a href="https://www.jetbrains.com/ja-jp/toolbox-app/" target="_blank" rel="nofollow noopener noreferrer">Jetbrains Toolbox App</a>のページに移動し<br>
Linux版を選択</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/o6w7i6re1grtg4wwyv2jbjnx1kqu" alt width="600" loading="lazy" class="md-img"></p>
<p>直接リンクにリンク先がでるのでURLをコピーしておく</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/tbgx18see5gw77aa28tgh94jj01z" alt width="400" loading="lazy" class="md-img"></p>
<p>Ubuntu上でwgetで取得し展開しておく</p>
<div class="code-block-container"><pre><code>$ wget 'https://download.jetbrains.com/toolbox/jetbrains-toolbox-1.20.8352.tar.gz?_ga=2.18798398.665439295.1619095954-170303220.1583936480'
$ tar xfz jetbrains-toolbox-1.xx.xxxx.tar.gz
</code></pre></div><h4 id="%2Fusr%2Flocal%2Fbin%E3%81%AB%E3%82%B3%E3%83%94%E3%83%BC">
<a class="header-anchor-link" href="#%2Fusr%2Flocal%2Fbin%E3%81%AB%E3%82%B3%E3%83%94%E3%83%BC" aria-hidden="true"></a> /usr/local/binにコピー</h4>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ <span class="token function">sudo</span> <span class="token function">cp</span> jetbrains-toolbox-1.xx.xxxx/jetbrains-toolbox /usr/local/bin
</code></pre></div><h3 id="jetbrains-toolbox-app%E3%81%AE%E8%B5%B7%E5%8B%95">
<a class="header-anchor-link" href="#jetbrains-toolbox-app%E3%81%AE%E8%B5%B7%E5%8B%95" aria-hidden="true"></a> <a href="https://www.jetbrains.com/ja-jp/toolbox-app/" target="_blank" rel="nofollow noopener noreferrer">Jetbrains Toolbox App</a>の起動</h3>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ jetbrains-toolbox
</code></pre></div><p><img src="https://storage.googleapis.com/zenn-user-upload/n6q4glsk38wny9s9jjc7icnk6wm6" alt width="300" loading="lazy" class="md-img"></p>
<p>available欄のinstallから好きなツールのインストールを実行<br>
installed欄より起動する</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/etll188yv3tm6q2u2d3r6n963ock" alt loading="lazy" class="md-img"></p>
<p>------------------- ↓ 後書はここから ↓-------------------</p>
<h2 id="fuse%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%A8%E3%81%84%E3%82%8F%E3%82%8C%E3%82%8B%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#fuse%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%A8%E3%81%84%E3%82%8F%E3%82%8C%E3%82%8B%E5%A0%B4%E5%90%88" aria-hidden="true"></a> fuseが必要といわれる場合</h2>
<p>AppImagesとやらがなんかエラーを出す</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ jetbrains-toolbox
dlopen<span class="token punctuation">(</span><span class="token punctuation">)</span>: error loading libfuse.so.2

AppImages require FUSE to run.
You might still be able to extract the contents of this AppImage
<span class="token keyword">if</span> you run it with the --appimage-extract option.
See https://github.com/AppImage/AppImageKit/wiki/FUSE
<span class="token keyword">for</span> <span class="token function">more</span> information
</code></pre></div><p>よくわからんがとりあえず調べてみると<br>
<a href="https://github.com/AppImage/AppImageKit/wiki/FUSE" target="_blank" rel="nofollow noopener noreferrer">FUSE · AppImage/AppImageKit Wiki</a></p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">AppImages require FUSE to run. Filesystem <span class="token keyword">in</span> Userspace <span class="token punctuation">(</span>FUSE<span class="token punctuation">)</span> is a system that lets non-root <span class="token function">users</span> <span class="token function">mount</span> filesystems.
</code></pre></div><p>とある。<br>
インストール方法も書いてあったので、とりあえずやってみる。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell"><span class="token function">sudo</span> <span class="token function">apt</span> <span class="token function">install</span> fuse
<span class="token function">sudo</span> modprobe fuse
<span class="token function">sudo</span> <span class="token function">groupadd</span> fuse

<span class="token assign-left variable">user</span><span class="token operator">=</span><span class="token string">"<span class="token variable"><span class="token variable">$(</span><span class="token function">whoami</span><span class="token variable">)</span></span>"</span>
<span class="token function">sudo</span> <span class="token function">usermod</span> <span class="token parameter variable">-a</span> <span class="token parameter variable">-G</span> fuse <span class="token variable">$user</span>
</code></pre></div><h2 id="error%3A-can't-open-display%3A-%E3%81%A8%E8%A8%80%E3%81%86%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E5%87%BA%E3%82%8B%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#error%3A-can't-open-display%3A-%E3%81%A8%E8%A8%80%E3%81%86%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E5%87%BA%E3%82%8B%E5%A0%B4%E5%90%88" aria-hidden="true"></a> Error: Can't open display: と言うエラーが出る場合</h2>
<p>細かい理由はわからないが、<br>
WSLgで一度動かしても、<br>
また、「Error: Can't open display: 」というエラーが出ることがあるようだ。<br>
(筆者はWindows11にした後で発生)</p>
<p>アップデートで何かしら狂ったんだと思うので、<br>
一度リセットした方がいい。<br>
以下の設定をして一度GUI系をリセットする<br>
Windows上のホームディレクトリ <code>C:\Users\&lt;ユーザー名&gt;\.wslconfig</code> に以下の記述を追加してwslを再起動する</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">~\.wslconfig</span></div>
<pre class="language-text"><code class="language-text">[wsl2]
guiApplications=false
</code></pre>
</div><p>いったん再起動</p>
<div class="code-block-container"><pre><code>wsl --shutdown
wsl -d [ディストリビューション名]
</code></pre></div><p>WSLgが使えなくなってると思うので、<br>
再度有効にする。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">~\.wslconfig</span></div>
<pre class="language-text"><code class="language-text">[wsl2]
guiApplications=true
</code></pre>
</div><p>もう一度再起動</p>
<div class="code-block-container"><pre><code>wsl --shutdown
wsl -d [ディストリビューション名]
</code></pre></div><p>参考:<br>
<a href="https://github.com/microsoft/wslg#wslg-system-distro" target="_blank" rel="nofollow noopener noreferrer">WSLg System Distro</a><br>
<a href="https://docs.microsoft.com/en-us/windows/wsl/wsl-config#wsl-2-settings" target="_blank" rel="nofollow noopener noreferrer">Configure global options with .wslconfig</a></p>
<h2 id="wsl2%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88">
<a class="header-anchor-link" href="#wsl2%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88" aria-hidden="true"></a> WSL2アップデート</h2>
<p>ここでは既にLinux上でPHPStormなどを運用している人向けに<br>
アップデート手順を記載しておく。</p>
<h4 id="display%E8%A8%AD%E5%AE%9A%E8%A7%A3%E9%99%A4%2C-x410%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#display%E8%A8%AD%E5%AE%9A%E8%A7%A3%E9%99%A4%2C-x410%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> DISPLAY設定解除, X410アンインストール</h4>
<p>以前にx11アプリを使えるようにしてる場合は環境変数DISPLAYを削除しておく<br>
また、X410やVCXSRVなどのWindows用Xサーバーもアンインストールしておく</p>
<h4 id="linux%E3%83%87%E3%82%A3%E3%82%B9%E3%83%88%E3%83%AA%E3%83%93%E3%83%A5%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%83%E3%83%97">
<a class="header-anchor-link" href="#linux%E3%83%87%E3%82%A3%E3%82%B9%E3%83%88%E3%83%AA%E3%83%93%E3%83%A5%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> Linuxディストリビューションのバージョンアップ</h4>
<p><a href="https://www.whitewaterfoundry.com" target="_blank" rel="nofollow noopener noreferrer">Pengwin Linux</a>にアップデート方法が載っていたので、<br>
これに沿ってやってみる</p>
<div class="code-block-container"><pre><code>1. Be sure that Pengwin is already running in WSL 2. If not,
first switch it with wsl --set-version WLinux 2. Then run wsl --shutdown

2. Upgrade WSL running wsl --update from an elevated command prompt or PowerShell.
And restart WSL with wsl --shutdown.
</code></pre></div><p><a href="https://www.whitewaterfoundry.com/blog/2021/4/21/gui-app-support-has-arrived-for-the-windows-subsystem-for-linux-on-the-latest-windows-insiders-preview-build-21362-and-pengwin-supports-it-out-of-the-box" target="_blank" rel="nofollow noopener noreferrer">GUI app support has arrived for the Windows Subsystem for Linux on the latest Windows Insiders Preview build 21362+ and Pengwin supports it out of the box</a></p>
<p>前提としてWSLのバージョンが2になっていること。<br>
なっていない場合は</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">&gt; wsl <span class="token operator">--</span><span class="token function">set-version</span> <span class="token namespace">[dist]</span> 2
</code></pre></div><p>と打てばバージョンアップする<br>
その後シャットダウンしておく</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">&gt; wsl <span class="token operator">--</span>shutdown
</code></pre></div><h4 id="gsudo%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#gsudo%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> gsudoのインストール</h4>
<p>管理者権限が必要なのでgsudoを使う。</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">&gt; winget install gsudo
</code></pre></div><p>管理者権限で開く方法を知ってる方はスルーで</p>
<h4 id="wsl2%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88">
<a class="header-anchor-link" href="#wsl2%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88" aria-hidden="true"></a> WSL2のアップデート</h4>
<p>以下のコマンドでバージョンアップできる</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">&gt; gsudo wsl <span class="token operator">--</span>update
更新をチェック中<span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span>
更新をダウンロード中<span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span>
更新をインストール中<span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span>
この変更は、次回の WSL 再起動時に有効になります。強制的に再起動するには、<span class="token string">'wsl --shutdown'</span> を実行してください。
カーネル バージョン: 5<span class="token punctuation">.</span>10<span class="token punctuation">.</span>16
</code></pre></div><h4 id="x11%E3%82%A2%E3%83%97%E3%83%AA%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#x11%E3%82%A2%E3%83%97%E3%83%AA%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> X11アプリインストール</h4>
<p>アプリは何でも良いが<br>
とりあえず目には目を</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token operator">&gt;</span> wsl
$ <span class="token function">sudo</span> <span class="token function">apt</span> <span class="token function">install</span> x11-apps
$ xeyes
</code></pre></div><p><img src="https://storage.googleapis.com/zenn-user-upload/2bomasxtfmdkrwi5appuzhnht6an" alt loading="lazy" class="md-img"></p>
<p>＜●＞＜●＞</p>
<h4 id="%E6%96%B0%E5%93%81%E3%81%AEwindows11%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8B">
<a class="header-anchor-link" href="#%E6%96%B0%E5%93%81%E3%81%AEwindows11%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8B" aria-hidden="true"></a> 新品のWindows11で使用するとエラーになる</h4>
<div class="code-block-container"><pre><code>Installing, this may take a few minutes...
WslRegisterDistribution failed with error: 0x80370114
Error: 0x80370114 ???????????????????????????????????
</code></pre></div><p>新しいWindows11にてWSLを使用すると上記のエラー。<br>
Linuxを選ぶ前にどうやら下記のコマンドを実行する必要があるらしい。</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">wsl <span class="token operator">--</span>install
</code></pre></div><ul>
<li>必要なオプション コンポーネントの有効化</li>
<li>最新 Linux カーネルのダウンロード</li>
<li>WSL 2 の既定としての設定</li>
<li>Linux ディストリビューションのインストールが実行</li>
</ul>
<p>その後、Linuxを起動すればエラーは出なくなるはず</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">ubuntu
</code></pre></div>

WSLg(Windows11)時代のPHPStorm on WSL2のインストール方法

Jetbrains Toolbox Appのインストール

Error: Can't open display: と言うエラーが出る場合

Discussion