browserSync の logConnections について
browserSync には、logConnections という設定ができるのですが、これが何かわからなかったので確認しました。
デフォルトでは false ですが true にすると、browserSyncが立ち上げた ...
BrowsersyncのReloadとFileChangeの挙動について
CSSや画像ファイルが変更された場合は、ブラウザのリロードなしで差分を反映させるFile event が発生する。
このとき、コンソールには以下のような出力が記録される。
File event : public\ ...
laravel-mixのビルド完了時の通知を無効化する
laravel-mixでビルドが完了すると、デフォルトではOSへ通知がいきます。
windowsの場合は、ピコンという音とともに画面隅にポップアップが上がります。
これが毎回上がって邪魔な場合は、webpack ...
webpackでビルドされたファイルにスタイルが反映されていないときに確認する点
css-loaderを使ってJS内のCSSを解決しているにもかかわらず、ブラウザで確認するとそのCSSが反映されていない場合には、まずビルドされたファイルの中に対象のCSSがあるかを確認します。
なかった場合は、style ...
英語の文章に慣れるための方法
エンジニアは英語のドキュメントを読むことが多いと思います。
Qiitaのような日本語のサイトもありますが、最終的に正しい情報かどうかを判断する場合、開発元のドキュメントを確認する必要があり、それらは大抵英語です。
外部ライブラリーを採用するときに確認するポイント
外部ライブラリーを採用するときに気をつけているポイントです。
git の start の数脆弱性への対応状況
最新の更新日
PRの頻度
日本語のドキュメントの充実度
cpコマンドですでにファイルが存在するときに上書きしない方法
-n オプションをつけます。
cp -n <コピー元> <コピー先>もし、コピー先に同名のファイルが存在する場合は上書きされません。
[覚書]puppeteerでボタンがdisabledでないことを確認する
あるボタンのdisabledがfalseになるまで処理を待ちたい場合、セレクタに :not() を指定でします。
await page.waitForSelector('button#hoge:not()')
ストレスについて考えてみる
IT業界は仕事のストレスが結構大きいイメージがあります。
ストレスがあること自体は、実は人間にとってはプラスに働くことにようです。
緊張感を持つことで集中し、高い能力を発揮できます。
人間が森の中で ...
将来Web制作はフロントエンドエンジニアの仕事ではなくなるかもしれない
フロントエンドエンジニアの仕事の一つとして、ホームページなどを制作する仕事があります。
おそらく、仕事の中でも一番簡単な部類だと思います。
しかし、今は簡単にホームページを作れるツールやサービスが出回っています ...









