BrowsersyncのReloadとFileChangeの挙動について
CSSや画像ファイルが変更された場合は、ブラウザのリロードなしで差分を反映させるFile event が発生する。
このとき、コンソールには以下のような出力が記録される。
File event : public\ ...
webpackでビルドされたファイルにスタイルが反映されていないときに確認する点
css-loaderを使ってJS内のCSSを解決しているにもかかわらず、ブラウザで確認するとそのCSSが反映されていない場合には、まずビルドされたファイルの中に対象のCSSがあるかを確認します。
なかった場合は、style ...
[覚書]puppeteerでボタンがdisabledでないことを確認する
あるボタンのdisabledがfalseになるまで処理を待ちたい場合、セレクタに :not() を指定でします。
await page.waitForSelector('button#hoge:not()')
将来Web制作はフロントエンドエンジニアの仕事ではなくなるかもしれない
フロントエンドエンジニアの仕事の一つとして、ホームページなどを制作する仕事があります。
おそらく、仕事の中でも一番簡単な部類だと思います。
しかし、今は簡単にホームページを作れるツールやサービスが出回っています ...
JavaScript あまり知られていないブロックの使い方
以下のコードはエラーになります。
const a = 'hoge'console.log(a)const a = 'hoge2'console.log(a)同じスコープ内でconst a に ...
JavaScript コードを追いたいときに便利なconsole.trace()
自分が作ったシステムや外部ライブラリの複雑なコードを読むときに、流れを確認したい時があります。
その場合、適当なところにconsole.trace()を書きましょう。
書いた部分に至るまでのスタックがコンソール ...
JavaScript Set を Array へ変換する
Set を使うことで配列内の重複を削除できます。
const myArr = const mySet = new Set()上記コードでは、2が重複しているので になります。( にはならない)
しかしnew S ...
npm の deduped とは
npm ls コマンドを実行することで、そのプロジェクトにインストールされているモジュールの一覧を表示可能ですが、以下のように deduped という文字列がついているものがあります。
jest-es6@1.0.0/Users/ ...
JavaScriptのglobalThisについて
ブラウザの場合のグローバルオブジェクトはwindowです。
一方で、Node の場合は global になります。
グローバルオブジェクトにアクセスする際に、ブラウザでNodeでアクセス方法が違うと何かと困るこ ...
コードレビューに慣れていない人に覚えておいて欲しいこと
コードレビューに慣れていないとどこを見たらいいのか、何をコメントしたら良いのか、このコメントを書いてもいいのか、などいろいろな疑問がでてくると思います。
中でも、ここのコードの意味がよくわからないけど、自分だけがわからない ...