TypeScript part2 [転載禁止]©2ch.net

**デフォルトの名無しさん** · 2015/04/30(木) 18:37:29.98

http://www.typescriptlang.org/

TypeScript lets you write JavaScript the way you really want to.
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Any browser. Any host. Any OS. Open Source.

前スレ
http://peace.2ch.net/test/read.cgi/tech/1349187527/

**デフォルトの名無しさん** · 2015/05/01(金) 11:16:24.11

https://twitter.com/ironshay/status/593855606747860992

Anders, father of C#, and Misko, father of angular,
on the same stage at Build2015.

**デフォルトの名無しさん** · 2015/05/01(金) 12:23:58.69

>>2
MSとGoogle夢の共演

**デフォルトの名無しさん** · 2015/05/01(金) 16:28:43.35

Announcing TypeScript 1.5 Beta
http://blogs.msdn.com/b/typescript/archive/2015/04/30/announcing-typescript-1-5-beta.aspx

しかし、いきなり大量のコンパイルエラーが…
まだ更新しない方が良さそう

**デフォルトの名無しさん** · 2015/05/03(日) 17:06:42.35

インストールしたら1.5 Betaが入りました。
$ tsc sample.tsでコンパイルしたjavascriptファイルを$ node sample.jsで実行すると
__.prototype = b.prototype;の箇所でエラーになるんですが
typescriptの書き方でおかしいところを教えてください

module M {
export interface aInterface {
f1(): void;
}

export interface bInterface {
f2(): void;
}

class A extends B implements aInterface {
f1() {
console.log(1);
}
}

class B implements bInterface {
f2() {
console.log(2);
}
}
}

**デフォルトの名無しさん** · 2015/05/03(日) 17:38:50.79

>>5
BをAより前に書く

**デフォルトの名無しさん** · 2015/05/03(日) 18:27:42.73

>>6
できました
ありがとうございます

**デフォルトの名無しさん** · 2015/05/12(火) 21:39:01.53

typescriptの勉強の為、型推論とanyを使わない書き方を知りたいのですが
コンパイルすると error TS2339: Property 'classList' does not exist on type 'EventTarget'.
ってエラーが出ます。
(1)と(2)の行を型指定しなければエラーが出ないのですが、どのような型を指定したらエラーがでないのでしょうか？

class A {
eventFunc(e: MouseEvent) { // (1)
var target:EventTarget = e.target; // (2)
target.classList.add('red');
}

f() {
window.addEventListener('click', this.eventFunc, false);
}
}

**デフォルトの名無しさん** · 2015/05/13(水) 08:53:02.33

(2)をvar target = <Element>e.target;でいいんじゃないかな
DOMの仕様でtargetがElementではないケースがあるのかどうか知らないけど、少なくとも自分で扱う範囲なら問題ないでしょ

**デフォルトの名無しさん** · 2015/05/13(水) 10:56:22.23

>>8
classListだから
var target = <HTMLElement>e.target;
または
var target: HTMLElement = e.target;
じゃないかな？
分からない場合はlib.d.tsを見ればいいよ

**デフォルトの名無しさん** · 2015/05/13(水) 17:58:04.11

最初の頃は律儀に型指定してたけど面倒くさいからもうやってない
コンパイル速度が上がるわけでもない。

**デフォルトの名無しさん** · 2015/05/14(木) 11:17:19.81

tsc --noImplicitAnyでかつ明示的にanyを使ってなくてエラーがでなければ
型安全が保たれてるから何も毎回型指定する必要はないよ

ただjquery.d.tsとかanyだらけなんで実行しないとエラーが出ない事とかよくある
単純にjQuery使う程度ならJavaScriptのままでいいとは思う

**デフォルトの名無しさん** · 2015/06/04(木) 21:53:08.26

やっぱ堅い仕様で書いてるとtscでインライン化して欲しくなっちゃうなぁ

**デフォルトの名無しさん** · 2015/06/05(金) 11:52:22.54

>>13
インライン化し始めるとjsのソースがグチャグチャになりそうだ
get,setはあるんだからそれでいいんじゃないの？

**デフォルトの名無しさん** · 2015/06/06(土) 09:46:32.31

>>14
うちの場合JavaScriptはただの実行ファイル扱いだからね
デバッグはソースマップなりインライン化の無効なりできればいいんじゃないかな

**デフォルトの名無しさん** · 2015/06/07(日) 13:32:40.51

1.5がなかなか正式リリースされないのはなんでぞ

**デフォルトの名無しさん** · 2015/06/07(日) 20:32:21.84

>>16
元々の予定にはなかったDecoratorを入れたからじゃないかな
仕様の検証の為に1.5AlphaやBetaを挟んだのだと思う

