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/

**デフォルトの名無しさん** · 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引数に"*"を指定すればいいはずだよ

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

格オブジェクト→各オブジェクト念の為…連投スマン

**デフォルトの名無しさん** · 2016/02/13(土) 17:00:54.46

何度もごめん
やっと本質が理解できた
根本的な解決には2.0にならないとダメらしいな
それまではpostMessageには"*"とかundefinedを指定して誤魔化すのが一番手っ取り早い

**デフォルトの名無しさん** · 2016/02/14(日) 10:23:55.62

いえ。聞きたいことは
golobalscopeの参照先を lib.webworker.d.ts
にしたいわけです。

```
new Wroker(“./worker.js”); // <―ここのworker.js内のグローバルスコープをなんとかしたい
```
上記のように別スレッドでwroker.jsを動かすわけですけど、
worker.js内のグローバルスコープはdocumetにアクセスできなかったり独自のものみたいです。
それで参照先を lib.webworker.d.tsにしたくて/// <reference path="lib.webworker.d.ts" />としても
ファイルがないと怒られます。
typescript自身が持っているd.tsファイルに対してのリファレンスの貼り方を教えていただきたいのです。

**デフォルトの名無しさん** · 2016/02/14(日) 10:35:21.09

>>219
https://github.com/Microsoft/TypeScript/wiki/Roadmap
の2.0にあるImprove lib.d.ts modularityがそれを簡単にやる為のものらしい
要するに今のところそういう事が簡単に出来無いってこと
http://blog.scottlogic.com/2015/08/10/ts-vs-proj.html
この辺に一応回避方法が書いてあるよ

**デフォルトの名無しさん** · 2016/02/14(日) 13:52:50.82

>>220
情報ありがとうございます。
とりあえず

```
(<any>postMessage)(workerResult);
```
と書いてエラー抑制で回避することにします。

**デフォルトの名無しさん** · 2016/02/14(日) 17:38:32.66

いい方法が見つかるまではtsconfig.jsonの"files"にlib.*.d.tsのパスを入れておけばいいよ
tsconfig.jsonの書き方と使い方は公式Wiki参照

**デフォルトの名無しさん** · 2016/02/19(金) 17:13:14.79

NonNullableきたこれでかつる

**デフォルトの名無しさん** · 2016/02/23(火) 10:35:12.67

Announcing TypeScript 1.8
https://blogs.msdn.microsoft.com/typescript/2016/02/22/announcing-typescript-1-8-2/

**デフォルトの名無しさん** · 2016/02/23(火) 11:46:00.00

>>224 おつ
TypeScript for Visual Studio 2015 は Details > Releases から 1.8.4 を選ばないと
以前のものがダウンロードされるので注意。

あと Visual Studio Code のインテリセンス等の挙動は
tscへのパスの差し替えだけでは完璧ではないぽい。なにか方法があるかもしれないが

**デフォルトの名無しさん** · 2016/02/23(火) 12:25:15.11

VSCodeは自前でtsserver.jsを持ってるからそれを差し替えないと駄目でしょ
下手に差し替えないでバージョンアップを待てばいいんじゃね？
すぐするでしょ

**デフォルトの名無しさん** · 2016/02/23(火) 12:28:20.34

ちなみにメインで使ってるわけじゃないけど、なんかVSCodeって使いづらいような気がしてきた
バージョンアップで改善されてくとは思うけど、メインで使ってる人は使い心地がどうなのか知りたい

**デフォルトの名無しさん** · 2016/02/24(水) 19:37:32.88

for (let i = ...) は許されるのに
if (let o = ...) や while (let ...) が許されないのは仕様でしょうか？
nullスキップをしたいときにこの書式を使いたい場合が結構あるのですが

**デフォルトの名無しさん** · 2016/02/24(水) 21:55:18.34

仕様。仕様書見れば書いてあるよ
let o;
if (o = ...) と書いても結果は変わらないと思う
o がブロックの外に漏れるというだけで

**デフォルトの名無しさん** · 2016/02/24(水) 23:27:54.96

>>229
元のJavaScriptや、もしかするとJavaに倣った仕様なんですかね
どうせJavaほど真偽判定に厳しくないんだから、C++並に緩くして欲しいなぁ

**デフォルトの名無しさん** · 2016/02/25(木) 10:03:46.85

>>230
仕様ってのはecma262(JavaScript)の事ね
TypeScriptはJavaScript(主にES6以降)＋型だからJavaScriptの文法を壊すような
機能追加はしちゃ駄目だと思うし、そういうのはほとんど無いと思う

**デフォルトの名無しさん** · 2016/03/03(木) 15:07:54.17

