JavaScript

引数の値の2倍が8なら+1した数を返し、そうでないなら2倍したままの値を返す処理があるとします。

const main = (num) => { const double = num * 2 if (double === ...

JavaScript, プログラミング入門

配列の中に重複があるものを抽出する方法です。

例えば以下の配列があるとします。

const arr =

hoge が重複するので、 という配列を返したい場合、以下のようにすることで実現可能です。

const ...

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が立ち上げた ...