**デフォルトの名無しさん** · 2015/06/09(火) 14:13:38.63

>>15
インライン化がもし速度の為だったら速くなるかどうかは未知数だな
JITコンパイラの高速化の癖というか挙動を予測するのはかなりむずい
あくまで主観だけど長くなった関数は高速に実行されにくくて
細かく関数に分けた方が速くなる気がする (実際にそういう事はあった)
関数単位でコンパイルするしないを決めてるっぽいし

**デフォルトの名無しさん** · 2015/06/09(火) 22:54:39.34

>>17
サンキュー

**デフォルトの名無しさん** · 2015/06/10(水) 17:03:59.59

解析によるインライン化はtscでもJITでも好きにしてくれていいけど
inlineキーワードで明示できた方が気持ち的にスッキリする

**デフォルトの名無しさん** · 2015/06/18(木) 11:14:55.39

ES6がいろんなブラウザで動かせるようになった頃にTypeScriptってどうなるの？

**デフォルトの名無しさん** · 2015/06/18(木) 13:05:05.85

ECMAScript2015(旧ES6)がリリースされたんだな
>>21
TypeScriptの最大のメリットは静的型チェックだから有用性は全く変わらない
他にもprivate指定とかも有用だし既にES7(ES2016?)の仕様も先取りしようとしてるよ

**デフォルトの名無しさん** · 2015/07/09(木) 12:12:04.05

newさせないようにコンストラクターを非公開にしたい
現状でも実現できるけど、そのためにインターフェースを2つも書くのは面倒くさい

**デフォルトの名無しさん** · 2015/07/15(水) 10:51:34.25

http://blogs.msdn.com/b/typescript/archive/2015/07/13/the-typescript-team-is-hiring.aspx
TypeScript Teamの求人だってさ

**デフォルトの名無しさん** · 2015/07/21(火) 01:31:13.85

Announcing TypeScript 1.5
http://blogs.msdn.com/b/typescript/archive/2015/07/20/announcing-typescript-1-5.aspx

VS2015と合わせてきたか

**デフォルトの名無しさん** · 2015/07/21(火) 01:32:58.22

https://github.com/Microsoft/TypeScript/wiki/Roadmap
>1.6
>ES6 Generators
>Local types
>Generic type aliases
>Expressions in class extends clauses
>Class expressions
>exclude property in tsconfig.json
>User defined type guard functions
>async/await for ES6
>External module resolution enhancements
>JSX support
>Intersection types
>abstract classes and methods

次の仕込み進んでるね

**デフォルトの名無しさん** · 2015/07/21(火) 02:33:09.52

昔はJScriptという亜種JavaScriptを作っていたMSが
今はJavaScriptの未来を作ってるんだから興味深いよ。

V8を作ってるGoogleが作ってるAngularJSが
TypeScriptを採用してるっていうんだからね。
世の中何が起こるかわからない。

**デフォルトの名無しさん** · 2015/07/21(火) 10:29:14.64

ES6以降の見識とかモダン言語のたしなみがないと新機能を追いかけるのは難しくなってきてるな

**デフォルトの名無しさん** · 2015/09/03(木) 18:56:51.43

Announcing TypeScript 1.6 Beta
http://blogs.msdn.com/b/typescript/archive/2015/09/02/announcing-typescript-1-6-beta-react-jsx-better-error-checking-and-more.aspx

**デフォルトの名無しさん** · 2015/09/09(水) 13:41:12.43

node.js 4.0.0 がリリースされたけど tsc 1.5.3 でのコンパイルは問題なかったよ

**デフォルトの名無しさん** · 2015/09/17(木) 11:57:54.97

TypeScript 1.6 来た！
http://blogs.msdn.com/b/typescript/archive/2015/09/16/announcing-typescript-1-6.aspx

classとか型関連の機能追加が多いかな

**デフォルトの名無しさん** · 2015/09/17(木) 13:08:48.57

日本語で更新内容を教えて

**デフォルトの名無しさん** · 2015/09/17(木) 13:39:47.54

>>32
誰かがブログで解説するだろうからそれを待て

あと1.6でオブジェクトリテラルの型チェックが厳密になって大量のエラーが…
https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes
↑ここに対処法とか書いてあるからバージョンアップする場合は見るべし

**デフォルトの名無しさん** · 2015/09/18(金) 00:34:58.40

>>32
TypeScript 1.6.0-beta 変更点
http://qiita.com/vvakame/items/072fa78f9fe496edd1f0
TypeScriptがReactをサポート
http://www.infoq.com/jp/news/2015/09/typescript16-react

1.6betaの記事だけど、1.6正式版でも同じだよ

**デフォルトの名無しさん** · 2015/09/29(火) 13:25:38.28

