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/12/10(木) 23:32:50.70

3.14 ** 3 は 3.14 * 3.14 * 3.14 にするよりも pow のほうが早いのか

**デフォルトの名無しさん** · 2015/12/11(金) 00:19:45.18

>>117
どうでもいいけどπを3乗するなんて事は無いけどな
ルートの中に入ることはある

**名無しさん＠そうだ選挙に行こう** · 2015/12/14(月) 18:49:41.54

http://www.typescriptlang.org/Playground で
以下のコードが実行時エラーになる
意図したものなのかな

function f() {
　const Math = void 0;
　console.log(2 ** 3);
}
f()

**デフォルトの名無しさん** · 2015/12/15(火) 13:48:49.14

>>119
const Math = void 0;
だとMathがany型になってるからそもそも何やってもコンパイルエラーにはならない
const Math = 1;
console.log(Math.pow(2, 3));
だとコンパイルエラーになるが
console.log(2 ** 3);
がコンパイルエラーにならないのはバグだな

ちなみに1.7のプレリリース版だと2 ** 3は2 * 2 * 2に展開されてた気がするが
1.7.3だと無難にMath.pow(2, 3)のままだな…

**デフォルトの名無しさん** · 2015/12/17(木) 17:40:37.59

typescriptを書くときの環境みたいなのを教えてください
そういう記事があったら教えてください
webpack?とかpackage.txtとか開発初めのスケルトンが知りたいです

**デフォルトの名無しさん** · 2015/12/17(木) 19:05:38.17

VisualStudio
Azure

**デフォルトの名無しさん** · 2015/12/17(木) 22:15:57.04

まずエディタを何使いたいかによるな
何でもいいなら無難にVS使うのがいいと思われる
最近ならVisual Studio Codeの方がいいかもしれない

**デフォルトの名無しさん** · 2015/12/18(金) 17:31:03.70

VSCodeは.git/とtsconfig.jsonが同じフォルダなのが前提だな…
そうでない場合も多い気がするけどな
ちょっと試用してみたけど上記の問題以外はTypeScript用エディタとして快適に使える

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

VSCodeに移行したいけどvimが未完成すぎてまだ移行できん
はよVSと同じクオリティに仕上げてくれ

**デフォルトの名無しさん** · 2015/12/18(金) 19:49:07.87

おもいっきりスレ違いだけどVSCodeの完成度の高さにびっくり
golang開発環境としても最適。マイクロソフトの開発力の高さを目撃したぜ。
一気にATOMより使いやすくなりやがった。
typeScriptも期待していいね

**デフォルトの名無しさん** · 2015/12/18(金) 20:01:03.80

VSCodeの完成度の高さの半分はTypeScriptで作ってるからと言えなくもない
残りの半分はGoogleのChromiumとV8のお陰だが…

**デフォルトの名無しさん** · 2015/12/19(土) 01:32:25.74

最近のマイクロソフトはC#と並んでNode.js推しが凄いね
次期ASP.NETのビルドシステムもNode.js系
Node.jsの普及に社運をかけているような感じがする

**デフォルトの名無しさん** · 2015/12/19(土) 06:11:40.64

MSは自社のJavaScriptエンジンがあるから別にNode.jsを推してるとは思えない
単にNode.jsを使わざるを得ない状況ってだけじゃないかな
現状色んなアプリが別個にNode.jsのランタイムを含めてて無駄過ぎるから
WindowsだったらEdgeとかChakraを使うバージョンがあってもいいと思う

**デフォルトの名無しさん** · 2015/12/19(土) 08:29:23.06

MS自身自社プロダクトのクロスプラットフォーム化を進めてるのにそんな逆行したいわけがない

**デフォルトの名無しさん** · 2015/12/19(土) 13:18:54.15

Node.js はオワコンなのにね

**デフォルトの名無しさん** · 2015/12/19(土) 15:19:47.28

持ち上げられすぎてると思うけどそこまで終わってもない
それよりエレクトロンがモノになるかのほうが不安

