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/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みたいに複数のファイルに分けられちゃうと大幅に変えないといけないから
気軽にプルリクできない感じがする
だが自分でその場しのぎの対応してると、バージョン上げられた時に詰む

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

勘違いしてた
import _moment from 'moment';
export as namespace moment;
export = _moment;
とか、
import _Vue from 'Vue';
export as namespace Vue;
export = _Vue;
みたいに書けばいいのか。
すごい。解決した

**デフォルトの名無しさん** · 2018/03/01(木) 22:44:29.35

次スレカモン

**デフォルトの名無しさん** · 2018/03/12(月) 23:33:32.22

TSConf 2018
https://tsconf.io/

初のカンファか

**デフォルトの名無しさん** · 2018/03/16(金) 08:23:22.72

Announcing TypeScript 2.8 RC
https://blogs.msdn.microsoft.com/typescript/2018/03/15/announcing-typescript-2-8-rc/

**デフォルトの名無しさん** · 2018/03/16(金) 14:11:16.40

>>983
次スレのテンプレに入れたほうがいいものとかある？

**デフォルトの名無しさん** · 2018/03/17(土) 00:42:53.78

tsconfigのexcludeの項目を、compilerOptionsの中に書いてて、何でダメなんだろう悩んじゃった
設定はcompilerOptionsの中に書くものと思い込んでて、全然気付けなかった

**デフォルトの名無しさん** · 2018/03/17(土) 21:01:59.42

>>986
リポジトリとかWikiとかWhat'sNewあたり？
あとは流れで

**デフォルトの名無しさん** · 2018/03/28(水) 08:14:57.22

Announcing TypeScript 2.8
https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/

**デフォルトの名無しさん** · 2018/04/02(月) 17:52:32.10

俺のtypescriptが好きすぎる感情をどこにぶつけていいかわからない

**デフォルトの名無しさん** · 2018/04/02(月) 18:53:21.97

Qiitaでええやろ

**デフォルトの名無しさん** · 2018/04/03(火) 10:37:57.34

>>990
俺も俺も！。qiitaでもいいしココでもいいよ！！

**デフォルトの名無しさん** · 2018/04/03(火) 11:33:16.29

次スレよろ

**デフォルトの名無しさん** · 2018/04/05(木) 19:58:55.32

スレ立てにぶつけることが決まったな

**デフォルトの名無しさん** · 2018/04/20(金) 07:03:30.59

どうしたん？人気あるわりにここ静かやん

**デフォルトの名無しさん** · 2018/04/20(金) 09:50:01.67

続きはCMのあとで！

**デフォルトの名無しさん** · 2018/04/24(火) 20:06:57.83

はよ次スレ

**デフォルトの名無しさん** · 2018/04/24(火) 21:50:54.24

うむ

**デフォルトの名無しさん** · 2018/04/26(木) 21:48:57.62

次
https://mevius.5ch.net/test/read.cgi/tech/1524746903/

**デフォルトの名無しさん** · 2018/04/26(木) 21:52:07.15

safariが次のIEと呼ばれているように、
Typescriptは次のcoffeescriptと言われているｗｗｗ

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 1092日 3時間 14分 38秒