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/

**デフォルトの名無しさん** · 2017/06/17(土) 10:56:23.79

typescript便利だけどやっぱり型が後付の弊害がなかなかしんどい。
nullを許容しない前提かと思って使っても結局
実体はnullが突っ込んであったりする。

**デフォルトの名無しさん** · 2017/06/17(土) 17:32:41.06

弊害じゃなくて人為的ミス
誤りに気付いた者が正せばいい

**デフォルトの名無しさん** · 2017/06/17(土) 22:27:47.68

swaggerのジェネレーターが出すコードなんだよね。プルリク出すのが面倒です

**デフォルトの名無しさん** · 2017/06/18(日) 00:50:13.20

サーバーサイドの言語仕様とswaggerがstrict null checkに対応してないだけであって
typescriptは何も悪くないのでは

**デフォルトの名無しさん** · 2017/06/18(日) 15:17:38.51

ほんそれ

**デフォルトの名無しさん** · 2017/06/18(日) 20:34:02.75

>>734
本体がstrict null check対応しても
モジュール側が対応してないとそこは無視するってことです？
例えばモジュールが強制的に T | undefined | null 型になるとかならいいんですけどね

**デフォルトの名無しさん** · 2017/06/19(月) 00:15:28.42

type Action =
{
type: “A”,
id: number
} |
{
type: “B”,
payload: any
} ….

みたいな定義がある時に

interface ALias {
[type: Action.type]: () => any;
}

export default <Alias> {
“A”: func1,
“B”: func2,
}

みたいに書けないですかね？
つまりAction.typeをinterface の条件に入れたいってことなんですが。

**デフォルトの名無しさん** · 2017/06/19(月) 09:56:19.65

インデックスシグネチャがstringかnumberしか受け入れない現状では
Aliasを定義する時点でキー(Action.typeの値)が
分かってるなら interface Alias { 'A'?: Func; 'B'?: Func; }
分からないなら interface Alias { [type: string]: Func; }

**デフォルトの名無しさん** · 2017/06/19(月) 20:30:47.90

>>730
interface Actions {
A: {id: number};
B: {payload: any}
}

interface Arias {[key in keyof Actions]: () => Actions[key]}

こういうことかな？

**デフォルトの名無しさん** · 2017/06/19(月) 21:29:43.40

携帯から書いたけどエラー起きてるし意図理解できてなかった。
こういうことかな？
type Action = { type: "A" } | {type: "B"};
type Arias = {[K in Action["type"]]: () => void}
http://i.imgur.com/17xtAlw.png

**デフォルトの名無しさん** · 2017/06/19(月) 22:19:36.13

Arias（笑）

**デフォルトの名無しさん** · 2017/06/20(火) 16:14:46.75

>>740
おー。聞いてみて良かったです。半分諦めてたんで。
上手く動きました。ありがとうございます。

**デフォルトの名無しさん** · 2017/06/21(水) 12:13:37.61

>>742
もっとこういう質問で賑わってほしい
書いてて気持ちいい言語だから
angularやreactは流行らなくていいけどフロント開発の標準はtypescriptになってほしい

**デフォルトの名無しさん** · 2017/06/21(水) 14:47:30.10

>>743
定義ファイルがなくて自作するハメになると途端に苦痛になるけどな。
あとReactというかReduxつかってて合わせてimmutable.js使ってると
いつの間にかclassがjsonに変わってることがあってその場合はtypescriptの型と合わなくなるから
しんどい。型が後付じゃない言語ならこういうことがないから、ちょっと辛い。
結局reducer内で使う時にjsonからimmuatblejsのclassに変換して
state返す時にjsonに戻す処理を毎回入れる方針になった。

immutable.jsは全然typescriptと相性が良くない。
XXX.set(‘member’, value) みたいな構文になるから。
もっとtypescriptで使いやすいimmutableなライブラリないかしら。

**デフォルトの名無しさん** · 2017/06/21(水) 16:08:20.66

