PromiseからSuspenseに変換する
概要 Reactを使っていると、PromiseではなくSuspenseにしたいときが度々ありますが、都度変換のコードを書くのが面倒になったので汎用的な変換関数を作りました。 コード import...
16 search resultsShowing 1~16 results
You need to log-in
概要 Reactを使っていると、PromiseではなくSuspenseにしたいときが度々ありますが、都度変換のコードを書くのが面倒になったので汎用的な変換関数を作りました。 コード import...
※配列をソートした結果 ではなく 含まれている型をソートした結果を取得する方法です。 やりたいことの前準備で必要だったので、備忘録です。 // この型に文字列リテラルの配列を渡すと、ソートした結...
概要 入力を正規化する必要があったので、ローマ字からカタカナに変換する関数を作成しました。 IMEと似た感じで変換されます(表にないものはそのまま出ます)。 aiueo → アイウエオ hank...
コード 2値の型引数を持つTargetTypeFuncImpl があるとき、VariableLengthTypeFunc が再帰的に適用するようになっています type TargetType =...
概要 WSLでmkcertをインストールして単純にmkcert -installを叩いても、ブラウザで証明書が確認できない旨の警告が出てしまったので、解決するためにやったことをまとめました。 c...
概要 TypeScript(以下TS)の型定義の最大の特徴は__型を計算して指定できる__ことだと思います。 この記事では、型計算を行うときの基本的な考え方を状況別にまとめました。 ※特に複雑な...
悩み事と結論 CSSのFlexboxは便利ですが、下のようなことでお悩みになったことはありませんか? レスポンシブデザインなため1列の要素数をピッタリ揃えられず、最終行の要素だけ幅が変わってしま...
概要 エンジニア内で一人だけWindowsを使っていることもあり、他の方と微妙に環境が異なっていましたが、VS Codeはコンテナ内へ気軽にリモート接続出来るようになっているため、中で環境を構築...
概要 Jestでテストケースを書く際変更漏れを起こさないよう、実際のAPIクラスの型をimplementsする形で実装しようとしました。 ところが、Promiseで返すべき型を与えないとunkn...
概要 MySQL(5.7)でクエリが重たいとき、インデックスの付け替え等を試してもイマイチ早くならなかった。 そんなときにクエリの形状を変更してパフォーマンスが上がらないかということで、試してい...
結論 const array = ['山田', '田中', '鈴木'] as const; type LastNames = typeof array[number]; // => '山田...
動機 Reactに導入されたHooks APIは色々と便利です。 ところが、FC自体はTypeScriptのクラス機能や型付けとあまり相性が良くないように思います。1 そこで、Class Com...
概要 ちゃんと<Component .../>形式で書かないとダメなようです。 経緯 先日少し作業が一段落したので、今更ながらreact-hooksを触っていました。 今まで作ってい...
概要 JSを触っていると、table等にデータを表示する機会が何度かあると思います。 その際、「列ごとに一番長い文字列に合わせたい、でもあんまり長くなったら折り返したい」みたいなことはありません...
概要 昨今ではマルチデバイスに対応するため、レスポンシブデザインとして様々な画面サイズに対応する必要が出ています。 ただ、CSSを何となく書くとズレてしまいがちなので、経験的に意識したほうが良い...
概要 Typescript(以下TS)でstore.dispatch呼ぶ際、ジェネリクスを指定することで、type毎に必要なパラメータをインテリセンスを効かせることが出来ます。 ですが、Acti...
16 search resultsShowing 1~16 results
Qiita is a knowledge sharing service for engineers.