junk0612's blog

junnk0612 のブログです。ボードゲーム・カードゲーム、電源ゲーム、プログラミングが主なコンテンツ。

WSL で Electron を動かそうとした

やろうとしていたこと

JS の勉強に Electron でアプリを作ってみようと思って WSL 上で https://www.electronjs.org/ の Get started を動かそうとしてみた。

$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ npm install && npm start

ところ、npm startで 以下のエラーが出た。

[455:0704/001142.352754:ERROR:ozone_platform_x11.cc(248)] Missing X server or $DISPLAY
[455:0704/001142.352824:ERROR:env.cc(226)] The platform failed to initialize.  Exiting.
/mnt/c/Users/nnuja/Documents/workspace/javascript/electron/electron-quick-start/node_modules/electron/dist/electron exited with signal SIGSEGV

今になって読んでみるとわかるけど、ディスプレイ用の設定がされていない。 とりあえずエラーメッセージをコピーしてググってみた。

解決策

見つかったのは WSL2でElectron開発する方法(VcXsrvなし) という Zenn の記事で、さらにその中で上記のメッセージに対応する内容が書かれていたのは Developing with WSL - Electron Forge だった。公式サイトにちゃんと情報が載っていた。

"If you are using Windows Subsystem for Linux (WSL), there are some quirks to running Electron apps." とのことで、npm install と npm start を win32 向けにしてみたらとりあえず動いた。

$ rm -r node_modules
$ npm install --platform=win32
$ npm start -- --platform=win32

打倒「天庭」

無事に金ネームになれたし、そろそろ「上手い人」感を出していきたくて、天庭を対象に入れることを直近の目標に据えた。

練習するべきは複色運指オルタのみなので、190から200くらいの練習曲をいくつか教えてもらってそれをスパランでコツコツ続けていくのを最近の習慣にしている。

家の PC が壊れた (続)

続報。

いろいろ試してみて、実は「マウスポインターを動かし続けていないといけない」わけではなく、「画面が何も変化しない状態にしてはいけない」という条件だったことがわかり、とりあえず youtube で長い動画を探してきて画面の隅っこの方で流しっぱなしにすることで対症療法的になんとかなった。

家の PC が壊れた

プライベートで使っていた MacBook Pro が急に壊れてしまった。「トラックパッドマウスポインターを動かし続けていないとハングアップする」という謎の症状。

ポインタさえ動かし続けていればどんな操作もできるので、データの救出なんかは頑張ればできそうだけど、初期化して直るのかもよくわからない…

大学の後輩たちと飲んできた

大学の学科2年生向けにオリエンテーションプログラミングコンテストを毎年行っていて、先日無事終了したのでシステム構築チームと作問チームで肉を焼いてきた。 みんなプロコンが好きなので、サークルを立ち上げて毎週バーチャルコンテストを実施しているらしくて、自分も久しぶりにやりたくなってきた。

研究室の後輩の論文採択を祝ってきた

仕事終わりに、自分の研究で作ったツールを使った研究をしていた後輩が書いた論文が学会に採択されたということで、そのお祝いをしてきました。

彼女は留学生で英語もペラペラなので、ぜひ会場のハワイを楽しんできてもらえればいいなと思います。