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/09/20(水) 19:34:43.20

immutable.js v4まだちゃんと動かんのね。補完効くなら早く使いたい。

**デフォルトの名無しさん** · 2017/09/26(火) 15:23:42.06

TypeScript Deep Dive
https://basarat.gitbooks.io/typescript/
見つけた。読むと幸せになりそう

**デフォルトの名無しさん** · 2017/09/27(水) 03:23:26.68

更新履歴確認できる？

**デフォルトの名無しさん** · 2017/10/03(火) 18:20:58.44

https://blogs.msdn.microsoft.com/typescript/2017/10/02/typescript-turns-5/

Strict function types
https://github.com/Microsoft/TypeScript/pull/18654

五周年!

**デフォルトの名無しさん** · 2017/10/03(火) 18:39:35.95

まだ五年しかたってないんだ。

**デフォルトの名無しさん** · 2017/10/09(月) 07:06:58.86

flowは静的解析ツールでtypescriptが言語ってことでいいの？

**デフォルトの名無しさん** · 2017/10/09(月) 21:16:28.99

flowはゴミだから気にしなくていいよ

**デフォルトの名無しさん** · 2017/10/10(火) 03:03:10.33

今はTSとほぼ同じ構文が使えるみたいだし推論が強い分言語としてはFlowのほうが格上になったと思うよ
開発ツール等を含めた評価はどうなるか知らんが

**デフォルトの名無しさん** · 2017/10/10(火) 19:56:20.72

>>878
対応するライブラリが圧倒的に少ないからflowはゴミだよ
TSと完全互換とかならまだ可能性あったかもね

**デフォルトの名無しさん** · 2017/10/12(木) 06:43:35.33

最初は俺もゴミかと思ったけど静的解析ツールとしてってことだと
jsのプロジェクトに段階的に型をつけていくならありかなって思ったんだよね。

**デフォルトの名無しさん** · 2017/10/12(木) 08:50:48.19

>>880
TSだって段階的に型を付けられるっしょ。

**デフォルトの名無しさん** · 2017/10/14(土) 22:19:53.51

https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#localized-diagnostics-on-the-command-line

typescript 2.6 ローカライズが全面的に入るっぽい

**デフォルトの名無しさん** · 2017/10/14(土) 22:27:47.84

非英語Issueが次々と投げ込まれていくところを想像すると胸が熱くなるな
誰がこういうの決定してんだろ

**デフォルトの名無しさん** · 2017/10/15(日) 13:45:26.13

いままで入ってなかったのが不思議

**デフォルトの名無しさん** · 2017/10/15(日) 21:03:43.86

コマンドラインメッセージが日本語化されるの？いらんだろそれ

**デフォルトの名無しさん** · 2017/10/15(日) 21:27:06.79

ローカライズありがたいけどところどころ明らかな誤訳が混じってる

**デフォルトの名無しさん** · 2017/10/16(月) 08:15:42.86

誤訳を見つけてくれてありがとう
お前のプルリクを待ってるぜ！

**デフォルトの名無しさん** · 2017/10/16(月) 11:31:48.47

かえってわかりにくくなる

**デフォルトの名無しさん** · 2017/10/16(月) 12:12:06.22

コマンドラインよりhandbookの方を翻訳してほしいよね

**デフォルトの名無しさん** · 2017/10/17(火) 08:07:20.81

2.4.2から2.5.3に上げたら、User defined type-guard functionとTagged union typeの組み合わせで
型をうまく判断してくれなくなった。バグか仕様変更かどっちだろう？

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

issueあさりにいけ

**デフォルトの名無しさん** · 2017/10/18(水) 22:10:52.67

TypescriptでReact使ってる人にお聞きしたいんですけど
Componentを継承して新しいコンポーネントを作るわけですけど、
class CurrentComponet extends React.Component<Props> {
}
とつくってさらに
class NewComponet extends CurrentComponet {
}
とやってNewComponetをつくるとしますよね。
それはそれで使えるんですけどNewComponetのpropsはCurrentComponetのpropsしか使えないですよね。
PropsをNewComponet用に拡張する方法ってないですかね？
素直に一からComponent作るしかないでしょうか

