nodejs– tag –

JavaScriptではなくTypeScriptで開発することが多く、そのためのセットアップの手間がそれなりに必要となります。BunというNode.jsランタイムがデフォルトでTypeScriptに対応しているので、環境構築してみました。 ついでにBiomeを使ってLinter、Formatter...

フロンドエンド向け垂直統合ツールチェーンRomeが開発終了となり、Rome開発チームのひとりが作成したのがBiomeです。 Rustで構築されたBiomeは既存のFormatter、Linterと比べ非常に高速に動作するように設計されています。設定も非常に簡単でエディタの拡...

文章を書く時、文法的な誤りや用語の揺らぎは避けたいものです。しかし、自分だけでは気づかないところがあったり、煩雑すぎたりする場合があります。そこで、textlintというツールを使えば、文章の校正を行うことができます。本記事では、textlintについ...

AngularはGoogleによって開発され、維持されているオープンソースのJavaScriptフレームワークであり、主にSingle Page Application（SPA）の開発に使用されます。AngularはTypeScriptで書かれており、高度なツールやエディタのサポートを享受できます。 An...

過去にYarnを使っていましたが、最近は全然使用していませんでした。ふと使おうかと思ったのですが、インストール方法がだいぶ変わっており、初めてインストールを行う人やしばらくぶりにインストールをしようとすると手順に戸惑いそうだったので、基本的...

TypeScriptでJestを使ったテスト環境を構築します。 パッケージのインストール 必要なパッケージをインストールします。 $ npm install -D jest ts-jest @types/jest ts-node ts-nodeはTypeScriptの環境構築の過程ですでインストールしている場合がありま...

Node.jsでTypeScriptの環境を構築します。 構築する環境について 本記事では、以下のバージョンで構築しています。 $ node -v v18.12.1 $ npm -v 9.1.2 以降の手順で、　Node.jsのバージョンが必要となりますので、必ず確認してください。 TypeScriptをイ...

ローカルパッケージを更新する手順について説明します。 本記事では、複数のパッケージを一気にバージョンアップする方法については解説しません。ライブラリやフレームワークによっては公式でバージョンアップデート方法やマイグレーション方法を説明して...

GruntでSASS/SCSSをビルドする方法について解説します。 パッケージのインストール まずはNodeプロジェクトを作成します。 $ npm init -y 必要なパッケージをインストールしていきます。 $ npm install -D grunt grunt-sass node-sass grunt-postcss autop...

Node.jsの開発環境で、以下の機能をセットアップする方法について解説します。 ESLintによるlintPrettierによるコードフォーマットhuskyによるpre-commit git hooks 開発環境を作成する 最初に構築対象となる開発環境を用意します。 $ npm init -y Wrote t...

Prettierで特定のファイルやフォルダを対象から除外する方法について解説します。 .prettierignoreを作成する .prettierignoreを作成し、そこに対象から除外したいファイルやフォルダを書きます。 config.js test/ 上記の例では、config.jsというファイル...

ESLintで特定のファイルやフォルダを対象から除外する方法について解説します。 .eslintignoreを作成する .eslintignoreを作成し、そこに対象から除外したいファイルやフォルダを書きます。 config.js test/ 上記の例では、config.jsというファイルと、tes...