TypeScript

Next.JS

React Hookを使うと書式エラーになる

Hookを使うとなぜかこんなエラーがReact Hook "React.useState" is called in function "hoge" that is neither a React function component no...
javascript

JavaScriptの連想配列

JavaScriptの配列まず、普通の配列はキーが数字のものを指しconst array = ;こんな感じで書けますが、実はconsole.log(array instanceof Object); //trueconsole.log(ar...
javascript

配列のキーが歯抜けだとlengthがundefindになる

axiosで受け取ったレスポンスのサイズを見るためにlengthプロパティーを参照したら何故かundefindになってしまいました。理由バックエンド側のレスポンスで{ 0: { id: 1 }, 3: { id: 3 }, 5: { id:...
javascript

[TS]テキスト中からURLを抜き出してリンクタグに変換する

テキストの中からURLを抽出してリンクタグに変換する関数を書いてみた。だいたいこんな感じ function autoLink(str:string) { const regexp_url = /(https?|ftp):\/\/+/g; v...
javascript

FormDataで入れ子のデータをPOSTする方法

fetchでこんな感じのデータをPOSTしたい場合どうするのか?[ 0 => [ 'id' => '1', 'name' => 'aaaaa', ], 1 => [ 'id' => '2', 'name' => 'bbbb', ],]入れ子...
TypeScript

[typescript]変数の型が何か調べたい時

プリミティブ型なのかオブジェクトなのか調べたい時は typeofでしらべるobject とか number などの文字列が返ります。オブジェクトがclassの場合は instanceof でClass判定ができる。こんな感じclass Fo...
TypeScript

[TypeScript]type の 型の名称

typeで定義した変数の型の名前を取得したい場合typeof()だと、object としか出てこないがobject.constructor.nameなどとすると、型の名称まで取得できる。
TypeScript

TS7053: Element implicitly has an ‘any’ type because expression of type …..

可変のオブジェクトキーの存在チェックをしたかったのだがif(requestOptions.headers && !requestOptions.headers)){ requestOptions.headers = { ...request...
TypeScript

[TypeScript]オブジェクト配列にしたら型が剥がれた

Vueでこんな型を作ったtype queryOptions = {:Ref|string|number}で、こんな感じでオブジェクト内のキーと値をとってみたのだが・・・for(const key in options) {  if(type...
TypeScript

[TypeScript]ジェネリクス型のデフォルト

TypeScriptで呼び出し時にジェネリクスを指定しなかった場合にデフォルトで型を指定したい場合はこうするfunction hoge<T=string>(val:T)ジェネリクスを指定することも可能function hoge<T,S=T>...