chrome extensionの開発にtypeScript使っています。
型があるとドキュメントを見なくてもメソッドとかプロパティを探せるので
捗ります。

本当にES2015 + type　って感じなんですね。そんなに仕様が分かっていなくても何となく使えるのがいいです。

一つお聞きしたいのですが
Node型からlengthプロパティを使いたいのですが
参照先にlib.d.tsにはないみたいでエラーなります。
chromeデバッカでは見えているのですが、、、
とりあえず以下のように回避しているんですが

const selection = window.getSelection()
(<any> selection.focusNode).length

本来の対応方針を教えて下さい。
例えばどこかに専用のファイルを作ってそこで
interface Node {
}
自分用のinterfaceを作るとかですかね？

**デフォルトの名無しさん** · 2016/03/03(木) 15:39:48.75

>>232
Node.length って何？すべての Node は持っているわけではないと思うが
エレメントの種類が限定できるなら <any> のところにそのクラス名を書けば？

**デフォルトの名無しさん** · 2016/03/03(木) 17:00:58.63

babelとtypescriptって何が違うの？
あとes6が普及したらtypescript使う意味ってなくならない？

**デフォルトの名無しさん** · 2016/03/03(木) 17:04:13.70

>>233
すいませんでした
lengthプロパティはNodeインターフェースにあるのが正しいのかと勘違いしてました。
Element型にキャストして使うことにしました。

**デフォルトの名無しさん** · 2016/03/03(木) 17:11:25.26

>>234
ES2015 + 型という図式です。
VSCとかと連携すると補完が聞いて素敵です。
EcmaScriptに型が付く予定はないと思うので差別化はできているのではないでしょうか？

逆に言語として学習コストが低くていいのではないかと(ES2015とあんまり変わらない点)。
特に新規のライブラリを使うときはEditorが教えてくれるので、凄くいいです。

**デフォルトの名無しさん** · 2016/03/03(木) 17:29:33.07

>>235
Element型にもlengthってあったっけ…

>>234
es6が普及した場合、むしろBabelがその役割を終える

TypeScriptと競合するのは、JSDocの型注釈 @type かな
JS+JSDocの記述量を減らしたのがTypeScriptだと思う

**デフォルトの名無しさん** · 2016/03/03(木) 18:49:06.70

>>235
ちゃんとリファレンスは読んだのか？
https://developer.mozilla.org/ja/docs/Web/API/Selection

**デフォルトの名無しさん** · 2016/03/04(金) 16:37:36.83

ちなみにjQueryでDOMをいじくるのが主な目的の人には向かないね
jquery.d.tsがany使いまくりだから素直にJavaScriptをそのまま使う事を勧める

それとDOMはJavaScriptとして使ってる内は気付かないけど
実はかなり型が複雑で理解してないと>>232みたいな問題にぶつかる
悪いのはTypeScriptではなくて元の仕様がそうなってる

直接DOMをいじる場合も型をちゃんと全部把握するかJavaScriptをそのまま使う方がいい

**デフォルトの名無しさん** · 2016/03/04(金) 17:04:24.90

>>239
むしろ型を把握していない人ほどオススメなのでは。
Editorが教えてくれるようになるし
実行時にエラーになってデバッガでチェックというサイクルを何度も踏む手間が省ける。

**デフォルトの名無しさん** · 2016/03/04(金) 17:55:19.19

>>240
いやいや、例えばgetElementById()で返すのはHTMLElementだけど
これはlib.d.tsでextends HTMLElement検索すると分かるけど、全てのベースクラスだから
使う時は毎回適切にキャストする必要があって面倒臭い
で、間違うとコンパイルエラーとか実行時エラーになる

ちなみにjQueryとDOMでの話であって一般的には型があった方がいいのはその通り

**デフォルトの名無しさん** · 2016/03/04(金) 20:45:00.83

>>241
ちなみにHTMLElementの子クラスをキャスト候補として出す機能とかありますかね？
typeScriptというよりもVSCよりな質問かもしれませんけど。

**デフォルトの名無しさん** · 2016/03/04(金) 20:49:58.95

“error TS2304: Cannot find name” の対応ってどうされてますか？
例えばchrome Extension作りたくて chrome.d.tsを用意したんですが

RROR in …/typings/browser/ambient/chrome/chrome.d.ts
(5221,70): error TS2304: Cannot find name 'DirectoryEntry'.

ERROR in …/typings/browser/ambient/chrome/chrome.d.ts
(5807,22): error TS2304: Cannot find name 'MediaStreamConstraints'.

