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