JavaScript

こちらの記事です。

ちゃんと読んでいないですが、Remixの方が全体的にパフォーマンスに優れているようです。

特にInterruptionsのセクションで書かれているのは興味深いです。

ボタンを連打 ...

JavaScript

こちらにJavaScriptで発生する一般的なエラーの一覧と説明が記載されています。

すべてを把握する必要はありませんが、なんとなく眺めておくか、このサイトをブックマークしておくと開発時の助けになると思います。

JavaScript

ESLintのmax-lenはコードの一行が長すぎる場合にそれを警告なりエラーなりで検知できますが、autofixはされません。

そのために別途prettierといったフォーマットに特化したモジュールを併用する必要があるの ...

JavaScript

デバッグの時に便利なconsole.log(console.errorなど)ですが、消し忘れてプロダクションに残ったままになることがあります。

ESLintのno-consoleというルールを設定することで、これを検知でき ...

JavaScript, システム開発, プログラミング入門

今のフロントエンドで使用されているビルドツールといえばwebpackですが、webpack.config.jsの設定が複雑化してメンテナンスが大変だったり、アプリケーションや使用するモジュールが多くなるとビルド時間が長くなるという欠点 ...

JavaScript, システム開発

こちらのState of JS 2020 が有名です。

2021年12月28日現在、2021年のバージョンのサイトが見当たらないので、2020年のサイトで見ていきます。

標準のJavaScriptへコンパイルさ ...

JavaScript, プログラミング入門

package.jsonに以下のようなconfigを記述をします。

{ "name": "npm_config", "version": "1.0.0&quo ...

JavaScript

browserSync には、logConnections という設定ができるのですが、これが何かわからなかったので確認しました。

デフォルトでは false ですが true にすると、browserSyncが立ち上げた ...

JavaScript, システム開発

CSSや画像ファイルが変更された場合は、ブラウザのリロードなしで差分を反映させるFile event が発生する。

このとき、コンソールには以下のような出力が記録される。

File event : public\ ...

JavaScript, webpack

css-loaderを使ってJS内のCSSを解決しているにもかかわらず、ブラウザで確認するとそのCSSが反映されていない場合には、まずビルドされたファイルの中に対象のCSSがあるかを確認します。

なかった場合は、style ...