**デフォルトの名無しさん** · 2015/12/19(土) 17:24:55.88

chakra対応のnode出したりcoreをossにしたりでv8で満足してるわけでもなさそう

**デフォルトの名無しさん** · 2015/12/20(日) 03:32:05.22

>>131
Node.jsがオワコンとか初めて聞いたよw
JavaScriptが標準規格だから実装が何になろうがいいけど
今のところNode.js以外の使い易い実装がないのが現実
まさかとは思うけど>>131はio.jsの事を言ってたりするのか？

**デフォルトの名無しさん** · 2015/12/20(日) 19:25:20.77

オワコンかどうかはわからないけど、jsフロントエンド周りは
変化が早すぎてついていける人が少ないのは確か。
ビルドツールすらなんでそんな変わっていくん？
いっそmakeでいいんじゃないか。

早くデファクトスタンダードでてくんないかな。
Meteorは完全にjs界から見放されているような気もする。(日本だけ？)

**デフォルトの名無しさん** · 2015/12/20(日) 22:47:15.85

GUIツールや、ビルドツール、SSRあたりは残るんじゃないかな。
apiサーバやさらにバックエンドは今より減っていきそうだけど。

**デフォルトの名無しさん** · 2015/12/21(月) 11:04:35.60

Dartがもう少し頑張ってくれてりゃなぁ

**デフォルトの名無しさん** · 2015/12/21(月) 11:44:53.03

よくAltJSの括りでDartとかと一緒にされるけどTypeScriptはDartと別モンだと思う
TypeScriptは9割は(特にES6以降の)JavaScriptといっても過言じゃないけど
Dartは全然別の言語だし
Webの世界でJavaScript以外の言語が流行るとは全く思えない

**デフォルトの名無しさん** · 2015/12/21(月) 14:21:33.13

javascript無くなってくれないかな
TypeScriptが橋渡しになって引導渡して欲しい

**デフォルトの名無しさん** · 2015/12/23(水) 16:53:14.82

>139
それはつまり「IEもChromeもFirefoxもSafariも、既存サイトのJavaScriptを解釈しないようにしろ」ってことだろ
無理だな

**デフォルトの名無しさん** · 2015/12/23(水) 21:21:43.04

>>139

なんかgoogleとかmozilaとかが共同でバイナリをBrowserで動かす仕組みを
開発するとかいってなかったっけNaCLじゃない奴。
それが実現したらそうなるんじゃない

**デフォルトの名無しさん** · 2015/12/23(水) 22:12:53.38

>>141
WebAssemblyだな
主目的はC++のコードを安全にかつネイティブ並に高速に動かす為のものだが
他の言語を動かす基盤にも十分成り得る

ただ現状でもJavaScriptに変換すれば似たような事にはなってるのに
他の言語が流行ってないから結局今と一緒でしょ

**デフォルトの名無しさん** · 2015/12/23(水) 23:08:22.22

JavaScriptでは難しい最適化を施した多言語から生成できる共通の中間コードの仕様策定だっけ？
デバッグが難しいだろうからほとんどCPUヘビーなとこと広告回避にだけ使われてほかはJavaScriptのままだと思うよ

**デフォルトの名無しさん** · 2015/12/23(水) 23:29:17.65

>>143
基本ゲーム用だ
WebGL2になるとPS3以上PS4未満の能力があるからWebAssemblyと組み合わせて
ブラウザをゲームプラットホームにしようという思惑がある

**デフォルトの名無しさん** · 2015/12/23(水) 23:51:10.03

>>144
マジかよソニー株売ってくる

**デフォルトの名無しさん** · 2015/12/23(水) 23:52:52.11

>144
それChromeBook持ってるGoogleの一人勝ちになるんじゃないか

**デフォルトの名無しさん** · 2015/12/23(水) 23:57:52.58

日本一みたいな小粒の尖ったソフト出すメーカーはこういうのでコストかけずにどんどん出していったほうがいいんだろうな

**デフォルトの名無しさん** · 2015/12/25(金) 02:26:54.28

