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/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記入漏れと一緒にほしい。

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

http://blog.yux3.net/entry/2017/06/08/202859
あと objectとObjectがあるって知らなかった。
hyperappの型定義で始めて見た。

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

jsから呼ばれる部分はどうやってもチェックしようがないと思うぞ。

**デフォルトの名無しさん** · 2018/02/20(火) 18:34:14.34

yarnのワークスペースを使用して、Create React AppとCreate React Native App (Expo) で共通のコードを共有する
https://taiyaq.com/contents/gk1Kr17x8vW9LIozNo51lez9rr
を参考にしてcreate-react-app でtypescriptプロジェクトを作ったんだけど
ワークスペース内での型情報の共有がうまくいかない。
それぞれ単体では動くんだけど。既に試している人っている？

**デフォルトの名無しさん** · 2018/02/26(月) 16:47:13.03

ブラウザで動く個人的なちょっとしたものしか作らなくて、
ライブラリはimportしないで自分でscriptタグで読み込んでるから、
@typesの定義だけ欲しいんだけど、今って中身のないstubばかりで
importしないと使えないんだけど、これってどうすればいいのでしょうか？

仕方なくファイルをルートにコピーして、意味がわからないまま
export as namespace hogehoge; みたいな文をくっつけたりして
何とか機能するようにしてるけど、非常に困ってます

**デフォルトの名無しさん** · 2018/02/26(月) 17:28:19.81

.d.tsファイルでインポートすればいいはず

**デフォルトの名無しさん** · 2018/02/26(月) 19:51:46.67

いろいろやってみたけど、なかなか上手くいかない。
tsc --listFilesってやると、定義自体は読み込めてるようなんだけど、
要するに、d.tsファイルがIsomorphic modules (UMD global)ってやつに対応した書き方になってなくて、
それに対応するためにexport as namespace hogehoge; が必要だったりするらしい
https://www.typescriptlang.org/docs/handbook/modules.html#umd-modules

**デフォルトの名無しさん** · 2018/02/26(月) 21:54:01.34

>>974
ちょっと言ってることがわからないからこういうときは小さいサンプルでも作ってどっかにあげてみてくんない？
そしてそうやって小さくまとめてみると意外と自己解決したりするもんだ。

**デフォルトの名無しさん** · 2018/02/26(月) 23:16:55.53

例えばmomentを使う場合、scriptタグでmoment.jsを読み込んでいれば、
自分のjsではconsole.log(moment().format("YYYYMMDD hh:mm:ss"))みたいに使えます。
そのjsをtypescriptで書こうとした場合、moment()の定義が必要になります。
そこで@types/momentをインストールするわけですが、@typesはオワコンらしく、
実際にはmoment自体のパッケージもインストールされて、その中の定義ファイルが
参照されるようになります。
しかし、自分が使おうとしているmoment()は、トップレベルのwindow.moment()なわけですが、
定義ファイルでは、そのことが考慮されていないために定義を見つけられないようです。
(エラーは出ますが、anyとしてコンパイルはされます。)
その定義を見つけらるようにするおまじないが、export as namespace moment;のようです。

結局は、モジュールシステムに合わせた定義ファイルの書き方を
理解している人が少ないのだと思います。
export hogehoge とか export default hogehoge とか export = hogehogeとか
わけわかりません。

**デフォルトの名無しさん** · 2018/02/27(火) 01:53:35.35

>>978
@typesは別にオワコンじゃない。
型定義を提供するのに2つのルートがあるってだけ。
momentは作者側で型定義を提供してくれてるってだけ。

ところで解決したってことでいいんだよね？
/// <reference path="./mytypes/moment.d.ts"/>
みたいな感じでカスタムしたd.tsを読めばいいだけだし。

**デフォルトの名無しさん** · 2018/02/27(火) 01:59:51.55

つーかUMD対応中みたいだね
https://github.com/moment/moment/pull/3688

ワークアラウンドとして

import * as _moment from 'moment';
export as namespace moment;
export = _moment;

というd.tsを作ってimportすればいい

**デフォルトの名無しさん** · 2018/02/27(火) 12:44:23.84

import使っちゃった意味ないんだけどね
vueみたいに複数のファイルに分けられちゃうと大幅に変えないといけないから
気軽にプルリクできない感じがする
だが自分でその場しのぎの対応してると、バージョン上げられた時に詰む