まとめてみた。
まとめ
- 実行環境
- Node.js
- パフォーマンス(開発/実行)
- Vite
- AssemblyScriptでネイティブに近い速度を実現する
- コード品質
- TypeScriptで型安全に実装する
- ESLint, StyleLint, HtmlLintでコードの静的チェックをする
- Prettierでコードの書式を統一する
- Vitestで単体テストの実行を自動化する
- 開発効率
- Solid.js:仮想DOMを使わないフレームワーク
こんな感じでいいかな? タスクランナーはViteをカスタムすればたぶん大丈夫。最悪、シェルスクリプトにしちゃえばいい。バンドルやminifyはviteがやってくれる。
過去記事
- ラズパイ4に最新Node.jsをインストールする
- フロントエンド開発環境を構築する(Node.js、テンプレートエンジン、プリプロセッサ、トランスパイラ、モジュールバンドラ、フォーマッタ、リント、タスクランナー)
- HTMLテンプレートエンジンをインストールする【pug】
- PostCSSをインストールする
- TypeScriptをインストールする
- AssemblyScriptをインストールする
- ノーバンドルツールをインストールする【Vite】
- Vite 2.9.1 最速HelloWorld+GitHubPages
- リントをインストールする【ESLint】
- CSS用リントstylelintを試す
- HTML Lintを試す
- フォーマッタをインストールする【prettier】
- JSで単体テストする(console.assert)
- テスト用フレームワークを試す【vitest】
- 仮想DOMを使わないフレームワークを試す【Solid.js】degitも入れる
npm
- npmで複数の指定パッケージを一括インストールする方法(package.json)PostCSS実行エラー(Input Error: Must use --dir or --replace with multiple input files)
- npmの全グローバルパッケージを更新する
所感
これでやっと基礎学習にいける。それが終わったとき、この開発環境たちのありがたみが理解できるようになっているだろう。
対象環境
- Raspbierry pi 4 Model B
- Raspberry Pi OS buster 10.0 2020-08-20 ※
- bash 5.0.3(1)-release
- Node.js 16.14.2
- npm 8.5.0
$ uname -a Linux raspberrypi 5.10.63-v7l+ #1496 SMP Wed Dec 1 15:58:56 GMT 2021 armv7l GNU/Linux