読者です 読者をやめる 読者になる 読者になる

DRYな備忘録

Don't Repeat Yourself.

TypeScript

Angular2 on TypeScriptの最小構成をつくってHello Worldするまでのみちのり

2017/04/24 追記 Angular CLIを使わずにAngularを始める系の記事、もう古すぎるので参考にしないほうがいいです。 | Angular2 on TypeScriptの最小構成をつくってHello Worldするまでのみちのり https://t.co/XjZafjJ6u4— OKUNOKENTARO (@armorik83) April 2…

TypeScriptのダックタイピングをちょっとメモ

メモ interface Fooer { foo: number; } interface Barer { bar: string; } var AcceptFooer = (fooer: Fooer) => { console.log("Its foo is ", fooer.foo); } var AcceptBarer = (barer: Barer) => { console.log("Its bar is ", barer.bar); } var both =…

TypeScriptのmodule定義とexportキーワードについてメモるよ

疑問 module定義の中でexportするのは結果分かる exportしないとスコープどうなんねん module内参照可能なのか? メモ module My { export function funcA() { console.log("This is funcA"); } export function funcC() { // call unexported function // …

TypeScriptのinterface制限のextendsと、ついでにダックタイピングのメモ

問題 interfaceってextendsできるんだっけ? メソッドとプロパティさえ満たしてれば型制約突破できるんだっけ?(ダックタイピング) メモ interface Speaker { Speak(s: string): void; } interface Person extends Speaker { name: string; Greet(): void;…

jsプロジェクトのメタファイルが多すぎてウザいのでchestというのを使ってみたメモ

メタファイルが多すぎる TypeScriptに限った話ではないのだけれど、JavaScript関連のプロジェクトつくってるとパッケージ管理などを定義するメタファイルがトップディレクトリに散乱することになる。たとえば otiai10/prisc at freeze/before-chest · GitHub…

TypeScriptのビルドにgruntじゃなくてgulpを使ってみるおじさんのメモ

もくじ gruntだと npm install -g gulp gulpfile.js 実行してみる gulpfile.coffee TypeScriptのビルドをたのむ gruntだと gruntでこういうプロジェクトつくるワケ myproject ├── package.json ├── Gruntfile.coffee ├── build │ └── app.js └── src └── sam…

VimでTypeScriptのシンタックス色つけたいじゃないか

問題 VimでTypeScript書くことがある(ことがある)。シンタックス色つけたい。 解決 ここ leafgarland/typescript-vim · GitHub から、二つのファイルを持って来て、ここに配置(goは前にやったやつ) % tree $HOME/.vim /Users/otiai10/.vim ├── ftdetect …

TypeScriptの継承とかsuper呼び出しとかメモ

問題 継承クラスでsuperの明示的な呼び出しがなくても動くような気がしたのでちょっとメモる 環境構築 % cd % mkdir hoge % cd hoge % npm --version 1.1.62 % npm search typescript # 略 % npm install --local typescript # 前略 npm WARN prefer global …

memo: TypeScriptの継承と型

memo module Sample { export class MyBase1 { constructor(public name: string, public age: number){} greet(): MyBase1 { return this; }//これを宣言しておかないと型通らない #0 ask(){}//これを宣言しておかないとメソッドが無いと言われる #1 } expo…