JavaScript ローカル変数をなくしたいときは即時関数を考えてみる
引数の値の2倍が8なら+1した数を返し、そうでないなら2倍したままの値を返す処理があるとします。
const main = (num) => { const double = num * 2 if (double === ...
JavaScript 配列の中に重複があるものを抽出する方法
配列の中に重複があるものを抽出する方法です。
例えば以下の配列があるとします。
const arr =hoge が重複するので、 という配列を返したい場合、以下のようにすることで実現可能です。
const ...
Remix vs Next.js
こちらの記事です。
ちゃんと読んでいないですが、Remixの方が全体的にパフォーマンスに優れているようです。
特にInterruptionsのセクションで書かれているのは興味深いです。
ボタンを連打 ...
JavaScriptのエラーについて事前に見ておいた方がよい情報
こちらにJavaScriptで発生する一般的なエラーの一覧と説明が記載されています。
すべてを把握する必要はありませんが、なんとなく眺めておくか、このサイトをブックマークしておくと開発時の助けになると思います。
ESLintのmax-lenがautofixではない理由
ESLintのmax-lenはコードの一行が長すぎる場合にそれを警告なりエラーなりで検知できますが、autofixはされません。
そのために別途prettierといったフォーマットに特化したモジュールを併用する必要があるの ...
ESLintを使ってプロジェクト内のconsole.logを見つける
デバッグの時に便利なconsole.log(console.errorなど)ですが、消し忘れてプロダクションに残ったままになることがあります。
ESLintのno-consoleというルールを設定することで、これを検知でき ...
次に来るであろうフロントエンドのビルドツール Snowpack
今のフロントエンドで使用されているビルドツールといえばwebpackですが、webpack.config.jsの設定が複雑化してメンテナンスが大変だったり、アプリケーションや使用するモジュールが多くなるとビルド時間が長くなるという欠点 ...
現在のJavaScriptのトレンドが分かるサイト
こちらのState of JS 2020 が有名です。
2021年12月28日現在、2021年のバージョンのサイトが見当たらないので、2020年のサイトで見ていきます。
標準のJavaScriptへコンパイルさ ...
npm config で設定値をつくる
package.jsonに以下のようなconfigを記述をします。
{ "name": "npm_config", "version": "1.0.0&quo ...
browserSync の logConnections について
browserSync には、logConnections という設定ができるのですが、これが何かわからなかったので確認しました。
デフォルトでは false ですが true にすると、browserSyncが立ち上げた ...