やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

仮想DOMを使わないフレームワークを試す【Solid.js】degitも入れる

 とにかく速い。仮想DOMを使わないので速い。開発環境はviteなので速い。

前提

情報源

準備

degit

sudo npm i -g degit

手順

プロジェクトを作成する

PJ_NAME=hello-solid-js
npx degit solidjs/templates/js $PJ_NAME
cd $PJ_NAME
npm i
npm run dev

 以下のように出力されるので、ブラウザでhttp://localhost:3000/にアクセスする。

  vite v2.9.1 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 1223ms.

 以下のような画面が表示される。

 いいね、速いね。

 以下のようなコマンドを一切叩かず、コードすら一行も書かずに終わった。

npm create vite@latest
PJ_NAME=hello-solid-js
mkdir $PJ_NAME
cd $PJ_NAME

所感

 いや、コード書かなきゃ意味ねーだろ、という話は置いておく。とりあえずこういう仮想DOMを使わない高速なフレームワークがあるよって話。あとはドキュメントとか読んで頑張ればいい。でもその前に、HTML,CSS,JSの基礎から勉強したいんだよ。はやく環境まわりの話を終わらせて学習に移りたいんだよ。

対象環境

$ uname -a
Linux raspberrypi 5.10.63-v7l+ #1496 SMP Wed Dec 1 15:58:56 GMT 2021 armv7l GNU/Linux