ERROR in …/typings/browser/ambient/chrome/chrome.d.ts
(5809,22): error TS2304: Cannot find name 'MediaStreamConstraints'.

ERROR in …/typings/browser/ambient/chrome/chrome.d.ts
(5819,73): error TS2304: Cannot find name 'MediaStream'.

以下の様なエラーメッセージが出ます。
それで依存している型定義ファイルを探して追加するとまたこのエラーメッセージが増えていくので
該当箇所をanyとかにしてごまかしているんですが、
本来の対応方針としてどうすればいいんでしょうか？

**デフォルトの名無しさん** · 2016/03/04(金) 23:31:41.69

>>243
chrome.d.ts ってこれか？ https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/chrome/chrome.d.ts
コードの頭に参照があるから /// <reference path='../filesystem/filesystem.d.ts' />
このあたりが必要なのでは https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/filesystem/filesystem.d.ts

よくわからんが DefinitelyTyped を丸ごともらうか、<reference> それぞれを探してみては？

**デフォルトの名無しさん** · 2016/03/05(土) 10:47:09.14

コード中でキャストしないようにと思うと
interface Document { getElementById(id: 'myElement'): HTMLAnchorElement; }
みたいな定義を読ませておくしかないよね

**デフォルトの名無しさん** · 2016/03/05(土) 12:33:38.03

>>244
typingsを使うときに勝手に再帰的に取りに行ってくれるオプションとか無いですかね。
今は諦めて、俺俺d.tsファイルに空のinterface作って対応してます。

**デフォルトの名無しさん** · 2016/03/05(土) 14:42:35.70

>>245
JSON2HTMLというか、TSからHTMLを生成すると自然なんだろうか？
デザイン担当との兼ね合いで、そう勝手にはいかないだろうけれど。

>>246
「コンパイルが通らなかったのでキャストを追加しました」
的な危うさを感じるな……まぁ好きにしなされ。

**デフォルトの名無しさん** · 2016/03/05(土) 15:53:12.74

とりあえずAngular2＋TypeScriptを使えば全てが丸く収まる(はず)

**デフォルトの名無しさん** · 2016/03/09(水) 02:26:14.01

>>224
TypeScript 1.8はモジュール拡張のサポートを提供する
http://www.infoq.com/jp/news/2016/03/typescript1-8-released

**デフォルトの名無しさん** · 2016/03/09(水) 13:38:59.08

C,C++などの
#ifdef ABC

#endif
みたない構文はありますか？

**デフォルトの名無しさん** · 2016/03/09(水) 13:55:35.24

>>250
ない。
もし不要なコードの排除が目的なら、単にif文を使っておいて、
出力した .js に Closure Compiler 等の最適化を行うポストプロセスすると
最終的な .min.js からは無駄なコードを消してくれる場合もある。

**デフォルトの名無しさん** · 2016/03/09(水) 14:19:18.40

>>251
なるほど。
でも、さっそく
if(false){
...　 // 不要なコード
}
としてみたら、
Unreachable code detected.
と出ました。
var use= false;
if (use == true) {
...　 // 不要なコード
}
で行けました。こんなやり方おかしいですか？

Closure Compiler はビルド後に実行するコマンドでやるのでしょうか？

**デフォルトの名無しさん** · 2016/03/09(水) 15:24:10.02

>>252
そんな感じでおｋ。var vs. const や == vs. === 等は
ポストプロセスとの相性があるだろうから試してくれ。
useの定義だけ単品のファイルにしてtsconfig.jsonで切り替えると良いかも。

もちろんtscの後に実行する。やり方はビルドツール次第。
デバッグ中はminifyされると面倒だから、リリース時だけ使うといい。

**デフォルトの名無しさん** · 2016/03/09(水) 20:12:15.23

>>253
サンキュウ。
君詳しいな。また教えてくれよ。

**デフォルトの名無しさん** · 2016/03/09(水) 20:52:59.74

関数のオーバーロードは、
function f(x: number):void;
function f(x: string): void;
function f(x: any): void {
...
}
とやるようですが、引数を取らない同名の関数も一緒に定義したいのですが、
function f():void;
これを上の定義に追加するとエラーします。
どうすれば良いですか？

**デフォルトの名無しさん** · 2016/03/09(水) 21:30:41.53

>>255
それ古い書き方。今時は
function f(x?: number | string): void { }
と書く

**デフォルトの名無しさん** · 2016/03/09(水) 21:32:56.87

