やってみる

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

Node.js

フロントエンド開発環境まとめ(vite, TypeScript, AssemblyScript, ESLint, StyleLint, HtmlLint, Prettier, Vitest)

まとめてみた。

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

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

フォーマッタをインストールする【prettier】

ソースコードを整形してくれる。

リントをインストールする【ESLint】

リントは開発用ツールのひとつで、ソースコードを実行せずテキスト解析して問題点を洗い出してくれる。

npmの全グローバルパッケージを更新する

コマンド一発。

フロントエンド開発環境を構築する(Node.js、テンプレートエンジン、プリプロセッサ、トランスパイラ、モジュールバンドラ、フォーマッタ、リント、タスクランナー)

ラズパイ4(4GB, 32bit)にて、WEBアプリやサイトを開発するために。

ラズパイ4にDenoをインストールする(失敗)

DenoはNode.jsの後継版。

ラズパイ4に最新Node.jsをインストールする

できた。

Node.jsでテキストエディタAceを使ってみた

ace-buildsでなくbraceを使う必要がある。

Node.jsでマークダウンをパースする環境構築

前回の環境を継承して。

フロントエンド開発環境を構築する gulp, pug, stylus, babel(ES6)

2018/04/25時点。これは楽チン、すばらしい!

Node.js+npmでWeb開発環境を構築するための予備知識

特にnpmの概念と使い方について。

フロントエンド開発環境について調べてみた

2018-04-22時点。ちゃんとした経緯や定義など知らない。

markdown-itの複数プラグインをwebpackしてブラウザで使う方法

ルビ記法とアンカー記法のプラグインを追加する。

markdown-itのアンカー記法プラグインをブラウザで使う方法

webpackを使う。

markdown-itのルビ記法プラグインをブラウザで使う方法

webpackを使う。

npmでインストールする方法

ざっくり。

ラズパイ3に最新Node.jsをインストールする

nを使って複数バージョン共有可にする。