JavaScript

E2Eテストを書く場合に、画面のHTML要素を取得してクリックしたり、特定のモーダルが閉じるのを待ったりします。

この時にHTMLの要素を特定する必要があるのですが、idやclass属性を使うことはやめた方が良いとされてい ...

関数は作成するが、その関数内で何もしたくない場合に空の関数を渡すことがあります。

しかし、ESLintでも no-empty-function というこれをさせないルールが存在します。

特にアロー関数の場合に誤 ...

例えば、ブラウザで動作するメールのアプリケーションがあるとします。

ブラウザのタブがアクティブになった時、つまり、メールのアプリケーションのタブをクリックしたときに、最新の受信一覧を取得したいとします。

このよ ...

JavaScriptで文字列を比較する時に、大文字と小文字を区別しない方法です。

toUpperCase などを使って大文字に変換してから比較します。

const str ='hoge'if (str ...

async 関数の戻り値は自動的にPromiseでラップされます。

以下がサンプルコードです。

const myFunc = async () => {return 1}const result = myFun ...

JavaScript では PHP の uniq のようなユニークなIDを取得する関数がありません。

自前で実装するのも良いですが、信頼できるライブラリーで提供されているものを使うのが良いと思います。

load ...

今日フロントエンドのコードを見ていて、ここにコメントがあれば！と思ったことがありました。

User Agent をみて分岐している箇所です。

フロントエンドではブラウザの種類やバージョンの違いによって、使える関 ...

myFuncの中では引数に+1した値を条件や返り値に使っているので、plusOneを一時的に変数として割り当てています。

const myFunc = (num) => { const plusOne = num + 1 ...

以下のようなオブジェクトがあるとします。

const actions = { user: { update: "USER_UPDATE", remove: "USER_REMOVE", a ...

以下のような複数の変数への割り当てを行うコードがあります。

let x, y, zx = 1y = 2z = 3

これを分割代入を使って一行で書くことができます。

const =