TypeScript がジェネリック型を推論する流れ
type MyEvent<T> = { target: T type: string}function triggerEvent<T>(event: MyEvent<T>){//...}triggerEv ...
TypeScript ジェネリック型は関数の引数から推論する
以下のようなコードはコンパイルエラーになります。
const promise = new Promise(resolve => resolve(45))promise.then(result => result * ...
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 ...









