JavaScript, システム開発

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

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

File event : public\ ...

JavaScript, webpack

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

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

JavaScript

あるボタンのdisabledがfalseになるまで処理を待ちたい場合、セレクタに :not() を指定でします。

await page.waitForSelector('button#hoge:not()')

JavaScript, システム開発

フロントエンドエンジニアの仕事の一つとして、ホームページなどを制作する仕事があります。

おそらく、仕事の中でも一番簡単な部類だと思います。

しかし、今は簡単にホームページを作れるツールやサービスが出回っています ...

JavaScript

以下のコードはエラーになります。

const a = 'hoge'console.log(a)const a = 'hoge2'console.log(a)

同じスコープ内でconst a に ...

JavaScript

自分が作ったシステムや外部ライブラリの複雑なコードを読むときに、流れを確認したい時があります。

その場合、適当なところにconsole.trace()を書きましょう。

書いた部分に至るまでのスタックがコンソール ...

JavaScript

Set を使うことで配列内の重複を削除できます。

const myArr = const mySet = new Set()

上記コードでは、2が重複しているので になります。( にはならない)

しかしnew S ...

JavaScript

npm ls コマンドを実行することで、そのプロジェクトにインストールされているモジュールの一覧を表示可能ですが、以下のように deduped という文字列がついているものがあります。

jest-es6@1.0.0/Users/ ...

JavaScript

ブラウザの場合のグローバルオブジェクトはwindowです。

一方で、Node の場合は global になります。

グローバルオブジェクトにアクセスする際に、ブラウザでNodeでアクセス方法が違うと何かと困るこ ...

JavaScript

コードレビューに慣れていないとどこを見たらいいのか、何をコメントしたら良いのか、このコメントを書いてもいいのか、などいろいろな疑問がでてくると思います。

中でも、ここのコードの意味がよくわからないけど、自分だけがわからない ...