フロントエンドエンジニアが新しいプロジェクトについてはじめに確認すること
フロントエンドエンジニアが新しいプロジェクトに配属されてはじめに見るところは何かなと考えたときに、私の場合は package.json でした。
package.json をみることで、どのようなライブラリが使われているか ...
税金について考えてみた
私は税金をなぜ払うのか。
税金を払うことによって、本来私たちがやらなければいけないことを国に代わりにやってもらっている。
例えば、遠くに出掛けたいときに、車で道路を走るが、道路を作るのもその維持も自分たちではや ...
リモートワークの1日のルーチン(フロントエンドエンジニア)
朝8時から業務を開始します。
まず、朝の時間帯にコードレビューをします。
立つコードレビューが終わったら、コーヒーを入れてナッツを食べながら立って仕事をします。
午前中はできるだけスタンディ ...
Macを使っている人ぜひ入れてほしいフリーツール
クリップボード拡張ツールのClipyがとてもお勧めです。
このツールを使うと、何個か前にコピーした内容をすぐにペーストできます。
コピペ作業が多い場合に使うと、作業効率がものすごく高くなります。
い ...
Macで各プロセスのメモリ使用量を確認するコマンド
ps auxで確認できます。
USER PID %CPU %MEM VSZ RSS TT STAT STARTED TIME COMMANDroot 431 78.8 0.4 4407548 36724 ?? S 281021 ...
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のような日本語のサイトもありますが、最終的に正しい情報かどうかを判断する場合、開発元のドキュメントを確認する必要があり、それらは大抵英語です。