TypeScript
【TypeScript】TypeScriptの起動が遅い時に試すこと

TypeScript
2022-07-06
React などで TypeScript でプロジェクトの起動が遅い場合の対処方法を紹介します。
【TypeScrpt】JavaScriptからTypeScriptへ変換する際、any型を使わない一つの方法

TypeScript
2022-05-25
JavaScriptからTypeScriptへ変換する際、any型を使わない一つの方法を紹介します。
【TypeScrpt】Record<Keys, Type>を使い、同じ型をまとめて指定する方法

TypeScript
2022-05-24
TypeScrptでRecord<Keys, Type>を使い、同じ型をまとめて指定する方法を紹介します。
【TypeScrpt】keyofを使いオブジェクトのキーを基に、型を指定する方法

TypeScript
2022-05-23
TypeScrptでkeyofを使いオブジェクトのキーを基に、型を指定する方法を紹介します。
【TypeScrpt】型推論したオブジェクトを、型として使用する方法

TypeScript
2022-05-22
TypeScrptで型推論したオブジェクトを、型として使用する方法を紹介します。
【TypeScrpt】受け取ったオブジェクトと異なるオブジェクトを返す場合に、型を指定する方法

TypeScript
2022-05-21
TypeScrptで受け取ったオブジェクトと異なるオブジェクトを返す場合に、型を指定する方法を紹介します。
【TypeScrpt】Types of property 〇〇 are incompatible.エラーに対応する方法

TypeScript
2022-05-19
TypeScrptでTypes of property 〇〇 are incompatible.エラーに対応する方法を紹介します。
【TypeScrpt】readonly型で予期せぬ計算結果を修正する方法

TypeScript
2022-05-17
TypeScrptでreadonly型で予期せぬ計算結果を修正する方法を紹介します。
【TypeScrpt】Expected an assignment or function call and instead saw an expression.エラーが発生した場合の対処方法

TypeScript
2022-05-12
TypeScrptでExpected an assignment or function call and instead saw an expression.エラーが発生した場合の対処方法を紹介します。
【TypeScrpt】in演算子を使用し、型の内容によって型推論を狭める方法

TypeScript
2022-05-10
TypeScrptでin演算子を使用し、型の内容によって型推論を狭める方法を紹介します。
【TypeScrpt】String型をどうしてもNumber型として扱いたい場合

TypeScript
2022-05-09
TypeScrptでString型をどうしてもNumber型として扱いたい場合の対処方法を紹介します。
【TypeScrpt】Reactでデータをコンポーネントに受け渡す

TypeScript
2022-05-07
TypeScrptでReactでデータをコンポーネントに受け渡す方法を紹介します。
TypeScriptでデコレータを使う

TypeScript
2021-08-22
TypeScriptでデコレータを使います。デコレータとは、クラスまたはメソッドを、別のコードでラップすることです。
TypeScriptでPromiseを使う

TypeScript
2021-08-21
TypeScriptでPromiseを使って、ファイルをサーバーなどにアップロードするというイメージのコードを作ってみます。
【TypeScript】継承とは何ですか?

TypeScript
2021-08-17
Profileクラスを基に、新しいクラスを作成するには、extendsを使用してProfileクラスを継承します。
【TypeScript】静的メンバーとは何ですか?

TypeScript
2021-08-15
クラスをインスタンス化するときは、new 演算子を使用します。クラスそのものに、変化しないメソッドやプロパティを持たせたい場合、静的メンバーを使用します。
【TypeScript】クラスでアクセス修飾子を使う方法

TypeScript
2021-08-12
アクセス修飾子とは、public、private、protectedを使って、クラスがどこからアクセス可能かを指定する修飾子のことを言います。
【TypeScript】条件によって返す値を変える方法

TypeScript
2021-08-10
input の内容によって、返す値を変えたいとします。inputに入力がある場合は、inputの値が返り、inputがnullもしくはundefinedであれば、『入力内容が不明もしくはありません。』を返します。
【TypeScript】エラー『プロパティ '〇〇' は型 'HTMLElement' に存在しません。』が発生した場合の対処方法

TypeScript
2021-08-09
TypeScriptでエラー『プロパティ '〇〇' は型 'HTMLElement' に存在しません。』が発生した場合の対処方法を紹介します。
【TypeScript】コンディショナルタイプ(Conditional Types)とは何ですか?

TypeScript
2021-08-06
例えば、社会人の時と学生の時で型を使い分ける時、使用するのが、コンディショナルタイプ(Conditional Types)です。
【TypeScript】型推論を基にして、関数や変数などの型を指定する方法

TypeScript
2021-08-02
TypeScriptで型推論を基にして、関数や変数などの型を指定する方法を紹介します。
【TypeScript】マップド型(Mapped Types)とは何ですか?

TypeScript
2021-08-01
特定の型を他の型に作り替えたい場合、マップド型(Mapped Types)を使います。
【TypeScript】リクワイヤド型とは何ですか?

TypeScript
2021-07-31
オプションのプロパティを必須にする時に使うのが、リクワイヤド型(Required Type)です。
【TypeScript】インデックスシグネチャとは何ですか?

TypeScript
2021-07-29
インデックスシグネチャを使用すると、追加したい項目が出てきても型指定ができるようになります。
【TypeScript】ジェネリクス型とは何ですか?

TypeScript
2021-07-27
例えば、ageが number 型の場合は、戻り値も nunber 型、ageが string 型の場合は、戻り値も string 型にしたい場合、ジェネリクス型を使用します。
【TypeScript】型の絞り込みとは何ですか?

TypeScript
2021-07-25
例えば、『0』は number 型であり、『true』は boolean 型であるので、どちらの答えが返ってきてもいいように、条件分けして型を狭めます。
【TypeScript】tsconfig.jsonのcompilerOptionsとは何ですか?

TypeScript
2021-07-16
TypeScriptでtsconfig.jsonのcompilerOptionsとは何かについて、お話しします。
なぜTypeScriptを使うのか

TypeScript
2021-07-15
TypeScript を使い始めた頃は、エラーばかり出て『なぜ TypeScript を使う必要があるのか』と考えてしまうと思います。
【TypeScript】Error Cannot find module \'\webpack-cli/bin/config-yargs\'\エラーの対処方法

TypeScript
2021-06-18
TypeScriptで Error Cannot find module \'\webpack-cli/bin/config-yargs\'\エラーの対処方法を紹介します。
お知らせ

私事ですが、Udemyで初心者を対象にしたReactの動画コースを作成しました。
Reactについて興味がありましたら、ぜひ下のリンクからアクセスしてください。
詳しくはこちら(Udemyの外部サイトへ遷移します)