**デフォルトの名無しさん** · 2017/10/18(水) 23:58:41.35

>>892
class CurrentComponet<T extends Props> extends React.Component<T> {
}

**デフォルトの名無しさん** · 2017/10/19(木) 09:09:43.33

>>893
うほー。神よ！
でもぶっちゃけ何が起こってるのかよくわかってないです。

> class CurrentComponet<T extends Props> extends React.Component<T> {
上記Tは一体いつ解決されてるんですかね。
そもそもTypeScriptでReactのコンポーネントの書き方ってこっちが正解だったりするんで？

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

それか
class CurrentComponet<T> extends React.Component<T&Props> {
}
でもいいな
こっちが使う側からすると楽かも

>>894
説明面倒だからggrks

**デフォルトの名無しさん** · 2017/10/20(金) 00:43:33.60

moment.js 便利だな
今更だが

**デフォルトの名無しさん** · 2017/10/21(土) 12:56:00.66

>>895
単純にReact.d.tsと見比べてみると良い。結局使う時に<Props>を使えるようにCurrentComponet<T> としておくのが目的
ジェネリクス型に追加情報を与えるための概念と考えると分かりやすい。
<T>をTopに残しておいてそこを解決すると React.Component<T>も自動的に追従する

**デフォルトの名無しさん** · 2017/10/22(日) 05:02:18.10

>>896
イミュータブル好きならこっちやぞ。
https://github.com/date-fns/date-fns

**デフォルトの名無しさん** · 2017/10/22(日) 05:09:40.65

>>870
いろいろあるけどちゃんと探した？
今さら誰かに再発明してもらって↓とかに勝てるの？
https://codesandbox.io

2017/10/22(日) 11:51:56.71

>>899
おっ。そこは知ってたけどTypeScriptのコード補完効くとしらなかったわ。ありがと

**デフォルトの名無しさん** · 2017/10/23(月) 21:24:20.12

地味にawait書き忘れてちゃんと動かないというパターンが多発してるんですが
TSLintでawait入れ漏れで指摘する機能ってないですかね？

**デフォルトの名無しさん** · 2017/10/23(月) 23:05:48.01

>>901
c#だと書き忘れた場合はコンパイラが警告出してくれるんだけどね

**デフォルトの名無しさん** · 2017/10/30(月) 07:24:42.96

もう10月終わるけどまた駆け込みリリースかね

**デフォルトの名無しさん** · 2017/11/01(水) 02:44:19.40

Announcing TypeScript 2.6
https://blogs.msdn.microsoft.com/typescript/2017/10/31/announcing-typescript-2-6/

**デフォルトの名無しさん** · 2017/11/01(水) 23:51:55.80

>>904
TypeScript 2.6.1 変更点
https://qiita.com/vvakame/items/d2c7cf142fa0af39d2d5

**デフォルトの名無しさん** · 2017/11/02(木) 12:10:31.71

Angular 5.0.0がリリースされました
https://medium.com/angular-japan-user-group/version-5-0-0-of-angular-now-available-9746ef966c7d

はやい、はやいよぉ…

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

ffのアップデート並み

**デフォルトの名無しさん** · 2017/11/02(木) 22:27:03.79

なお間に合わなかったバグフィクスはガンガン後回しにしてリリースする模様

**デフォルトの名無しさん** · 2017/11/03(金) 03:45:19.14

アジャイルってそういうもんだし

**デフォルトの名無しさん** · 2017/11/03(金) 05:18:11.47

>>906
アンギュラーってぶっちゃけ使ってる人いるの？

**デフォルトの名無しさん** · 2017/11/03(金) 07:42:27.47

Google自身が使ってないのにどうして使うというのか

**デフォルトの名無しさん** · 2017/11/08(水) 20:05:35.96

https://html5experts.jp/shumpei-shiraishi/24660/amp/

**デフォルトの名無しさん** · 2017/11/12(日) 02:41:12.23

2.6になったらコンパイルエラーが多発する。react-redux のconnect周りで。
なんでー

**デフォルトの名無しさん** · 2017/11/12(日) 13:16:12.66

MEAN勉強中なのにangulerってマイナーなの？ショック

**デフォルトの名無しさん** · 2017/11/25(土) 21:21:37.41

コンストラクタを複数定義できないのでしょうか？？

うーん。

**デフォルトの名無しさん** · 2017/11/25(土) 21:28:52.67

オーバーロードはできるけど、実装は１つとか・・
JSONへのシリアライズ・デシリアライズは自分で制御するので、
constructor(json: any)と
construcotr(parameter1: type1, parameter2: type2)
二つ用意したいんですけど。最初は
construcotr(parameter1: type1, parameter2: type2)だけ用意しえ、
staticメソッドの方に
statis parseJson(json: any): Class1として、そこでconstrucotr(parameter1: type1, parameter2: type2)を呼んでたんですけど、
これだと子に親のインスタンスの参照渡せないんですよね。

**デフォルトの名無しさん** · 2017/11/25(土) 21:37:57.59

ごめんなさい。これじゃ何いってるからんし、意味不明ですね。

**デフォルトの名無しさん** · 2017/11/26(日) 00:19:08.88

>>915
大分お疲れなようで…… Discriminated Unionsを使うとか?
https://jsbin.com/bequjusaya/1/edit?js,console

**デフォルトの名無しさん** · 2017/11/26(日) 04:33:36.78

オブジェクト指向を学ぼう

**デフォルトの名無しさん** · 2017/11/26(日) 23:18:17.65

願望なんだけど
Typescriptは言語自体がWebアプリ開発用に
丸ごとフレームワークになったら良いと思う。

Flash（flex）のActionscript3も
フレームワーク化達成した様だし。
http://flex.apache.org/

**デフォルトの名無しさん** · 2017/11/26(日) 23:25:22.11

>>920
JSのスーパーセット目指してるんだし無理に決まってんだろ

**デフォルトの名無しさん** · 2017/11/26(日) 23:28:03.09

すみませんリンク先間違ってました。
http://royale.codeoscopic.com/

**デフォルトの名無しさん** · 2017/11/26(日) 23:33:18.08

>>920
TypeScriptでkoa.js使えばいいんでわ？
なんか違うの？

**920** · 2017/11/26(日) 23:51:34.59

>>923
すみませんkoa.jsの存在を知りませんでした。
良さげなので検討してみます。

**デフォルトの名無しさん** · 2017/12/01(金) 19:48:21.81

人気沸騰中のはずなのに年々参加者が減っていきついにアドカレ作られすらしなくなったTypeScriptさん

**デフォルトの名無しさん** · 2017/12/01(金) 20:26:25.44

TypeScript関係ないけど、アドカレVue.jsすげぇな。React人気ないのか？？

**デフォルトの名無しさん** · 2017/12/01(金) 20:32:35.43

FBのゴタゴタがきいてるんかな

**デフォルトの名無しさん** · 2017/12/01(金) 22:04:45.62

アドカレ的にはjs扱いなんじゃね？

**デフォルトの名無しさん** · 2017/12/01(金) 23:41:41.28

ES6普及したから
AltJSへの興味が薄れてるんじゃね？

**デフォルトの名無しさん** · 2017/12/01(金) 23:55:12.47

まだasync await周りが完成してないけどね。
とりあえずmapとかfilterが普通に使えるようになってほしい

**デフォルトの名無しさん** · 2017/12/14(木) 10:19:06.97

stackblitzいいな。マジでplayground系の決定版感ある。
https://stackblitz.com/edit/react-ts

**デフォルトの名無しさん** · 2017/12/14(木) 16:42:58.78

typeScriptのinterfaceで配列の要素数を制約する方法ってありますかね？

**デフォルトの名無しさん** · 2017/12/14(木) 19:30:41.65

>>931
vscodeみてーなUIだな

**デフォルトの名無しさん** · 2017/12/14(木) 19:31:21.04

>>932
何に使うの？
空でない配列なら分かるけど

**デフォルトの名無しさん** · 2017/12/14(木) 19:43:58.65

tupleとして扱う

**デフォルトの名無しさん** · 2017/12/14(木) 20:36:42.23

tuple使え

**デフォルトの名無しさん** · 2017/12/14(木) 22:26:15.12

もしかして:タプル機能を知らない
let vec:[number,number=[1,1];

**デフォルトの名無しさん** · 2017/12/14(木) 22:27:31.03

ミス
let vec:[number,number]=[1,1];

もちろんこれでもOK
type Vec=[number,number];
let vec:Vec=[number,number];

**デフォルトの名無しさん** · 2017/12/14(木) 22:29:51.71

前にもタプルあるのにタプル欲しい言ってたやついたような

**デフォルトの名無しさん** · 2017/12/14(木) 23:16:24.01

https://www.typescriptlang.org/docs/handbook/advanced-types.html

タプルもだけど、このページ読んでない人多くね？
TypeScript語るなら&、|、is、keyofくらいマスターしておけよな

**デフォルトの名無しさん** · 2017/12/15(金) 00:23:56.02

>>937
すっかり忘れとりました。Enumとかも使ってなかった。
>>940
ですよね。

>>933
online vscode と名乗ってる

**デフォルトの名無しさん** · 2017/12/15(金) 10:29:49.56

(´･ω･`) デコレータがなんの役に立つのかわからん…

**デフォルトの名無しさん** · 2017/12/15(金) 12:12:33.81

一時期使ってみたが全部取っ払って今は一切使ってない
デコレータを使う設計自体が悪い
技術的負債になるワークアラウンドが不運にも市民権を得てしまったのがデコレータ
デコレータを使うのは未熟者の証

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

veu

**デフォルトの名無しさん** · 2017/12/15(金) 13:09:01.78

使ってないけど、デコレータはDI(dependency injection)(依存性の注入)に使うんでしょ？
そもそもそれが必要な事なのか知らんけど

**デフォルトの名無しさん** · 2017/12/15(金) 16:08:57.23

DIはコンストラクタ注入だけでいい
メソッドだの継承だのデコレータだの無駄に複雑なだけ

**デフォルトの名無しさん** · 2017/12/16(土) 11:15:39.58

Angularもけっこう深い沼だな…

**デフォルトの名無しさん** · 2017/12/16(土) 22:02:32.48

沼というか泥舟

**デフォルトの名無しさん** · 2017/12/17(日) 16:05:22.54

ionic はタイタニックだしな

**デフォルトの名無しさん** · 2017/12/18(月) 13:13:38.64

あげ

**デフォルトの名無しさん** · 2018/01/16(火) 20:27:44.97

interfaceを使ってるとjsonでセーブする時にすごく便利なんだけどメソッドが生やせないのが辛い。
なんとかならないかな

**デフォルトの名無しさん** · 2018/01/17(水) 16:20:55.33

手動で保存・復元すればOK

**デフォルトの名無しさん** · 2018/01/17(水) 16:23:04.93

まぁ、classレベルならいいけど、interfaceレベルだときついかもしれんが。

**デフォルトの名無しさん** · 2018/01/18(木) 18:36:14.16

Announcing TypeScript 2.7 RC
https://blogs.msdn.microsoft.com/typescript/2018/01/17/announcing-typescript-2-7-rc/

毎回RC版出してるけど、VSCodeやTSって更新早いからいらないと思う

**デフォルトの名無しさん** · 2018/01/24(水) 05:53:19.16

localStorageとかreduxとか使ってると意図せず型変換が入ってtscはDate型の想定なのに実際はstringという状況マジ勘弁してください。

**デフォルトの名無しさん** · 2018/01/24(水) 08:16:36.90

>tscはDate型の想定なのに実際はstringという状況

そりゃ不適切な型付けしてしまっただけじゃね？
stringを入る可能性があるanyをDateと決め打ちしたとか。

**デフォルトの名無しさん** · 2018/01/25(木) 22:12:47.33

DateがJSON serializableじゃないって話でTypeScriptの問題でもない

**デフォルトの名無しさん** · 2018/01/29(月) 11:43:46.31

インスタンスではなくclass を引数に取った関数を作りたいんですが、良い方法がないでしょうか？
redux.connectをラップする関数を作りたくて上記手段を求めています
サンプルコードはいかにおいています
https://goo.gl/FF5jFc

**デフォルトの名無しさん** · 2018/01/29(月) 11:48:46.22

>>958
すんません。自己解決
interface IBase {
new (message: string): Base;
}

**デフォルトの名無しさん** · 2018/01/29(月) 14:06:48.67

返り値とか省略すると推論してくれますけど推論の結果を取得する方法ってないですかね？
vscodeでカーソルを合わせてると出るんですけどカーソル合わせている間しか出ないのでコピペしづらくて。

**デフォルトの名無しさん** · 2018/01/29(月) 16:26:17.34

>>959
Baseって何を指すの？

**デフォルトの名無しさん** · 2018/01/31(水) 10:23:18.30

TypeScriptでglobal import的なものってないですかね？
ロガーを作ったんですけど、それを毎回importするのがしんどくて

**デフォルトの名無しさん** · 2018/02/01(木) 14:40:42.51

Announcing TypeScript 2.7
https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/

**デフォルトの名無しさん** · 2018/02/05(月) 22:05:36.77

>>963
TypeScript 2.7.1 変更点
https://qiita.com/vvakame/items/3a1e628e53a5dd99dfe0

2.8
Conditional types
https://github.com/Microsoft/TypeScript/pull/21316
Type inference in conditional types
https://github.com/Microsoft/TypeScript/pull/21496

**デフォルトの名無しさん** · 2018/02/05(月) 23:37:11.09

Conditional types関連は既にmergedなのか

**デフォルトの名無しさん** · 2018/02/06(火) 05:58:37.68

小躍りしながら使ってみたところ速攻でバグにぶち当たって無事死亡
修正されるまで一回休み

**デフォルトの名無しさん** · 2018/02/13(火) 05:54:42.41

型を後付した言語の限界があるよな。
ストレージに一度保存して意図せずjsonになってたり、関数のインターフェース上nullやundefind許容しない設定にしてても結局js側でnullの可能性のある値を渡されたらバグるし。

例えばjsとtsの境界部分。
モジュールとして外出ししている関数とかのインターフェースとかをきちんとnullチェックしてくれるコードを自動で埋め込んでくんないかな。

**デフォルトの名無しさん** · 2018/02/13(火) 06:47:09.07

それは信頼できないjsが悪いだけだろ
外部のクソコードはどうにもならん

**デフォルトの名無しさん** · 2018/02/13(火) 09:13:05.77

TypeScriptが目指してるのはコンパイル時型チェックであって実行時型チェックではない
コンパイル時型チェックならパフォーマンスに影響はない(処理系によってはむしろ向上する)が実行時型チェックは明確にパフォーマンスが落ちる

PHPなんかは実行時型チェックを実装しちゃったもんだからクラスのメンバに型宣言するRFCすらリジェクトされてる

**デフォルトの名無しさん** · 2018/02/13(火) 15:21:25.94

>>969
ですよね。それはわかっているんですが、、、、
せめてlint的な感じでjs向けのインターフェースが null| undefinedの可能性があるから直せみたいな警告が出るといいんですけど。
async func 内の await記入漏れと一緒にほしい。