TypeScript1.8以降で追加予定または協議中の注目の新機能12つ
http://falsandtru.hatenablog.com/entry/typescript-2016

**デフォルトの名無しさん** · 2015/12/25(金) 10:26:24.39

noImplicitReturns最高

**デフォルトの名無しさん** · 2015/12/25(金) 13:17:18.21

1.7でも戻り値の型が違うとエラーになるけどnoImplicitReturnsの説明見ると
結構すり抜けるパターンがあったんだな…
全部undefined関連だけど最初からエラーにしとけよ

**デフォルトの名無しさん** · 2015/12/25(金) 13:34:53.88

あとreadonlyはなぜ
function hoge(readonly a: number) { }
と書けないんだよ…
メンバーより引き数に指定出来る事の方がはるかに重要だ

他は劇的に便利になるようなものはないな

**デフォルトの名無しさん** · 2015/12/25(金) 14:43:14.41

うんこの上に金粉まぶしてもうんこはうんこ

**デフォルトの名無しさん** · 2015/12/25(金) 15:03:46.23

>>151
numberにreadonlyを指定することは意味がないと思うが…

引数がreadonlyであることを表明したいなら
そういうinterfaceを定義すれば済む。現行機能で十分じゃないか？
指定子で表明するのはC++がconstで失敗した道だからなぁ

**デフォルトの名無しさん** · 2015/12/25(金) 17:02:40.14

>>153
あー無意味なこと書いてしまった…numberじゃなくて何らかのクラス名だった