古い書き方でやりたい場合は
function f(x?: number):void;
function f(x?: string): void;
function f(x?: any): void {
で出来る

**デフォルトの名無しさん** · 2016/03/10(木) 10:54:45.09

>>256>>257
うまくいったわ。ありがとう。

もう一つ教えて。Visual StudioでTypeScript勉強中なのだが、
function f(){
　　　...
　　　return ;
　　　...
}
とreturn入れると、
Unreachable code detected.
のエラーになってしまう。
JavaScriptなら警告だけなのに。
エラーになると実行出来ないのだが、対策ありますか？

**デフォルトの名無しさん** · 2016/03/10(木) 11:13:40.34

>>258
--allowUnreachableCode
tsconfig.json に書くなら "allowUnreachableCode": true
テスト用の一時的変更でない限り、高確率でバグだろうからな

**デフォルトの名無しさん** · 2016/03/10(木) 13:16:14.83

>>259
レスありがとうございます。
ググったらVS2013ではtsconfig.jsonが使えない？
ようなんですが、どうにかして
allowUnreachableCode を有効化する方法ありますか？

**デフォルトの名無しさん** · 2016/03/14(月) 07:46:17.33

JavaScriptの10個くらいのファイルがあり、それをTypeScript化したいのです。
全部のファイルで、同じmodule名で囲ったら、互いに変数や関数を参照出来ると思ったのですが、出来ませんでした。
TypeScriptではC#で言うところのPartial Classみたいにする方法ありますか？

**デフォルトの名無しさん** · 2016/03/14(月) 08:26:19.76

>>261
module/namespaceのexportしてないオブジェクトはローカル変数になるからできないね。
他のファイルから使いたいならexportするしかない。外部に公開されちゃうけど。

Partial Classについては、インスタンスなりprototypeなりに関数を代入すれば
似たようなことはできるけど、thisやsuperが扱えないかもしれないな。
インタフェースと declare var の組み合わせは代わりになるだろうか？ lib.d.tsを参考に。

**デフォルトの名無しさん** · 2016/03/14(月) 10:05:23.83

JavaScriptの方で擬似的に名前空間化されていないものに
後からnamespaceで囲う必要はないと思う

partial classは実行時に実現できたとしてもclass内部の型定義が不完全になるでしょ
interfaceはいくつでも同名で定義できるので、全てpartialのようなもの

**デフォルトの名無しさん** · 2016/03/14(月) 14:40:23.18

>>262 >>263
詳しい説明ありがとうございました。

>JavaScriptの方で擬似的に名前空間化されていないものに
>後からnamespaceで囲う必要はないと思う

JSのファイルは全部で50個くらいあり、
全部をTS化したいのです。
それで、取りあえず、ある特定の機能に関連している10ファイルを一つにしたくて、
同じmodule名で囲ってみました。

結局、その10ファイルの中でも互いに利用する関数はそれぞれexportして互いに利用し、
一方グローバル変数は一つのTSファイルに集めてそれらを全部exportして10個のTSや、他のJSファイルの中で利用しました。
こういう方針でやるのは、正統的ではないですか？
正しい手法があれば教えて下さい。

**デフォルトの名無しさん** · 2016/03/14(月) 15:30:12.67

たまたま見つけてタイムリーだったので張っておく。現実装に依存しすぎだとは思うが。
> TypeScriptのクラスをnamespaceで拡張する
ttp://qiita.com/ConquestArrow/items/5d885128f896844698dd

複数ファイルから成る出力全体をモジュールで包む機能って無いんだっけ？
単に function() { ... } で囲んでくれるだけで良いんだけれど。
モジュール内部の各所では使うものの、外部からアクセスする必要のないものはローカル化したい。

**デフォルトの名無しさん** · 2016/03/14(月) 15:55:47.88

最近はもうnamespaceを使うのはお勧め出来ないな。ES6の機能にないし
https://blogs.msdn.microsoft.com/typescript/2016/02/22/announcing-typescript-1-8-2/
この最初に書いてある方法がclassを拡張するには今時の方法なんじゃないかな？

ES6のmoduleは1ファイル1モジュールな感じだから全部のファイルを特定のモジュール名で括るという
考えは捨てるべきだと思われる
メインのファイルがそのほかを全部importして必要なものをexportするべきだろうね

**デフォルトの名無しさん** · 2016/03/14(月) 22:56:12.42

>>266
教えて貰ったリンク先見ても良く分かりません。
もう少し分かり易い例はどこかに無いでしょうか？

**デフォルトの名無しさん** · 2016/03/15(火) 19:08:51.76

>>265
classの中にnamespaceと言うのが
違和感有ります。皆さんはどうですか?

**デフォルトの名無しさん** · 2016/03/15(火) 20:09:42.73

どうでもいい

**デフォルトの名無しさん** · 2016/03/16(水) 00:53:23.89

どうでも良くない