display flex で子要素の高さを揃えない方法
display flex を使った場合、デフォルトでは以下のようにAAAとCCCも、BBBの高さに揃います。
高さを揃えたくない場合は、align-items: baseline; を指定します。
<div s ...
TypeScript 完全な型シグネチャ
オーバーロード以外で、完全な型シグネチャを使用するケースです。
以下のように関数にプロパティがある時に、その関数のシグネチャとプロパティ(wasCalled)を完全な型シグネチャで表現します。
WarnUser ...
TypeScript オーバーロード
オーバーロードされた関数のシグネチャを宣言した後に、実装ではそれらのシグネチャを結合する。
type Reservation = { code: string dest?: string}//Reserve には、出発日、到着日 ...
TypeScript 可変長引数に安全に型付気する方法
number 型の複数の引数をとる関数は以下のように … を使って定義します。
const myFunc = (...number: number
git でリモートとローカルブランチの差分をみる
以下のコマンドで、現在のローカルブランチに対応するリモートブランチ名を取得します。
$ git rev-parse --abbrev-ref --symbolic-full-name @{u}origin/main以下のコ ...
Windows + husky 5 で発生するバグ
husky は git commit や push のタイミングで任意の処理を入れることができる便利なモジュールですが、v5で設定方法などが変わっています。
hook を追加する場合は、上記URLにあるように
npx ...
TypeScript strictNullChecks は有効にしよう
strictNullChecks が true だと以下のようなコードはコンパイルエラーになります。
const users = const firstActiveUser = users.find(u => u.acti ...
Laravel の blade で結構はまったけど、とてもくだらない原因だった話
Laravelのbladeでは、asset関数によってpublicのパスを返すことでできます。
これを利用すると、以下のようにすることでイメージファイルのパスを埋め込むことができます。
<img src=&qu ...
フロントエンジニア入門 ESLintでコードを整えよう
ある程度HTMLやJavaScriptについては学習できたが、実際の現場でどのような開発環境が使われているのか知らない、より実践的な開発を知ってスキルアップしたい、という方におすすめです。
今回はコードのフ ...
フロントエンジニア入門 webpack-dev-server を使って便利な開発環境を作る
ある程度HTMLやJavaScriptについては学習できたが、実際の現場でどのような開発環境が使われているのか知らない、より実践的な開発を知ってスキルアップしたい、という方におすすめです。
webpack ...