>>744
新バージョンではXXX.setが型安全になるからもう少し待て
リテラル型とkeyofを使うらしい

**デフォルトの名無しさん** · 2017/06/21(水) 19:23:40.28

https://goo.gl/7Ty7Tq
こんな感じのコードでファイルのアップロード処理を作りたいんですが
上手く動かなくて悩んでいます。お助け下さい

**デフォルトの名無しさん** · 2017/06/21(水) 21:09:26.65

>>746
ブラウザのセキュリティ設定で、`input.click()`はfileエレメントには効かないみたいですね。
https://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input

**デフォルトの名無しさん** · 2017/06/21(水) 21:50:59.59

>>744
immutablejsというのは使ったことないけど、
XXX.set(‘member’, value)みたいな処理もkeyof使ってラップしてあげればkey毎に違う型のvalueに対応できる。
例えばES6のMap<K,V>クラスをラップすれば以下みたいなこともできる。
まあ新しいバージョンで対応されるならわざわざラップクラス作る必要ないがｗ
class TypeSafeMap...(省略

interface IObject {
name: string;
height: number;
isYes: boolean;
}

const safeMap = new TypeSafeMap<IObject>();
safeMap.get("name") // string型
safeMap.get("height") // number型
safeMap.set("name", 1) // NG
safeMap.set("name", "one") // OK

https://goo.gl/j6hy4T

**デフォルトの名無しさん** · 2017/06/21(水) 22:49:52.97

>>747
こちらは結局イベントリスナーをcickではなくchange にすることで上手く動くようになりました。

>>748
typescriptのジェネリクスの性能いいですね。
結構知らない機能がまだありそう。

**デフォルトの名無しさん** · 2017/06/22(木) 00:17:25.62

>>749
それはよかったです、てっきりclickイベントをjsで発火させてファイル選択ダイアログを自動で開かせたいのか思ったw

**デフォルトの名無しさん** · 2017/06/22(木) 17:18:45.24

>>750
そうなんですけどリスナーのイベント指定がclickではなくchnageだったってことです。
https://goo.gl/QHZCsG

before
i.addEventListener(‘click’, async (e) => {
after
i.addEventListener('change', async (e) => {

**デフォルトの名無しさん** · 2017/06/22(木) 18:30:45.28

>>751
たしかのそれもひとつの原因ですね
ですがclickイベントの発火も多分動かないのでは？chブラウザにもよると思いますがchromeで動かなかったですよ

**デフォルトの名無しさん** · 2017/06/22(木) 19:47:44.81

>>752
動きましたよ。少なくともchromeでは。動くコードを>>751に貼ったんで

**デフォルトの名無しさん** · 2017/06/22(木) 20:06:21.77

>>753
>>751は手動のクリックイベントからclick発火してるので動きますね
>>746はsettimeout内でclick発火してるので、動かないです

**デフォルトの名無しさん** · 2017/06/24(土) 00:04:21.44

typescriptでreduxのミドルウェア書いてる人っていませんか？

export interface Middleware {
<S>(api: MiddlewareAPI<S>): (next: Dispatch<S>) => Dispatch<S>;
}

上記interfaceを満たすコードを書けなくて困ってます。サンプルコード的なのどっかにないですかね？

**デフォルトの名無しさん** · 2017/06/25(日) 15:04:59.28

reduxってreact関係の何かなのかな？
相変わらずreactの作法は意味不明
流行らずに消えてほしい

**デフォルトの名無しさん** · 2017/06/25(日) 15:18:46.73

すみません
今パッケージングというのかライブラリのシステムは何を使うのが正解何ですか？
electronやってみようと思ってタイプライブラリをいれようと思っていろいろなサイト見てやってるんですが
どれも失敗します

今の定番の方法を紹介してるサイトってありませんか？
それとも今は時期がまずいんでしょうか？

**デフォルトの名無しさん** · 2017/06/25(日) 16:41:50.61

npm -i @types/XXXX

**デフォルトの名無しさん** · 2017/06/25(日) 17:11:28.11

>>757
よくわからないけどelectronのtypescript開発は少しややこしい
メインプロセス側と画面側でプロジェクト分けるのが主流で、メインプロセス側はgulpビルド、画面側はwebpackビルドみたいになって少しややこしい

**デフォルトの名無しさん** · 2017/06/25(日) 19:32:19.06

回答ありがとうございました

もうしばらく待ってみます

**デフォルトの名無しさん** · 2017/06/26(月) 10:42:55.52

>>756
はやっちゃってるんだよなぁ。
React自体は凄くTypeScriptとの親和性は高い。というかむしろ推奨しているくらい。
ただReduxはTypeScriptからどう使えばいいのかよくわからなくて

**デフォルトの名無しさん** · 2017/06/26(月) 15:37:27.06

>>755
自己解決したので書いておきます
ただのロガーの場合

import { Action } from 'actions';
import { State } from 'reducers';

export function myMiddleware(store: redux.MiddlewareAPI<State>):
(next: redux.Dispatch<State>) => redux.Dispatch<State> {
return (next: redux.Dispatch<State>) => (action: Action): Action => {
console.log(store.getState());
let result = next(action);
console.log(store.getState());
return result;
};
}

**デフォルトの名無しさん** · 2017/06/27(火) 16:22:46.76

typescriptで書かれてる有名なライブラリって何があるの？
Rx.jsはtypeScriptで書かれてたね。

**デフォルトの名無しさん** · 2017/06/27(火) 16:42:32.21

フレームワークだけどngx

**デフォルトの名無しさん** · 2017/06/27(火) 18:35:39.52

Dartどっかいったな

**デフォルトの名無しさん** · 2017/06/27(火) 19:04:32.75

googleが作る言語はゴミばっかだからしゃーない
言語のセンスは圧倒的にMSの方が上
MSというよりヘルスバーグが有能すぎる

**デフォルトの名無しさん** · 2017/06/27(火) 22:13:14.24

>>766
goはいいぞ。素朴でモダンという相反する要素を持ち合わせてる。
エコシステムはモダン。
言語仕様は素朴。

**デフォルトの名無しさん** · 2017/06/27(火) 22:20:02.75

J++とかJ#とかManaged C++とか割と救いようのないものも作ってるけどねMicrosoft
でも全体としては確かに良い言語が多い印象

Googleの言語もGoとか(使ったことないけど)人気みたいだし, そもそも作った言語の数が大分違う気が

**デフォルトの名無しさん** · 2017/06/27(火) 23:37:36.64

>>767
ジェネリクス追加されるまでは様子見…

**デフォルトの名無しさん** · 2017/06/28(水) 03:33:15.38

マイクロソフトはvsc出したときはなんでatomの二番煎じやってんのって思ったけどやはり製品としての完成度高くて感動する。
開発環境作らせたら最強と言う噂は伊達じゃない。

**デフォルトの名無しさん** · 2017/06/28(水) 09:12:54.31

>>763
angular2

**デフォルトの名無しさん** · 2017/06/28(水) 14:22:19.39

Announcing TypeScript 2.4
https://blogs.msdn.microsoft.com/typescript/2017/06/27/announcing-typescript-2-4/

**デフォルトの名無しさん** · 2017/06/28(水) 16:15:00.25

MSは言語と開発環境では最強
ネットや機械学習ならGoogle
アップルは…嫌い

**デフォルトの名無しさん** · 2017/06/28(水) 16:19:23.04

MSは言語と開発環境では最強
ネットや機械学習ならGoogle
アップルは…嫌い

**デフォルトの名無しさん** · 2017/06/28(水) 16:28:12.57

>>774
何こいつ怖い

**デフォルトの名無しさん** · 2017/06/29(木) 16:13:29.70

すいません。

例えば以下のようにアクションを定義してあったとして

export type Action =
{
type: 'FETCH_MAIN_FEEDS';
} |
{
type: 'SET_MAIN_FFEDS';
payload: comm.Contentlist;
} |
{
type: 'DO_NOTHING'
};

ジェスリクスの仕組みを使って
type ActionType = 'FETCH_MAIN_FEEDS' | 'SET_MAIN_FFEDS' | 'DO_NOTHING'
をActionの内容変更に合わせて自動的に作る方法ってないですかね

**デフォルトの名無しさん** · 2017/06/29(木) 16:20:59.60

自己解決
export type Action =
{
type: 'FETCH_MAIN_FEEDS';
payload: undefined;
} |
{
type: 'SET_MAIN_FFEDS';
payload: comm.Contentlist;
} |
{
type: 'DO_NOTHING';
payload: undefined;
};

type ActionType = Action['type'];
type PayloadType = Action['payload'];

思いの外簡単であった

**デフォルトの名無しさん** · 2017/07/10(月) 13:26:30.50

typescriptのエラーってよくわかんないことある

(81,32): error TS2322: Type '{ path: "/logout"; component: typeof Logout; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Route> & Readonly<{ children?: ReactNode; }> & Rea...'.
Type '{ path: "/logout"; component: typeof Logout; }' is not assignable to type 'Readonly<RouteProps>'.
Types of property 'component' are incompatible.
Type 'typeof Logout' is not assignable to type 'StatelessComponent<RouteComponentProps<any> | undefined> | ComponentClass<RouteComponentProps<any...'.
Type 'typeof Logout' is not assignable to type 'ComponentClass<RouteComponentProps<any> | undefined>'.

ってでて、何のことかわからない。

偶然解決して、総合するとReact.Componet<P,S>のSをvoidに指定は駄目ってことらしい。
上記エラーメッセージからどう読み取ればそういうことなわけ？

**デフォルトの名無しさん** · 2017/07/10(月) 19:20:13.57

template登場したての頃のc++みたいだな

**デフォルトの名無しさん** · 2017/07/12(水) 20:52:57.67

@typesやパッケージ自身が持っているd.tsに問題があるとき、自分のプロジェクト内で
部分的に修正版と差し替えたりできないのかな？
Typescript2.4に上げたらいくつかのパッケージがエラーを出すようになってしまったんで
大元が対応するまでの間ちょっと回避したいんだが。

**デフォルトの名無しさん** · 2017/07/12(水) 21:44:01.43

>>780
https://teratail.com/questions/83920

**デフォルトの名無しさん** · 2017/07/12(水) 22:50:59.04

リンク先のそれは解決法として正しいのかという疑問はあるがとりあえず、declareで
定義を上書きできるということかな。試してみるわ。ありがとう。

**デフォルトの名無しさん** · 2017/07/13(木) 12:11:08.28

ここでredux-observale薦めてもらったのもあって試してるんだけど
epicを書く時 action$.ofType('FIRST’)って書いてfilterするのはいいんだけど返ってくる
Observaleがtype:’FIRST’に絞り込められてくれない。
無理やりキャストして使えってこと？
いい方法教えてください

**デフォルトの名無しさん** · 2017/07/14(金) 00:10:59.94

VS2017は2015と違ってJavaScriptで
var a = {};
a.b = 1;
と書いてその下に「a.」と入力しても候補にnumber型プロパティとしてのbはない
TypeScriptのnamespaceがブラウザの生JavaScriptでも使えるようになったら便利そうなんだけどな

**デフォルトの名無しさん** · 2017/07/14(金) 15:42:06.74

>>782
いやいや。具体的に指摘してほしいな。
reduxのactionは基本的にobjectであれば何でもあり。というスタンスのもので
そのactionに継承関係を設定してるのはたまたま定義ファイルの作者がなんとなく決めた程度のものでしかない。

となると元々の定義を修正してしまっても不都合はないと思うんだが。

更にいうとreduxのmiddlewareの定義ファイルも、結構declareで大元のreudxの定義を改変してる。
(redux-thunkとかredux-promiseとか)

**デフォルトの名無しさん** · 2017/07/14(金) 22:07:24.48

「具体的に」と言っている当人が具体的にに何を指摘しているのかわからない件

**デフォルトの名無しさん** · 2017/07/17(月) 02:22:25.78

モジュール拡張書いてる人っていますか？
ローカルではうまく書けるんだけど、
npmで管理して外部モジュール化しようとするとうまく動かなくなる。
jsとd.tsに別れるとだめなんだろうか、、、、。
なんか参考になるnpmライブラリが有るなら事に教えてくださいm(_ _)m

**デフォルトの名無しさん** · 2017/07/17(月) 09:24:35.44

>>787
jsとd.tsを同じ所に置けばおｋ
angularとか参考になるよ

**デフォルトの名無しさん** · 2017/07/17(月) 12:07:57.24

>>788
ありがとうざいます。js とd.tsは同じ場所においてます、、、、
ちょっとangularはわからなかったのですが
rxjs5はoperatorをモジュール拡張の仕組みを使っているので参考になりました。
それを元に書いてるんですが、、、
どうしてもうまくいかないです。

**デフォルトの名無しさん** · 2017/07/17(月) 12:30:35.11

>>789
npm rxjsした時のフォルダ構成とビルド結果が同じようにすればおｋ
もちろんパッケージ.jspnとかもな

**デフォルトの名無しさん** · 2017/07/20(木) 13:43:30.16

typescriptってユーザー数多そうなのに
どこに生息してるん？
teratailもあんまりいなさそうだし。slackとかかね？
おせーてください

**デフォルトの名無しさん** · 2017/07/20(木) 15:04:36.06

typescript は google 社員御用達だぞ
ここのレスも 99 割が google 社員のもの

**デフォルトの名無しさん** · 2017/07/20(木) 15:14:04.11

MSとgoogleのマリアージュとか最高じゃないかな。

**デフォルトの名無しさん** · 2017/07/20(木) 17:31:24.01

>>791
TypeScriptはほぼJSだから他の言語と違って特に質問するような事ないし…

**デフォルトの名無しさん** · 2017/07/20(木) 20:56:24.88

>>794
定義ファイル周りとか結構悩むことない？
例えばreduxとかそのまま使うとTypeScriptの補完機能を活かしきれなくて
typescript-fsaとかを使って補強してやると凄く調子良く動く。

**デフォルトの名無しさん** · 2017/07/28(金) 10:18:51.65

https://jp.vuejs.org/v2/guide/typescript.html
vuejsもtypescriptとの親和性上がってるのかな。
昔はいまいちだったんだけど

**デフォルトの名無しさん** · 2017/07/28(金) 21:08:46.09

typescriptでjest使ってる人っています？
行番号がめちゃくちゃになっちゃうんですが、どうすればいいんですかね？
inlinesoucrmap: trueにセットしても改善せず。
行番号以外は上手く動いてるんですけどね。

**デフォルトの名無しさん** · 2017/07/30(日) 23:55:24.33

es2015とかes2017はどうかな？
async await使えるの幸せ。

**デフォルトの名無しさん** · 2017/08/03(木) 14:06:03.33

さすが俺達のTypeScript

TypeScripts Type System is Turing Complete
https://github.com/Microsoft/TypeScript/issues/14833

**デフォルトの名無しさん** · 2017/08/03(木) 19:19:00.00

>>799
ジェネリグスだけでプログラミングできるってこと？
わけわかめ

**デフォルトの名無しさん** · 2017/08/04(金) 00:27:45.60

ようやくHTML+CSSに追いついたわけだな
https://cpplover.blogspot.com/2013/10/blog-post_20.html

**デフォルトの名無しさん** · 2017/08/12(土) 11:10:59.59

tsconfig.json で noImplicitAny をtrueにしてみたら、npmからのモジュールをimportしている部分で
こういうエラーが大量に出るようになってしまった。

error TS7016: Could not find a declaration file for module 'モジュール名'.

importをrequireに戻したら逆に不便だし、自分で .d.ts を用意するには数が多すぎて追いつかない。
noImplicitAny の対象を自分のコードのみに限定する(node_modules以下を対象外とする)
なんてことはできないんだろうか。

**デフォルトの名無しさん** · 2017/08/12(土) 11:34:41.06

>>802
俺は普通に使えてるけどな。tsconfig全体を貼ってみたら？

**デフォルトの名無しさん** · 2017/08/12(土) 11:38:02.30

あと使ってるライブラリも。ライブラリによって違うのかな？
俺はreduxとかreactとかmoment.jsとかimmutable.jsとか色々入れてるけど
特にそういう不具合が起きたことはないな。
多分デフォルトでtsconfigの中身はnode_modules対象外な気がする。

一応聞くけどwebpack使ってないよね？

**デフォルトの名無しさん** · 2017/08/12(土) 11:51:37.20

このへんのモジュールが引っ掛かった。全部じゃないけど。

react-spin
cookie-parser
uuid-parse

>一応聞くけどwebpack使ってないよね？

そう、webpack使ってる。

module: {
rules: [
{
exclude: /(node_modules)/,
test: /\.[jt]s$/,
use: [ { loader: 'ts-loader', options: { configFileName: "tsconfig.json", } } ]
}
]
},

tsconfig.json はこんな感じ。
{
"compilerOptions": {
"module": "commonjs",
"target": "es6", "allowJs": true, "strictNullChecks": false,
"noImplicitAny": false, "noImplicitThis": true, "noImplicitReturns": true, "sourceMap": true
},

"exclude": [ "node_modules" ]
}

excludeの設定を間違えているのかな？

**デフォルトの名無しさん** · 2017/08/12(土) 15:39:16.07

なんだ、全部のd.tsが見つからないって言ってるわけじゃないなら、node_modules関係なくない？
足りないd.tsファイルは自作するしかないでしょ。インストールしたのに見つからないなら問題だけど

**デフォルトの名無しさん** · 2017/08/12(土) 15:56:35.18

webpackのresolveが抜けてるんじゃない？

resolve: {
extensions: ['.ts', '.tsx', '.js', '.jsx'],
modules: [
"node_modules/"
]
},

**デフォルトの名無しさん** · 2017/08/12(土) 16:09:16.06

>react-spin
あとreact-spinは型定義にないみたいね。でもこれくらいなら五分で自作できるから大丈夫。

**デフォルトの名無しさん** · 2017/08/12(土) 18:30:45.13

>>806
noImplicitAny = false なら .d.ts が無くても使えていたんで何か方法はないかと思ったけど、
無いならしょうがないね。ありがとう。

**デフォルトの名無しさん** · 2017/08/12(土) 19:23:03.92

>>809
いやいや。簡単だから諦めないでよ。特にreact-componentなら簡単に自作できる

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/material-ui-pagination/index.d.ts
これとか参考になると思う

**デフォルトの名無しさん** · 2017/08/12(土) 19:49:53.59

最初に書いたとおり、単に数が多いからやってられんてだけ。

**デフォルトの名無しさん** · 2017/08/12(土) 19:58:06.64

>>811
あーなるほど失礼
もともとjs案件だったってこと？

**デフォルトの名無しさん** · 2017/08/13(日) 21:25:13.43

(new Error()).stack みたく実行箇所のtsファイル名と行番号を取得する方法ってないですかね。
プリプロセッサみたくコンパイルする過程でファイル名と行番号に変換するような定数があればいいんですけど

**デフォルトの名無しさん** · 2017/08/15(火) 09:46:45.08

o : any が"x"というメンバーを持っているか調べるのは if ("x" in o) でできるけど、
o.x の型がstringかどうか調べようと if (typeof o["x"] === "string") とやるとESlintの
no-string-literalに引っかかってしまう。
このルールを無効にする以外にメンバーの型をチェックする方法ってないですかね？

**デフォルトの名無しさん** · 2017/08/15(火) 14:18:14.33

>>814
無理 any型を使ってる時点でtsにできることは無い

**デフォルトの名無しさん** · 2017/08/15(火) 14:30:58.84

>>814
一旦変数に入れてからアクセスすればいいんじゃない

const x = "x";
if (typeof o[x] === "string") { ...

**デフォルトの名無しさん** · 2017/08/15(火) 15:31:46.37

>>816
なるほど、そんな方法が。うまくいったみたい。ありがとう。
使う直前で変数に入れるならdisableにするのとさほど変わらないけど、メンバー名はどこかで
一元管理しておけってことかな。

**デフォルトの名無しさん** · 2017/08/15(火) 17:11:17.08

>>817
単に変数oにinterface定義してあげればいいだけでは。
そもそもtslintじゃなくてeslint使っているという状況もよくわからない

**デフォルトの名無しさん** · 2017/08/15(火) 17:54:36.31

あぁ、eslintって書いたのはtslintの間違い。

>単に変数oにinterface定義してあげればいいだけでは。

ネットワークやファイル経由のjsonとか、型情報が落とされたオブジェクトからの復元なんで。

**デフォルトの名無しさん** · 2017/08/15(火) 23:34:39.69

>>818
いや静的型チェックと実行時型チェックをごっちゃにしちゃダメでしょ
TypeScriptは静的型チェックを提供するものなんだから実行時型チェックにinterfaceなんて持ち出す道理がない

**デフォルトの名無しさん** · 2017/08/17(木) 11:02:47.05

>>820
そうだったね。ごめん

**デフォルトの名無しさん** · 2017/08/22(火) 22:13:44.37

TSの環境の開発の旗振りって誰？
いつになったら開発環境が安定するの？

webの情報のほとんどが古くて使えない

**デフォルトの名無しさん** · 2017/08/22(火) 22:37:14.07

まずVSCodeをインストール
npmでts2.xをインストール
型定義は@types/xxxxxxx

**デフォルトの名無しさん** · 2017/08/23(水) 13:19:39.56

msで作ってるから、まずはmsの開発環境試してみればいいんだろうけど、
大元の実装が不安定だったりするの？
https://github.com/Microsoft/TypeScript/wiki/Architectural-Overview

**デフォルトの名無しさん** · 2017/08/23(水) 13:23:34.59

TypeScriptの実装じゃなくて環境の方だろ？
型定義ファイルもTypingsとか@typesとかいろいろ変遷してきたし

**デフォルトの名無しさん** · 2017/08/23(水) 19:59:00.18

TypeScript1.0が出たころ何冊も本が書かれたけど、その後どんどん進化するから誰も手を出さなくなったな。

**デフォルトの名無しさん** · 2017/08/23(水) 20:36:30.14

進化に関係なく使う人が居て需要があれば本は出される
出されないってことは・・そういうことだ

**デフォルトの名無しさん** · 2017/08/25(金) 02:06:21.27

ジェネリクスで教えてほしいことがあるんですが
型がundefinedかそうでないかで処理分岐をしたいんですがどうすればいいでしょうか

https://goo.gl/L6wazS

上記のようなコードはジェネリクスだとPはコンパイル時に解決されるものだからダメですよね。
じゃあどうすればいいんでしょうか。
もちろん引数にpayload:P みたいなのがあればtypeGaurdが使えるんですけど、それがない場合は？

**デフォルトの名無しさん** · 2017/08/25(金) 07:45:31.16

試してないけど、Pのローカル変数を置いてみるのは？
初期化できないとダメかな。

**デフォルトの名無しさん** · 2017/08/25(金) 09:42:23.66

コンパイル時に型自体の比較が出来ればいいんだけどねぇ