typescriptって型を省略せずに書くのが王道なの？どうなのかおしえてください

**デフォルトの名無しさん** · 2015/09/29(火) 13:57:38.01

>>35
var a = 1;
は型を省略して書いてるように見えるが型推論されてaはnumber型に固定される
その後a = "hoge";と書くとエラーになる
型推論をあてにして型を省略するのは普通だがそういう事を聞いてんの？

**デフォルトの名無しさん** · 2015/09/29(火) 14:07:02.02

partialはサポートしてないんですよね？

**デフォルトの名無しさん** · 2015/09/29(火) 14:10:18.85

>>36
これからは型をかかないようにします

**デフォルトの名無しさん** · 2015/10/01(木) 18:23:15.46

関数の引数の型は書いて下さいね
あと --noImplicitAny は忘れずに

**デフォルトの名無しさん** · 2015/10/01(木) 18:44:40.47

--noImplicitAny を付けてれば引き数の型を書かないとエラーになるけど
戻り値の型は省略できてしまう
コンパイラは型推論で戻り値の型は分かるから補完候補の表示で型は分かるけど
戻り値の型もちゃんと書いた方がいいね
そうすると整数を返す予定だったところを文字列返しちゃった時にエラーになる

**デフォルトの名無しさん** · 2015/10/02(金) 02:53:49.54

>>37
対応してませんね
けれど前から提案はされていて、C#と異なる使い方も模索されているみたいです

Partial classes
https://github.com/Microsoft/TypeScript/issues/563
Suggestion: Reopen static and instance side of classes
https://github.com/Microsoft/TypeScript/issues/2957

**デフォルトの名無しさん** · 2015/10/02(金) 12:29:38.37

>>41
そういうのはinterfaceとかmodule(namespace)を使えば実用上困ることは
無いと思うからいらないでしょ

**デフォルトの名無しさん** · 2015/10/03(土) 10:49:02.03

コードの中にnew Promiseを書くと
tsc test.tsでチェックしたら
error TS2304: Cannot find name 'Promise'
って出るんですがこれはどうしたらでなく出来ますか？

**デフォルトの名無しさん** · 2015/10/03(土) 11:10:26.45

>>43
tsc --target ES6 にするかそれが無理なら
https://github.com/borisyankov/DefinitelyTyped/tree/master/es6-promise
からes6-promise.d.tsを落としてくる

**デフォルトの名無しさん** · 2015/10/03(土) 11:39:52.85

--target ES6を指定します
どうもありがとうございます

**デフォルトの名無しさん** · 2015/10/03(土) 18:36:19.11

var i;
var l;
var a = [
{"a":1},
{"b":1},
]

for (var i = 0; i < a.length; i++) {
console.log(a[i]);

}

コンパイルすると
TS2403: Subsequent variable declarations must have the same type. Variable 'i' must be of type 'any', but here has type 'number'
ってなるんですがよく分かりませんどうかけばいいんでしょうか

**デフォルトの名無しさん** · 2015/10/03(土) 23:27:40.80

