vueを使ったユーザインタフェースのライブラリ。
ライブラリ
vue | element ui |
---|---|
vue 3 | element-plus |
vue 2 | element |
vue 3を使うならelement-plusを使うっぽい。
残念ながら、CDNはないようだ。Node.jsでインストールして使うものっぽい。
所感
嫌だなぁ。Node.jsの環境構築したくないなぁ。トランスパイラとかモジュールバンドラとかタスクランナーとか面倒くさそうだなぁ。
でもブラウザでやるのも面倒なんだよなぁ。ローカルサーバ起動しないとimport
使えないし。それが嫌で<script>
のtype="module"
を使わず1ファイルずつ<script>
タグ書いてる。これがウザすぎる。名前汚染まつり。
前にやったヤツ
Node.jsはかつて勉強したんだけど、もう覚えてないや。いくつか記事をさらってみた。たぶん古い。
- JSモジュール化するしくみの規格はCommonJS、AMD、UMD、ES6(ES2015)の4つ
- Babelでトランスパイルする(Node.jsを使わずブラウザだけで)
- フロントエンド開発環境について調べてみた
- Node.js+npmでWeb開発環境を構築するための予備知識
- npmでパッケージを管理する方法
- フロントエンド開発環境を構築する gulp, pug, stylus, babel(ES6)
- ECMAScriptとJavaScriptの仕様を学ぶ方法
webpack
とりあえずローカル実行するために1ファイルにパック(ビルド)できればいいや。モジュールバンドラだけ導入したらどうか。そう思って調べてみた。
めちゃクソ面倒くさい。
- JSコードをビルドするのにwebpackをインストールする(いっぱいある)
- webpackを動かすためのコードを書く:
webpack.config.js
バカじゃないの? なんで別途ビルド用コード書かなきゃいけないの? C言語のmakeファイルより膨大じゃん。クソすぎ。
JSで本格的なコードを書く気になれない
いやはやクソすぎだわ。結局、いまだに<script src="./...">
をHTMLに書きまくる方法を使ってしまう。だってimport
使ったらローカルサーバ起動しないと動作しないんだもの。CORSエラーで。
- モジュール化できないから名前重複する
- 分離できず密結合なクソコードになる
- 大規模なコードが書けない
ダサい。最高にダサい。JSは言語もクソだが環境がなによりクソすぎる。
だからモジュールバンドラだけでも欲しい。行き来する。
対象環境
- Raspbierry pi 4 Model B
- Raspberry Pi OS buster 10.0 2020-08-20 ※
- bash 5.0.3(1)-release
$ uname -a Linux raspberrypi 5.4.83-v7l+ #1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux