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