Open1

NodeGUIをためしてみる

yonishiyonishi

NodeGUIはQt5を搭載しており、Electronのような他のchromiumベースのソリューションと比較して、CPUとメモリを効率的に使用することができます。

環境

Ubuntu 18.04.4

Prerequisite

$ sudo apt install pkg-config build-essential
$ sudo apt install cmake make
$ sudo apt install mesa-common-dev libglu1-mesa-dev

Nodejs、npmのインストール...これが実はめんどくさい。
$ sudo apt nodejs npm
を実行すると古いバージョンがインストールされてしまうため、npm install時に<font color="Red">依存関係エラーになりドツボにはまる</font>可能性が高い。

voltaを使用することで最新の安定版がインストールされる。

$ sudo apt install curl
$ sudo curl https://get.volta.sh | bash
$ exec $SHELL -l        #ターミナル再起動と同じ
$ volta install node

まずはスターター

$ git clone https://github.com/nodegui/nodegui-starter
$ cd nodegui-starter
$ npm install
$ npm start

フレームワークのスターター

生のjavascriptをを扱うとわけわからなくなる恐れがあるのでフレームワークを使う。
React, Vue, Svelteから選択できる。

###react-nodegui-starter
スター数が最も多い

$ git clone https://github.com/nodegui/react-nodegui-starter
$ cd react-nodegui-starter
$ npm install
$ npm run dev
↓他のターミナルで実行することでソースの更新が即時にGUIに反映される
$ npm run start

svelte-nodegui-starter

svelteは最も新しいフレームワーク

$ git clone https://github.com/nodegui/svelte-nodegui-starter
$ cd svelte-nodegui-starter
$ npm install
($ npm i @nodegui/svelte-nodegui)
$ npm run dev
↓他のターミナルで実行することでソースの更新が即時にGUIに反映される
$ npm run start

表示が崩れた...。
###vue-nodegui-starter

$ git clone https://github.com/nodegui/vue-nodegui-starter
$ cd vue-nodegui-starter
$ npm install
$ npm run dev

##総評
2021年はVue!!というページが多いがNodeGUIにおいてはReactが最も使いやすいと感じた。