TypeScriptTypeScriptでenumをfor-ofでループする方法 TypeScriptでenumをfor-ofでループする方法 enumをfor-ofでループしようとしてもイテレータブルではないため、for-ofでループすることができません。 一旦、enumを配列に変換してからループします。 enu...2018.11.13TypeScript
TypeScriptTypeScriptでenumの比較方法 TypeScriptでenumの比較方法 TypeScriptでenum同士を比較する場合、===で比較したらエラーになる場合にはがあります。 enum Color{ red, blue, green } let a: Co...2018.10.12TypeScript
TypeScriptTypeScriptでjQueryを使う方法 TypeScriptでjQueryを使う方法 TypeScriptでjQueryを使いたい場合は以下をインストールします。 npm install --save @types/jquery node_modules\@types\jq...2018.09.29TypeScript
TypeScriptTypeScriptでlinq-es5(asEnumerable)の使い方 TypeScriptでlinq-es5(asEnumerable)の使い方 TypeScriptでlinq-es5を使ってみます。参考サイト:linq-es5の使い方 とりあえずインストールします。 npm install --sav...2018.08.25TypeScript
TypeScriptTypeScriptでDOM要素を作成する TypeScriptでDOM要素を作成する Angularが公式にサポートしている言語はTypeScriptなので、TypeScriptでDOMの操作をしてみます。JSと変わりありませんが、型(インタフェース名)は意識する必要があります。...2018.08.13TypeScript
TypeScriptTypeScriptでもtruthy and falsyができる TypeScriptでもtruthy and falsyができる ||aとかいう記法です。これはTypeScriptでも書けました。 let s:any = null; console.log(!!s); s = ''; console...2018.08.12TypeScript
JavaScriptJavaScript(TypeScript)のObject.keysの使い方 JavaScript(TypeScript)のObject.keysの使い方 Object.keysを時々使いますが、メモってなかったことに気づいたのでメモです。 Object.keysの引数にはオブジェクトを渡します。そのオブジェクト...2018.08.11JavaScriptTypeScript
TypeScriptTypeScriptの色々な互換性について TypeScriptの色々な互換性について TypeScriptはinterfaceがあったり、そのinterfaceをimplementsできたりよく見るとJavaにかなり似ています。 少し違う点もあるので、色々互換性とか調べてみまし...2018.08.11TypeScript
TypeScriptTS2304: Cannot find name ‘Map’. TS2304: Cannot find name 'Map'. tscコマンドを実行しようとしたら、「TS2304: Cannot find name 'Map'.」というエラーが出たりします。 一旦以下コマンドを実行してみます。(a....2018.08.10TypeScript
TypeScriptTypeScriptのfor in文はなんだかややこしいです TypeScriptのfor in文はなんだかややこしいです JSにfor in文があるようにTypeScriptにもfor in文があります。 ただし、JSもそうですが、TypeScriptのfor in文は少しややこしくて、動きとし...2018.08.10TypeScript
TypeScriptTypeScriptのconstはミュータブルなのでinterfaceでイミュータブルにする TypeScriptのconstはミュータブルなのでinterfaceでイミュータブルにする TypeScriptのconstは再代入ができないだけであって、オブジェクトをconstにしても、そのプロパティまではイミュータブルにはなりませ...2018.08.09TypeScript
TypeScriptTypeScriptで読み取り専用の配列ReadonlyArrayがある TypeScriptで読み取り専用の配列ReadonlyArray<T>がある TypeScriptで配列宣言をするには[]で簡単に宣言もできますが、Array<T>を使うこともできます。 で、最近知ったんですけ...2018.08.09TypeScript
TypeScriptTypeScriptのシャドーイングは本当にDouble-edged sword TypeScriptのシャドーイングは本当にDouble-edged sword TypeScriptではネストされたスコープで変数宣言するシャドーイングという機能?があるようで、偶発的なバグを防いでくれるんだそうです。 for(let...2018.08.07TypeScript
TypeScriptTypeScriptでlet変数が関数内なら宣言前に使えてしまう TypeScriptでlet変数が関数内なら宣言前に使えてしまう 今まで当たり前すぎて気にもしたことなかったですが、let変数は、変数宣言前に変数を使用することはできません。 例えば以下コード。 a++; // こういう書き方はできま...2018.08.05TypeScript
TypeScriptTypeScript でnumber 型をstring 型に変換する方法 TypeScript でnumber 型をstring 型に変換する方法2018.07.12TypeScript
TypeScriptTypeScript でstring 型をnumber 型に変換する方法 TypeScript でstring 型をnumber 型に変換する方法 TypeScript で簡単にstring → numberに変換する方法です。 let a:string = '100'; let b:any = +a;// ...2018.07.12TypeScript
TypeScriptTypeScript のimport で別名が指定できる TypeScript のimport で別名が指定できる TypeScript のimport 文でasを使って別名ができることを知りました。 import { hoge as HOGE } from '~~' 異なるtsファイルで同...2018.07.11TypeScript
TypeScriptTypeScript のconst とreadonly の違い TypeScript のconst とreadonly の違い TypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。 インターフェースを宣言してみます。 interface...2018.05.29TypeScript
TypeScriptTypeScript のジェネクリック型 TypeScript のジェネクリック型 JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。 慣例として大文字1文字ですが、別に2文字でもかまいません。 このTとかを型パラメータと呼びま...2018.05.29TypeScript
TypeScriptTypeScript のkeyof キーワードの使い方 TypeScript のkeyof キーワードの使い方 keyof インターフェースで以下のようなtypeを作成できます。 interface Aaa { name: string; age: number; } type Em...2018.05.27TypeScript
TypeScriptTypeScript のtype とinterface の違い TypeScript のtype とinterface の違い typeとinterfaceの違いが判らなかったので試してみました。 type type str = string; // stringの別名 let a: str = ...2018.05.26TypeScript
AngularAngular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。 tsconfi...2018.05.24AngularTypeScript
TypeScripttslint + prettier を設定 TypeScript の linter の tslint と、Formatter の prettier を組み合わせて使用する方法について記載します。 モジュールインストール 対象モジュール モジュール バージョン ...2018.05.13TypeScript
TypeScriptTypeScript入門と基礎と使い方 TypeScript入門と基礎と使い方 node.jsでTypeScriptの基礎を勉強します。 nodistはインストールされているものとします。インストール方法は「nodistをインストールする」を参照ください。 プロジェクトを作...2018.05.11TypeScript