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