ちなみに
function test(readonly v: Data/*参照しかしない事を表明*/): boolean { }
をしたいだけなのに
function test(v: {readonly x: number, ...全部書くのか？): boolean { }
とすればいいという事か？

**デフォルトの名無しさん** · 2015/12/25(金) 17:36:17.11

>>154
「特定のメンバーしか見ない」と表明したいならそうなるんだろうね
もしくは最初からインタフェースを分けておくか
interface ReadOnlyData { get; }
interface Data extends ReadOnlyData { set; }

単純なフィールドの読み書きだけならいいけど
getXXX() は readonly だよねとか
getXXX() の中でキャッシュ値が変化するけど実質的には readonly だよねとか
やりだすと、C++の悪夢がよみがえってしまう

**デフォルトの名無しさん** · 2015/12/25(金) 18:43:03.80

>>155
そりゃ悪夢だろ
なんでクラス定義する側がそんな苦労しないといけないんだ
ちなみに
class Hoge {
int getXXX() const;
mutable Cache cache;って知ってるか？
こうしておけば何か気にする事なんてあるか？

**デフォルトの名無しさん** · 2015/12/25(金) 18:47:18.76

補足
class Hoge {
int getXXX() const; ← これはcacheの中身は書き換える
mutable Cache cache; ← これが書き換わってもconst性に影響無いと考える

**デフォルトの名無しさん** · 2015/12/25(金) 23:14:17.73

>>153
何が失敗だったの？
C++でconst無かったら怖くてかなわん…

**デフォルトの名無しさん** · 2015/12/25(金) 23:40:33.36

>>151
利用する側に重要な情報だよな。

**デフォルトの名無しさん** · 2015/12/26(土) 00:31:22.25

C++でconstに問題あるなんて素人のたわごとだろ
聞いたこと無い

**デフォルトの名無しさん** · 2015/12/26(土) 00:39:17.52

C++で仕事を15年以上して凄い奴とかどうしようもない奴とか色々見てきたけど
constに問題があるとか初めて聞いたよ

**デフォルトの名無しさん** · 2015/12/29(火) 02:41:33.95

VSCodeがいつの間にアップデートしてて>>124の問題が早速修正されてるな
オプソにした事でユーザーが増えて沢山突っこまれたに違いない
もはやTypeScript最強エディタと言わざるを得ない

**デフォルトの名無しさん** · 2015/12/29(火) 02:55:10.34

最近やっとNode.jsとブラウザの両方で使えるコードの書き方が分かったよ
TypeScriptオンリーだったらtsc --module amdとrequire.jsがあればいいし
JavaScriptを使う場合はwebpack使えば出来た

俺はTypeScriptの時でもリリース時にwebpack使って開発中はrequire.jsで
個別にファイルを読み込んだほうがデバッグしやすいからそうしてる
ちなみに///<reference path='hoge.ts'/>とかmoduleやnamespaceは全く使わない
それが今のトレンド (VSCodeのソースがそうしてる)

**デフォルトの名無しさん** · 2015/12/29(火) 16:10:58.92

そりゃそうだ

**デフォルトの名無しさん** · 2016/01/03(日) 18:07:55.32

だれかわかるやつ教えてくれ...

親クラスのstaticメソッドを子クラスでoverrideすると、
実行していない状態でもなぜか親クラスのstaticメソッドが実行されてしまうんだが、これはなぜなんだ...

一応ソースだけ張ってみる。

/// <reference path=

**デフォルトの名無しさん** · 2016/01/03(日) 18:14:12.59

すまんこれ

http://s1.gazo.cc/up/169919.png

**デフォルトの名無しさん** · 2016/01/03(日) 23:49:46.81

>>165
ecmascriptの方の話?
https://github.com/google/traceur-compiler/blob/master/src/runtime/classes.js

**デフォルトの名無しさん** · 2016/01/04(月) 00:03:32.03

>>167

おお、ありがたい。
明日ちょっと見てみるわ。

どうもextendsするときに実行しちゃっているみたいだから、そういう仕様なの？とも思ったんだがいまいちわからんくて...
コンパイル結果のjsも明日張ってみるわ

今日はもう寝る

**デフォルトの名無しさん** · 2016/01/04(月) 09:26:22.97

>>168
console.log(Asian.name);
console.log(Asian.name = "New type");
console.log(Asian.name);

nodeだとname propertyは再定義できないと言われるが

**デフォルトの名無しさん** · 2016/01/04(月) 12:16:27.68

>>166
これはおもろいｗ
--target ES5のクラス継承は__extendsでいわゆるクラスを模したイディオムを
実行する訳だけど、その時にHuman.nameを読み出してるからその中で
console.log()みたいな副作用のあるコードを書いてるとちょろっとお漏らし
しちゃうんだな
ま、getに副作用のあるコードを書くなって事だな
副作用が無ければ気にする事はない

**デフォルトの名無しさん** · 2016/01/04(月) 21:24:41.15

これが生成されたJS
改行多すぎで書き込めないから二つに区切る。

var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Human = (function () {
function Human() {
}
Object.defineProperty(Human, "name", {
get: function () {
console.log("Human class name");
return "homo";
},
enumerable: true,
configurable: true
});
return Human;
})();

**デフォルトの名無しさん** · 2016/01/04(月) 21:25:29.78

**デフォルトの名無しさん** · 2016/01/04(月) 21:27:50.70

>>170

なるほど、やっぱり一応「仕様」なのね。

http://visible-true.blogspot.jp/2013/01/typescript-bridge-pattern.html
ここを参考に抽象クラス書いてみようとしたら毎回エラーになったのがきっかけで気づいたんだ。

普段は副作用のないコードを書くようにしてるから問題ないけど、気持ち悪いな...

**デフォルトの名無しさん** · 2016/01/04(月) 21:29:44.16

console.log(Asian.name);
をもう一度実行

**デフォルトの名無しさん** · 2016/01/04(月) 21:58:10.67

>>174
最後のconsole.log(Asian.name); をふたつにするってこと？

↓こうなるだけだけど...そうじゃなくて？

Human class name
Asian class name
ass
Asian class name
ass

**デフォルトの名無しさん** · 2016/01/04(月) 22:06:12.44

>>172
うぉお自己レスだがいまさら理解
definePropertyにアクセスするとgetのfunctionが実行されるから、
extendsのときの代入で実行が走ってるのね

超すっきりしたわ
なるほどね

**デフォルトの名無しさん** · 2016/01/04(月) 22:18:27.58

いやまてこれダメじゃねーか
getterちゃんと継承できてねーぞ

...できてねーよな？

**デフォルトの名無しさん** · 2016/01/05(火) 00:16:07.40

上書きしなきゃ親のが呼び出されるでしょ

**デフォルトの名無しさん** · 2016/01/05(火) 04:38:20.48

https://github.com/Microsoft/TypeScript/issues/1520

存在しないユースケースだから修正しない。
使いたければ__extends関数を自作してオーバーライドしろとさ。

**デフォルトの名無しさん** · 2016/01/05(火) 13:11:51.67

>>178
継承されてないな

まず最初に言っておくけどAsian内のgetを消すとAsian.nameは
Function.nameにアクセスする事になってAsianと表示されるからfuncとかにしておく
そうするとhomoとだけ表示されてHuman class nameは表示されないから継承されてない

ちなみに--target ES6の場合はconsole.log('Human class name');が実行されて
なおかつ継承もされない
要するに現状でES6と同じ挙動という事になるから自前の__extendsを作ると
将来ES6でコンパイルした時に困る事になる (継承をカスタマイズ出来ないし)

現状で問題の無いコードを書くしかないというのが結論だな

**デフォルトの名無しさん** · 2016/01/05(火) 13:24:39.62

ES6のclassは__extendsでやっている事のシンタックスシュガーだってのが
分かるおもしろい例だった
結局ES6になってもプロトタイプベースのオブジェクト指向っていうところは
変わってないんだよね

**デフォルトの名無しさん** · 2016/01/06(水) 08:53:19.05

>>179
神だ、やっと神と､､､！
ありがとう!

ユースケースがないってのはちょっとひっかかるけどな。
キーワードstaticってクラスに属してるだけでstatic getが副作用を起こさない、他の影響をうけないって保証されてるわけじゃないし。
そう書けってことではあるんだけどね。

**デフォルトの名無しさん** · 2016/01/18(月) 13:03:11.26

MSYS上のvimからtsuquyomi使えんかった
多分Nodeがマウントされたパスとか/c/から始まるパスを理解できないんだろうな
MSYS版Nodeがあればなぁ

**デフォルトの名無しさん** · 2016/01/18(月) 17:46:53.97

よく見たらmingw側にNodeがあったので試してみたけどバージョンが古いせいか駄目だったぜ
TypeScript書くときは大人しくGVimにしておくか

**デフォルトの名無しさん** · 2016/01/22(金) 13:05:16.12

ChakraCoreを使ったNode.jsが動いたらしい
しかし最近のMSはプロジェクト名にCoreを付けまくってるな

**デフォルトの名無しさん** · 2016/01/23(土) 10:08:20.25

--module commonjsの状態でmoduleとnamespaceを使わずに
export function ...
export var ...
って書いたソースがcommonjsのモジュールとしてコンパイルできるのに
外部からimportしようとするとモジュールが見つからないって怒られて困った
--module amdだと大丈夫みたいなんだけど、バグだったりするの？

**デフォルトの名無しさん** · 2016/01/23(土) 12:35:34.21

公式のwiki読め

**デフォルトの名無しさん** · 2016/01/23(土) 17:32:00.25

import時のパスが./で始まるかどうかの違いでした
import * as test from "test"; // amdはOK, commonjsはエラー
import * as test from "./test"; // amd, commonjs 共にOK
test.tsを./node_modulesに突っ込んで--moduleResolution nodeなら前者もOK

**デフォルトの名無しさん** · 2016/01/24(日) 10:30:33.12

必読https://github.com/Microsoft/TypeScript/wiki/FAQ

**デフォルトの名無しさん** · 2016/01/25(月) 13:40:35.40

TypeScriptのモジュールの扱いが激烈に難解になったからみんなハマルだろうな
俺は大体理解できたけど

**デフォルトの名無しさん** · 2016/01/25(月) 13:50:19.91

苦笑

**デフォルトの名無しさん** · 2016/01/25(月) 14:01:32.82

>>191
そんなおかしいなら --moduleResolution の意味を言ってみてよ

**デフォルトの名無しさん** · 2016/01/25(月) 14:05:44.07

>>191
あと、 --moduleResolution node で認識される*.d.tsの書き方も言ってみてよ
これドキュメントに書いてないんだよな

**デフォルトの名無しさん** · 2016/01/25(月) 14:22:21.52

http://qiita.com/vvakame/items/72d22e33632178f7db24
この人の↑これを見るのが一番まとまってて分かり易い
> ・declare module "hoge" 形式の定義は利用できない
って書いてあるけど実際はもう少し修正しないと駄目だった
とりあえず適当に修正すれば通るように出来るけど何が問題なのか
ドキュメントが見つからず確証が持ててない

**デフォルトの名無しさん** · 2016/01/25(月) 17:21:06.80

みんなはcommonjs使うからハマらないっての
クイズじゃなくて何がしたくてできないのかのほうを書けよ

**デフォルトの名無しさん** · 2016/01/25(月) 19:30:10.53

>>195
>>194の話はcommonjsとか関係無いよ、モジュール全般の話でしょ
それにブラウザからcommonjsロードできないのにみんな使うってのはおかしいでしょ

**デフォルトの名無しさん** · 2016/01/25(月) 21:26:21.10

貴殿の力量、拝察して候

**デフォルトの名無しさん** · 2016/01/26(火) 10:19:05.81

JavaScriptから来た人には歴史的経緯と後付モジュール機構は常識の部類なんだろうけど、他言語からくるとjs/tsのモジュール関係は病んでるよな

**デフォルトの名無しさん** · 2016/01/26(火) 14:10:10.49

>>197
最後にはそれかよｗ
ちゃんと具体的に書いてくれないと完全に負け惜しみにしか聞こえないよ

**デフォルトの名無しさん** · 2016/01/26(火) 14:24:44.17

>>198
TypeScriptには内部モジュール(内部は造語)があって外部モジュールについては
あまり重要視されてなかった経緯があるからね
module→namespaceって名前を変えたけどmoduleキーワードは今も使える
もはや混乱の元でしかないし<<<reference file="hoge"/>ももはや役割を終えてるからなくした方がいいな
で、importの意味が1.6でしれっとそれより前の解釈と思いっきり変わってしまったのが混乱の元だ
とりあえずVSCodeのソースを見れば最近の*.tsの書き方が分かる
俺はそれ見て同じ書き方をしようとしてmodule,referenceから移行しようとして
importがトンでもない事になってる事にやっと気付いた

**デフォルトの名無しさん** · 2016/01/26(火) 14:38:18.32

requireからES6 modulesまでの変遷は確かに知らずに見ると混乱する
NodeのStreamAPIと違ってES6 modulesで古い情報にフィルタかけられるのが救い

**デフォルトの名無しさん** · 2016/01/26(火) 15:03:49.80

>>197みたいにNode.jsオンリーで歴史的経緯も知らずにnpm installだけして
使ってる人にはimportでハマルとか言ってる奴はﾌﾟｯっとしか思わないんだろうね
ま、そういう奴が居るって事は1.6の変更は意味があったといえる

俺は1.0ぐらいからブラウザ用にmodule,referenceでゴリゴリ書いてたから
移行するのがスゲー大変だった
しかし、お陰で汎用的な機能はNode.jsとブラウザの両方で使えるように
書けるようになったから移行する意味はあった(それにES6のmoduleにも対応してるはず)

**デフォルトの名無しさん** · 2016/01/27(水) 12:12:11.54

webpackとか使うとjsの場合以下のようにtemplateとしてhtmlコードを取り込むことができますが、

```
export default {
template: require('./index.html'),
}
```

typeScript単体で使う場合で似たようなことをする方法ってありますか？

**デフォルトの名無しさん** · 2016/01/27(水) 14:52:35.66

>>203
1.6からjsxに対応したからとりあえず typescript jsx で検索してみなよ
それが目的のものかは分からんけど

**デフォルトの名無しさん** · 2016/01/29(金) 14:25:20.13

https://twitter.com/bterlson/status/692489384654999552

ES2016 will likely not contain async functions.

**デフォルトの名無しさん** · 2016/01/29(金) 17:10:41.49

安心してください、TypeScriptはasyncが使えます

**デフォルトの名無しさん** · 2016/02/05(金) 16:04:12.96

TypeScript 1.8ベータにはJavaScript統合、シームレス関数コンポーネントなどが追加される
http://www.infoq.com/jp/news/2016/02/announcing-typescript-18

**デフォルトの名無しさん** · 2016/02/06(土) 01:27:25.39

>>207
Announcing TypeScript 1.8 Beta
https://blogs.msdn.microsoft.com/typescript/2016/01/28/announcing-typescript-1-8-beta/

TypeScript 1.8.0-beta 変更点
http://qiita.com/vvakame/items/31f5c45ff49de67d5634

**デフォルトの名無しさん** · 2016/02/12(金) 11:57:21.91

typeScriptでつくられたOSSなプロダクトって何があるのかな。
typeScriptの勉強に使えそうな手軽なサイズのものがいいんですが
特にVSC以外で

**デフォルトの名無しさん** · 2016/02/12(金) 12:46:41.49

vs版1.7.6を入れたのにバージョン情報では
1.7.5と表示されるんだけどミスってる？
npm installでも1.7.5だった

**デフォルトの名無しさん** · 2016/02/12(金) 21:36:59.74

typeScriptでWebWorkerのコードを書こうとするとpostMessage関数で怒られるんです。

onmessage = function(e) {
console.log('Message received from main script');
var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
console.log('Posting message back to main script');
postMessage(workerResult); //<―ここ
}

error TS2346: Supplied parameters do not match any signature of call target.

パラメータがあってないって話なんですが定義を見てみると
declare function postMessage(message: any, targetOrigin: string, ports?: any): void;
とありtargetOriginが必要みたいな記述になっています
定義の参照先が違うせいだと思うんですが直し方がわかりません。ご教示下さい

参考
https://developer.mozilla.org/ja/docs/Web/Guide/Performance/Using_web_workers

**デフォルトの名無しさん** · 2016/02/12(金) 22:34:57.47

ES以外の定義が違うなら自分でプルリク出さないと直らないぞ
DOM周りは基本放置だからな

**デフォルトの名無しさん** · 2016/02/12(金) 23:19:19.89

1.7.5に入ってるlib.webworker.d.tsには
WorkerインターフェースにpostMessage(message: any, ports?: any): void
グローバルにpostMessage(data: any): void
ってなってるけど

**デフォルトの名無しさん** · 2016/02/13(土) 12:50:38.42

>>213
先頭行に
/// <reference path="lib.webworker.d.ts" />
と入れてもエラーが出るんですが、どうすればいいんでしょう

error TS6053: File 'lib.webworker.d.ts' not found.

**デフォルトの名無しさん** · 2016/02/13(土) 16:34:47.12

https://developer.mozilla.org/ja/docs/Web/API/Window/postMessage
https://developer.mozilla.org/en-US/docs/Web/API/Worker/postMessage
を見ても第2引数は必要
引数要らないバージョンは
https://developer.mozilla.org/en-US/docs/Web/API/MessagePort/postMessage
のMessagePort用だな

**デフォルトの名無しさん** · 2016/02/13(土) 16:42:47.45

いや間違えた…
window.postMessage以外は第2引数が省略可能だな
ただwindow.postMessageも第2引数を省略すると"*"が指定された時と同じ動作をするように
ブラウザが勝手に対応してるっぽいな
格オブジェクト毎に微妙に役割りが違うものを全部一緒くたにpostMessageにしてるから
結構ややこしい事になってるな…
とりあえず>>214はwindow.postMessageを使ってるのであれば
第2引数に"*"を指定すればいいはずだよ