>>46
エラーメッセージが理解出来れば分かる事ではあるが…
var i; ← iの型がany
for (var i = 0; ← iの型がnumberだから矛盾してると言ってる
var i;を消すかvar i: number;とすればいいよ

**デフォルトの名無しさん** · 2015/10/04(日) 13:23:21.78

超超初心者なんですが
仮にグローバルで宣言したiがforでなく別の関数で使われることを意図していた場合
>>46のように変数iをfor文でたまたま同じ名前の制御変数としてvar宣言すると思うのですが
このときvarが付いているにも関わらずfor文のiは一行目で宣言したiとみなされてしまうってことですか？

**デフォルトの名無しさん** · 2015/10/04(日) 13:37:43.55

>>48
JavaScriptのvarはブロックスコープの機能が無い (詳細はググるなりしてくれ)
直感的にしたければES6のletを使うしかない

**デフォルトの名無しさん** · 2015/10/04(日) 13:41:16.06

TSはES5ターゲットでもlet/const使えるからへーきへーき

**デフォルトの名無しさん** · 2015/10/04(日) 13:42:29.90

>>48
いや間違えた…TypeScriptは普通にletが使えるからletを使えばいい
>>46のvarをletに書き換えるだけでうまく行くよ

**デフォルトの名無しさん** · 2015/10/04(日) 13:44:14.49

かぶった…まぁそういう事だ

**デフォルトの名無しさん** · 2015/10/04(日) 13:49:24.42

>>49
ああ！ifやforは関数ではないからvarつけても同名のグローバルを見に行っちゃうんですね！
そこで出てくるのがlet/constか！なっとく！

**デフォルトの名無しさん** · 2015/10/05(月) 00:57:09.65

>>53
let使える前のjsの変数スコープは基本的に関数レベルだったんだよ。
rubyやpythonとかもそうだったりする。

**デフォルトの名無しさん** · 2015/10/15(木) 21:21:16.18

1.7のissue残り3つ
そろそろ来るか

**デフォルトの名無しさん** · 2015/10/16(金) 09:45:15.72

issueが0になってからリリースまで1ヶ月以上掛かるし
1.6がリリースされた時は1.6.2だったからもう少し先な気がする

**デフォルトの名無しさん** · 2015/10/17(土) 16:42:41.11

ポリモthisが待ち遠しい

**デフォルトの名無しさん** · 2015/10/23(金) 19:57:18.48

>>57
ポリモthisって変数の受け取り側で(ダウン)キャストしないで済むって事でしょ？
そんな待ち遠しいって何か便利な使い方とかあるの？

**デフォルトの名無しさん** · 2015/10/23(金) 23:22:47.24

interface IEquatable {
equals(other: this): boolean
}
とかかな

**デフォルトの名無しさん** · 2015/10/23(金) 23:33:29.49

typescriptで使いやすいEditorでおすすめってなんですかね？
MS由来からいってVSなんでしょうけど、当方Macなので、、、、

**デフォルトの名無しさん** · 2015/10/24(土) 11:24:42.03

>>60
ttps://github.com/Microsoft/TypeScript/wiki/TypeScript-Editor-Support
普段何使ってるんだよ
Vimは導入が難しいが、何するにしても特化した環境が作れるぞ

**デフォルトの名無しさん** · 2015/10/24(土) 14:26:29.93

>>59
class Base {
getThis(): Base { return this; }
}
class Derived extends Base {
print(): void { console.log('Derived'); }
}
let derived = new Derived();
derived.getThis().print(); // 1.6.2だとBaseにprint()がねーよと怒られる
1.7だと
getThis(): this { return this; }
にする事でコンパイル通ってちゃんと実行も出来る

って事は理解したけど、equals(other: this)のthisって自分の型名のエイリアス
として使えるから便利って事であってるの？

**デフォルトの名無しさん** · 2015/10/24(土) 14:31:41.39

>>60
Emacsと
https://github.com/ananthakumaran/tide
↑を使う事でVSに劣らないインテリセンス環境が出来上がるぞ(ページ内のscreencastを見るべし！)
ちなみに常用してるけどMac版Emacsは使った事ないから詳細は分からん

**デフォルトの名無しさん** · 2015/10/24(土) 14:48:22.39

>>59
class Base {
equals(other: this): boolean { return other.name === "Derived"; }
}
class Derived extends Base {
name = "Derived";
}
let derived = new Derived();
console.log(derived.equals(derived));

だと、1.7でも(正確には1.7.0-dev.20151016)
test.ts(3,18): error TS2339: Property 'name' does not exist on type 'Base'.
って、ポリモらないけど…なんでなん？

**デフォルトの名無しさん** · 2015/10/24(土) 16:15:55.69

>>63
>>61
情報ありがとうございました。結局atomに落ち着きました。
最初補完効かないじゃんとか思ってましたが、tcconfig.jsを作ったら機能したので
問題なさそうです。
emacsかvimかで言ったらvim寄りですが、設定の手間とかいろいろ考えたら
atomが一番楽です。すいません。

**デフォルトの名無しさん** · 2015/10/24(土) 17:46:56.82

>>64
そういった使い方は無いと思うよ。その場合はジェネリックを使うといい
class Base {
equals<T extends { name: string; }>(other: T): boolean { return other.name === "Derived"; }
}

**デフォルトの名無しさん** · 2015/10/25(日) 00:25:48.72

>>66
https://github.com/Microsoft/TypeScript/pull/4910
このページのサンプルコードで>>64みたいなのがあったよ
>>62の戻り値バージョンは直感的で使い易いし良いんだけど
引き数バージョンがポリモらないのは何か変だなとは思う
ま、ジェネリックがあるから困らないけど1.7がちゃんとリリースされたら
また確認してみよう

**デフォルトの名無しさん** · 2015/10/25(日) 07:40:54.38

>>67
Baseがあとからどう拡張されるかなんてわかるわけないだろ
未来予知でもさせる気か

**デフォルトの名無しさん** · 2015/10/25(日) 15:05:43.36

>>68
コールの仕方がderived.equalsなんだから未来予知なんてしなくたって
コンパイル時にthisがDerivedなのが決まるでしょ (ジェネリックの場合はTがDerived)
C++は呼び出した時に型を決めてコンパイルされるからそういうのが当たり前だけど
TypeScriptはジェネリックとかも先にコンパイルしようとすんだな
とりあえずそういう仕様なのは理解したよ