http://www.typescriptlang.org/
JavaScript that scales.
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Any browser. Any host. Any OS. Open Source.
part1
https://peace.5ch.net/test/read.cgi/tech/1349187527/
part2
https://mevius.5ch.net/test/read.cgi/tech/1430386649/
探検
TypeScript part3
レス数が950を超えています。1000を超えると書き込みができなくなります。
1デフォルトの名無しさん
2018/04/26(木) 21:48:23.07ID:mMDBzDaB855デフォルトの名無しさん
2021/10/19(火) 17:26:32.56ID:LLvKMRJR856デフォルトの名無しさん
2021/10/19(火) 19:00:11.55ID:W8Yk+b6r >>855
Promiseもサポートされてないです
function libFunc( myFunc: (x: X) => Y )
イメージとしてはこんな感じで
myFuncはPromiseを返せないようなってます
myFuncのなかでOneWayのPromiseを走らせてPromiseを捨てることはできますが
libFuncはmyFuncの戻りであるYを使って処理を続けるのでOneWayでは意味がありません
Promiseもサポートされてないです
function libFunc( myFunc: (x: X) => Y )
イメージとしてはこんな感じで
myFuncはPromiseを返せないようなってます
myFuncのなかでOneWayのPromiseを走らせてPromiseを捨てることはできますが
libFuncはmyFuncの戻りであるYを使って処理を続けるのでOneWayでは意味がありません
857デフォルトの名無しさん
2021/10/19(火) 19:38:25.38ID:QUfGkxyV const ox = await new Promise(resolve=>
libFunc(x=> {
// yを作成
resolve(x)
return y
}))
とかじゃ駄目なん?
libFunc(x=> {
// yを作成
resolve(x)
return y
}))
とかじゃ駄目なん?
858デフォルトの名無しさん
2021/10/19(火) 20:05:08.21ID:W8Yk+b6r859デフォルトの名無しさん
2021/10/19(火) 20:07:52.68ID:2lJX9loQ >>856
やりたいことがいまいちわからんが、同期呼び出しでmyFuncの結果を取得したいというならそれは無理。
やりたいことがいまいちわからんが、同期呼び出しでmyFuncの結果を取得したいというならそれは無理。
860デフォルトの名無しさん
2021/10/19(火) 21:03:40.36ID:LLvKMRJR Promiseも使えないならもう一つ昔のコールバックヘル方式でやるしかないね
861デフォルトの名無しさん
2021/10/19(火) 21:14:06.31ID:QUfGkxyV862デフォルトの名無しさん
2021/10/28(木) 09:19:43.09ID:Qx9i2vDk 変数の先頭に$を付けるのは何の意味があるのでしょう?
863デフォルトの名無しさん
2021/10/28(木) 09:36:01.90ID:3VMLYSLP そんな事しません
864デフォルトの名無しさん
2021/10/28(木) 23:51:25.40ID:vOpe/LV1 DOM のエレメントだよって示す
865デフォルトの名無しさん
2021/10/29(金) 00:01:40.58ID:e9XHTkBz PHPerでも出来た!と主張する
866デフォルトの名無しさん
2021/10/31(日) 10:32:24.95ID:gOKmIPxI Cの __FILE__ や __LINE__ みたいにトランスパイル前のファイル名や行番号を埋め込む方法って無いのかな?
一応source-map-supportでスタックトレースは読めるようになったけど、もっと手軽に埋め込むログで
場所を示せたらいいんだが。
一応source-map-supportでスタックトレースは読めるようになったけど、もっと手軽に埋め込むログで
場所を示せたらいいんだが。
867デフォルトの名無しさん
2021/10/31(日) 12:11:14.90ID:Xdv2iZD2 TypeScript の仕事じゃない
868デフォルトの名無しさん
2021/10/31(日) 12:31:29.22ID:gOKmIPxI tscの前にプリプロセッサとかかまして実現できるならそれでもいいんだけど。
869デフォルトの名無しさん
2021/10/31(日) 12:33:38.24ID:OQlLkoA+ しょせんはトランスパイラ
多くを求めたらダメだ
多くを求めたらダメだ
870デフォルトの名無しさん
2021/10/31(日) 21:52:21.68ID:plSPEajD >>866
英語で議論できれば提案すればいいと思うけどね
英語で議論できれば提案すればいいと思うけどね
871デフォルトの名無しさん
2021/10/31(日) 22:25:46.49ID:+4LFgdgS >>868
手動でやるのは簡単だよね?
TS使ってないからビルドシステム知らんけど、Pythonか何かを挟み込める余地があったらそこでやってしまえば?
或いはいっそのことmakefileでラップしてしまうとか。(makefile内でビルドコマンドを起動)
手動でやるのは簡単だよね?
TS使ってないからビルドシステム知らんけど、Pythonか何かを挟み込める余地があったらそこでやってしまえば?
或いはいっそのことmakefileでラップしてしまうとか。(makefile内でビルドコマンドを起動)
872デフォルトの名無しさん
2021/10/31(日) 23:58:24.90ID:gOKmIPxI ありがとう。無いってことね。
873871
2021/11/01(月) 00:27:26.36ID:M14pmKjL >>872
多分ね。(俺は871、TS使ってない)
他言語(何だったかは忘れた)でも同様に「ないのか?」って聞かれてて、
仕様に入れない理由が「ちゃんと関数名書け」だったと思ったよ。
実際あれって、実装するのは簡単だけど、Cにしかないでしょ。
個人開発ならともかく、Gitな今だと複数バージョンが同時に使われてたりするから、収拾付かなくなるのではないかな。
その辺のCの便利機能って、今の大規模開発にはフィットしないから、基本的には嫌われてる。
多分、提案したところで入らない。
多分ね。(俺は871、TS使ってない)
他言語(何だったかは忘れた)でも同様に「ないのか?」って聞かれてて、
仕様に入れない理由が「ちゃんと関数名書け」だったと思ったよ。
実際あれって、実装するのは簡単だけど、Cにしかないでしょ。
個人開発ならともかく、Gitな今だと複数バージョンが同時に使われてたりするから、収拾付かなくなるのではないかな。
その辺のCの便利機能って、今の大規模開発にはフィットしないから、基本的には嫌われてる。
多分、提案したところで入らない。
874デフォルトの名無しさん
2021/11/01(月) 00:59:41.61ID:KlMso67D TypeScriptのポリシー的に絶対入らない
875デフォルトの名無しさん
2021/11/01(月) 08:42:35.30ID:43zjctJQ 技術的にそう難しくもなさそうなのに今無いってことはもう入れられる見込みは無いんだろうけど
これが絶対に相容れられないようなポリシーってなんかあったかな?
これが絶対に相容れられないようなポリシーってなんかあったかな?
876デフォルトの名無しさん
2021/11/01(月) 18:25:45.93ID:ZjFzlu/6 TSって滅多にクラス使わないけどDIってどうやってんの?
877デフォルトの名無しさん
2021/11/01(月) 20:45:04.19ID:bXtGRcPZ クラス全く使わないわけじゃないよ。まぁ明示的に副作用使いたい時ぐらいしか使わないけど
878デフォルトの名無しさん
2021/11/11(木) 15:10:53.10ID:CHcG8Nbi DIの件はこれで解決した
function F(deps: { … }, p1: T1, p2: T2)
よくよく考えると
たったこれだけのことだったんだ
フレームワークとかややこしいことを考えたのが間違いだった
function F(deps: { … }, p1: T1, p2: T2)
よくよく考えると
たったこれだけのことだったんだ
フレームワークとかややこしいことを考えたのが間違いだった
879デフォルトの名無しさん
2021/11/11(木) 19:34:48.71ID:CHcG8Nbi type X = {
foo: string;
bar: string;
baz: string;
}
この型から
type Y = {
foo: string;
bar: string;
}
この型をMappedTypesで定義したい
つまり特定の属性を除去した型を作りたいのだけど出来る?
foo: string;
bar: string;
baz: string;
}
この型から
type Y = {
foo: string;
bar: string;
}
この型をMappedTypesで定義したい
つまり特定の属性を除去した型を作りたいのだけど出来る?
880デフォルトの名無しさん
2021/11/11(木) 21:14:57.72ID:P2a3zHOn Utility Types の Omit とか。
881デフォルトの名無しさん
2021/11/16(火) 12:37:58.33ID:Gu6EBfCm .NETでいうところの.NET StandardのようなものってTSには無いの?
フルスタックでTS使う案件に間違って入っちゃったんだけど環境ごとに何が出来るのか把握しきれなくてツラミを感じる
ストリームと文字列の処理みたいな「こんなもんどの環境でも動くだろ」ってコードすら移植すると動かない時があって泣きそう
スタンダードなライブラリが無いならビルダーの設定でもいい
tsconfigでターゲットプラットフォームとランタイムバージョンを指定すると「このパッケージはこのターゲットプラットフォームでは使えないよ」って教えてくれるだけでもだいぶ楽になると思うんだけど…
こういう機能ってどっかに絶対あると思うんだけどググっても古い断片的な情報ばっかり出てきてその設定を探すのも難しい
フルスタックでTS使う案件に間違って入っちゃったんだけど環境ごとに何が出来るのか把握しきれなくてツラミを感じる
ストリームと文字列の処理みたいな「こんなもんどの環境でも動くだろ」ってコードすら移植すると動かない時があって泣きそう
スタンダードなライブラリが無いならビルダーの設定でもいい
tsconfigでターゲットプラットフォームとランタイムバージョンを指定すると「このパッケージはこのターゲットプラットフォームでは使えないよ」って教えてくれるだけでもだいぶ楽になると思うんだけど…
こういう機能ってどっかに絶対あると思うんだけどググっても古い断片的な情報ばっかり出てきてその設定を探すのも難しい
882デフォルトの名無しさん
2021/11/17(水) 21:29:35.22ID:h3+MjybB 主な実行環境として node.js とブラウザがあるってことはわかってる?
883デフォルトの名無しさん
2021/11/18(木) 00:15:24.62ID:3dlOBCKi あとは泥とりんごでしょ?
せめてその4つのメジャーな環境でほぼほぼ同じように動く基本ライブラリ、基本ライブラリだけに依存して、つまりほぼほぼどこでも動くサードパーティライブラリ
それらが日常的な作業に不自由しないレベルで揃ってて然るべきだろう、と俺は思うんだけど無いのかな?
せめてその4つのメジャーな環境でほぼほぼ同じように動く基本ライブラリ、基本ライブラリだけに依存して、つまりほぼほぼどこでも動くサードパーティライブラリ
それらが日常的な作業に不自由しないレベルで揃ってて然るべきだろう、と俺は思うんだけど無いのかな?
884デフォルトの名無しさん
2021/11/18(木) 00:23:00.28ID:cf0G7PVa 基本ライブラリというならJavaScript API群があるが。
「日常的な作業に不自由しないレベル」って具体的にはどんなものを期待している?
「日常的な作業に不自由しないレベル」って具体的にはどんなものを期待している?
885デフォルトの名無しさん
2021/11/18(木) 00:34:29.18ID:3dlOBCKi .NET Standardぐらいの想定かな
886デフォルトの名無しさん
2021/11/18(木) 06:41:05.66ID:In+gpp4R まず.NETが世界の中心。みんな知ってるだろ全部揃ってて当然だろみたいな考え方をやめろ。
フロント側についてはサイの絵が書いてある本買ってくるか、MDNを熟読すれば良い。Node側はNodeの公式を読め。話はそれから。
あとはtsconfigのcompilerOptions以下のtargetとlibを指定しろ。この辺はNodeのバージョンや、対象ブラウザで変わるからググれ。すぐ出てくる。
フロント側についてはサイの絵が書いてある本買ってくるか、MDNを熟読すれば良い。Node側はNodeの公式を読め。話はそれから。
あとはtsconfigのcompilerOptions以下のtargetとlibを指定しろ。この辺はNodeのバージョンや、対象ブラウザで変わるからググれ。すぐ出てくる。
887デフォルトの名無しさん
2021/11/18(木) 07:16:30.61ID:te8WLqUU > 主な実行環境として node.js とブラウザがあるってことはわかってる?
> あとは泥とりんごでしょ?
これわかってないだろ
> あとは泥とりんごでしょ?
これわかってないだろ
888デフォルトの名無しさん
2021/11/18(木) 08:57:28.17ID:Ip1KYC/r Announcing TypeScript 4.5
https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/
https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/
889デフォルトの名無しさん
2021/11/18(木) 12:49:52.50ID:xCTrnppv 自分は知っているみたいな錯覚してるせいで根本的に間違ってることに気づいてない
890デフォルトの名無しさん
2021/11/18(木) 12:57:37.30ID:3dlOBCKi ttps://stackoverflow.com/questions/57435686/filereader-is-not-defined-with-angular-server-side-rendering
適当にググったらこんなんあったけど、
要するに、こういうことだよな
これはただの一例だけど、ストリームと文字列の変換なんてなんかはさ、いいかい?
全ての開発者が、ドキュメントを熟読せず、何の迷いもなく、インテリセンスに導かれて、スラスラと書けてだよ
そして、それが驚き最小で、思った通りに動作する
それがモダンな高級言語として、当たり前の姿なんじゃないのかい?
TSのメンテナは真新しさばかり追い求めて、足場を固めるという、地味だが大切な仕事を忘れてやしないか?
適当にググったらこんなんあったけど、
要するに、こういうことだよな
これはただの一例だけど、ストリームと文字列の変換なんてなんかはさ、いいかい?
全ての開発者が、ドキュメントを熟読せず、何の迷いもなく、インテリセンスに導かれて、スラスラと書けてだよ
そして、それが驚き最小で、思った通りに動作する
それがモダンな高級言語として、当たり前の姿なんじゃないのかい?
TSのメンテナは真新しさばかり追い求めて、足場を固めるという、地味だが大切な仕事を忘れてやしないか?
891デフォルトの名無しさん
2021/11/18(木) 13:22:17.68ID:In+gpp4R 根本的な勘違いとして、それはTypeScriptの責務では無い。TypeScriptはJavaScriptにモダンな型を付与するもの(一部例外はある)で、APIの提供はしない。
例に出てきたFileReaderの様なAPIはブラウザとNode側で求められる機能もセキュリティレベルも異なり、それぞれが提供するものだ。それを統一はできない。ましてnpmのバッケージで提供されているものはパッケージ作者が責務を負うものだ。
自分の勉強不足を棚に上げて言語に文句を言うのは筋違いも良いとこ。
例に出てきたFileReaderの様なAPIはブラウザとNode側で求められる機能もセキュリティレベルも異なり、それぞれが提供するものだ。それを統一はできない。ましてnpmのバッケージで提供されているものはパッケージ作者が責務を負うものだ。
自分の勉強不足を棚に上げて言語に文句を言うのは筋違いも良いとこ。
892デフォルトの名無しさん
2021/11/18(木) 14:09:39.19ID:3dlOBCKi そこがTSの限界であり、使いにくい原因なんだろなぁ
FileReaderなんてのはたまたま出てきた一例でしかないが
リンク先のポストを読めば、トピ主のやりたいことはストリームから文字列への変換とわかるだろう
その程度はどのプラットフォームでもサポートできる
使用頻度もそこそこだから、標準ライブラリとして用意されていて当たり前
encode(s: string, format: string): Blob
decode(b: Blob, format: string): string
これでいいだろ?
セキュリティやハードウェアに依存するものが標準化されないのは許されるだろう
しかしなぜ簡単にできるものすら標準化しない?
FileReaderなんてのはたまたま出てきた一例でしかないが
リンク先のポストを読めば、トピ主のやりたいことはストリームから文字列への変換とわかるだろう
その程度はどのプラットフォームでもサポートできる
使用頻度もそこそこだから、標準ライブラリとして用意されていて当たり前
encode(s: string, format: string): Blob
decode(b: Blob, format: string): string
これでいいだろ?
セキュリティやハードウェアに依存するものが標準化されないのは許されるだろう
しかしなぜ簡単にできるものすら標準化しない?
893デフォルトの名無しさん
2021/11/18(木) 16:35:20.00ID:In+gpp4R そのストリームってのは何のストリーム?
ひょっとして用語を間違えてるから調べても出てこないのでは?
ひょっとして用語を間違えてるから調べても出てこないのでは?
894デフォルトの名無しさん
2021/11/19(金) 07:13:45.00ID:UKAZMSSR >>888
型演算に末尾再帰最適化(みたいなの)追加されるやん!
型演算に末尾再帰最適化(みたいなの)追加されるやん!
895デフォルトの名無しさん
2021/11/21(日) 12:03:30.92ID:lhVIl0/s 型の@types だけインポートするにはどうしたらよいでしょうか。
leafletという地図のjsライブラリがあって、グローバルでL という変数をnamespaceとして使っています。
npmの層を薄くしたくて、地図ライブラリはnpm を使わずにhtmlにscriptタグを直接書いて読み込んでいます。
でも型補完は欲しいので、"@types/leaflet"はnpmでインストールしています。
この状態で変数L に型補完を動作させるにはどうすればよいでしょうか。
何もしないと、変数Lは未定義だよ というエラーが出ます。
(エラーを消すだけなら適当なd.tsを作って declare const L: any; とでも書けばいいんだろうけど)
leafletという地図のjsライブラリがあって、グローバルでL という変数をnamespaceとして使っています。
npmの層を薄くしたくて、地図ライブラリはnpm を使わずにhtmlにscriptタグを直接書いて読み込んでいます。
でも型補完は欲しいので、"@types/leaflet"はnpmでインストールしています。
この状態で変数L に型補完を動作させるにはどうすればよいでしょうか。
何もしないと、変数Lは未定義だよ というエラーが出ます。
(エラーを消すだけなら適当なd.tsを作って declare const L: any; とでも書けばいいんだろうけど)
896デフォルトの名無しさん
2021/11/21(日) 12:42:32.36ID:9+9LY8kt import type * as Leaflet from 'leaflet'
declare const L: typeof Leaflet
declare const L: typeof Leaflet
897デフォルトの名無しさん
2021/11/21(日) 12:53:04.47ID:lhVIl0/s ありがとうございます
898デフォルトの名無しさん
2021/11/23(火) 00:51:46.26ID:6fLWx+hU 空配列ってどうやって定義すればいいんでしょうか?
899デフォルトの名無しさん
2021/11/24(水) 20:42:59.28ID:KtJ2oMe7 Dateが使いにくいのどうにかする最高のライブラリ教えてよ
date-nfs、momentあたりは試したけどしっくりこんかったわ
JSONが非対称ってのもSo Badやでほんま
よくこんな罠だらけの言語でやってられるなー
フロントエンド勢の忍耐力には尊敬の念を禁じえんわい
date-nfs、momentあたりは試したけどしっくりこんかったわ
JSONが非対称ってのもSo Badやでほんま
よくこんな罠だらけの言語でやってられるなー
フロントエンド勢の忍耐力には尊敬の念を禁じえんわい
900デフォルトの名無しさん
2021/11/24(水) 21:53:47.96ID:mN6taiyI901デフォルトの名無しさん
2021/11/24(水) 22:01:40.70ID:zBacYw4i902デフォルトの名無しさん
2021/11/24(水) 23:40:29.12ID:FcSkbZGe903デフォルトの名無しさん
2021/11/26(金) 22:12:29.88ID:+KFAtmTP Effective TypeScript
ちと古いが読んだ方がいい?
ちと古いが読んだ方がいい?
904デフォルトの名無しさん
2021/12/02(木) 17:06:08.00ID:kge1UpiO あーくそ
なんでstrictをOFFにできるんだよ
VB.NETか!
なんでstrictをOFFにできるんだよ
VB.NETか!
905デフォルトの名無しさん
2021/12/02(木) 18:20:28.57ID:Kt63btcl いやなんでfalseにするんだよ
906デフォルトの名無しさん
2021/12/02(木) 22:30:30.27ID:Ki4y/ScD 既存の JavaScript を段階的に移行したい時かな
907デフォルトの名無しさん
2021/12/07(火) 10:10:01.42ID:rXzUIf2/ 非同期がよーわからん
ワーカーを考えない場合
ブラウザでもモバイルでもバックエンドでも基本的に一本のキューにジョブを入れてって順次処理するモデル
promiseやawaitを使うと処理の前後関係は保障されるけど間に他のジョブが割り込む可能性がある
処理そのものはシングルスレッドで行われるのでpromiseやawaitを挟まない限り全てのJSコードがアトミックに実行される
fetchなどJS外の処理についてはアトミックは保障されない
こんな感じであっとる???
ワーカーを考えない場合
ブラウザでもモバイルでもバックエンドでも基本的に一本のキューにジョブを入れてって順次処理するモデル
promiseやawaitを使うと処理の前後関係は保障されるけど間に他のジョブが割り込む可能性がある
処理そのものはシングルスレッドで行われるのでpromiseやawaitを挟まない限り全てのJSコードがアトミックに実行される
fetchなどJS外の処理についてはアトミックは保障されない
こんな感じであっとる???
908デフォルトの名無しさん
2021/12/07(火) 22:24:43.13ID:aDEs4G8x JavaScript Visualized: Event Loop
https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif
https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif
909デフォルトの名無しさん
2021/12/08(水) 07:25:06.20ID:ff6DaDGr >>907
だいたい合ってる。基本的には処理の予約と考えるだけで済む。
JS外の処理はWebWorker含めてJS環境に干渉してこないんだから(戻り値以外)ほぼイベントとか割込と同質で特殊なものだと考える必要もなくないかな?
だいたい合ってる。基本的には処理の予約と考えるだけで済む。
JS外の処理はWebWorker含めてJS環境に干渉してこないんだから(戻り値以外)ほぼイベントとか割込と同質で特殊なものだと考える必要もなくないかな?
910デフォルトの名無しさん
2021/12/09(木) 14:21:48.83ID:h+aQCsXU なんかプロジェクトでtypescript使う流れになって今から勉強してるんだが、これ何に優れてるの?
javascriptの拡張言語で型の宣言できるぐらいがメリット?
実行するためにいちいちコンパイルもどきなことをしないといけないしデバッグ面倒で正直やりづらいとしか思えないんだが
javascriptの拡張言語で型の宣言できるぐらいがメリット?
実行するためにいちいちコンパイルもどきなことをしないといけないしデバッグ面倒で正直やりづらいとしか思えないんだが
911デフォルトの名無しさん
2021/12/09(木) 14:29:35.72ID:lTugl+ha 「正直、特別優れた言語設計でもないし、基本的なライブラリ貧弱だし、なんか色々と不安定なので、他の言語を使えるならそっちのがいい。
でもJavaScriptよりかは遥かにマシだからターゲットプラットフォームがブラウザ、ReactNativeなら積極的に使っていこうぜ」ぐらいの認識ですかね
型パズルとかゆるゆるなインターフェースとか最初はこりゃ楽チン、便利だなと思うけどメンテナンス性は疑問
あとTypeScriptは生のJavaScriptよりanyの凶悪さが増してると思う
所詮はALT JSですね
でもJavaScriptよりかは遥かにマシだからターゲットプラットフォームがブラウザ、ReactNativeなら積極的に使っていこうぜ」ぐらいの認識ですかね
型パズルとかゆるゆるなインターフェースとか最初はこりゃ楽チン、便利だなと思うけどメンテナンス性は疑問
あとTypeScriptは生のJavaScriptよりanyの凶悪さが増してると思う
所詮はALT JSですね
912デフォルトの名無しさん
2021/12/09(木) 16:46:11.49ID:V/6JaBTF >>910
watch使うとわざわざコンパイルする手間が省けるので楽だよ。あとmapファイルも出力するようにすればデバック時も面倒じゃなくなるよ。
型だけじゃなくて、同じコードで古い環境でも動くソースを吐くこともできるよ。
でも、型にメリットを見いださない人向けの言語で無いね。
watch使うとわざわざコンパイルする手間が省けるので楽だよ。あとmapファイルも出力するようにすればデバック時も面倒じゃなくなるよ。
型だけじゃなくて、同じコードで古い環境でも動くソースを吐くこともできるよ。
でも、型にメリットを見いださない人向けの言語で無いね。
913デフォルトの名無しさん
2021/12/09(木) 20:23:42.31ID:/vSkUWU0 動的型付け言語しか使ったことがない人ならそんなものだよね
914デフォルトの名無しさん
2021/12/10(金) 13:52:02.48ID:+cpc+hgB 個人開発だとTypeScriptガンガン使ってる
型パズルたのちい
型パズルたのちい
915デフォルトの名無しさん
2021/12/10(金) 16:44:26.21ID:IDIER0Zn 型パズルはアンチパターンだ
ほどほどにしとけ
人類はC++を教訓にしなければならない
ほどほどにしとけ
人類はC++を教訓にしなければならない
916デフォルトの名無しさん
2021/12/10(金) 17:18:46.95ID:AY2SRHbF TypeScriptにはSFINAEみたいな凶悪な仕様はないだろう。
conditional typeは少し難解かもしれないが自分で使わなければいいだけのことだし。
conditional typeは少し難解かもしれないが自分で使わなければいいだけのことだし。
917デフォルトの名無しさん
2021/12/21(火) 11:07:25.83ID:vugugi2u any型のデータをそれ以外の型に変換可能かどうか判定する、または変換するライブラリってあります?
↓こんな感じの
type T = { id: number; name?: string; timestamp: Date; }
const data1: any = { id: 1, name: “bob”, timestamp: new Date() }
const t1: = convert<T>(data1); // OK
const data2: any = {
id: “2”, // number format string
timestamp: “2021-12-21T11:00:00Z”, // ISO Date string
}
const t2 = convert<T>(data2); // OK
const data3: any = { // without required field
timestamp: new Date()
}
const t3 = convert<T>(data3); // throw Error
const data4: any = {
id: 4,
timestamp: “hello” // invalid format
}
const t4 = convert<T>(data4) // throw Error
↓こんな感じの
type T = { id: number; name?: string; timestamp: Date; }
const data1: any = { id: 1, name: “bob”, timestamp: new Date() }
const t1: = convert<T>(data1); // OK
const data2: any = {
id: “2”, // number format string
timestamp: “2021-12-21T11:00:00Z”, // ISO Date string
}
const t2 = convert<T>(data2); // OK
const data3: any = { // without required field
timestamp: new Date()
}
const t3 = convert<T>(data3); // throw Error
const data4: any = {
id: 4,
timestamp: “hello” // invalid format
}
const t4 = convert<T>(data4) // throw Error
918デフォルトの名無しさん
2021/12/21(火) 11:18:51.59ID:vugugi2u TypeScriptって型が嘘をつくことが結構あって
Date型なのに実行時には文字列が入ってるとか
型定義では省略不可なのに実行時には省略されてるとか
そういう実行時の型エラーをなんとかして削減したい、というのが根本的な課題です
上でレスしたようなライブラリがもし有れば多少はマシになるかな、と
ランタイムがキャスト例外を投げてくれればそれがベストなんですが、JSに実行時型情報はないのでそれは難しい
Date型なのに実行時には文字列が入ってるとか
型定義では省略不可なのに実行時には省略されてるとか
そういう実行時の型エラーをなんとかして削減したい、というのが根本的な課題です
上でレスしたようなライブラリがもし有れば多少はマシになるかな、と
ランタイムがキャスト例外を投げてくれればそれがベストなんですが、JSに実行時型情報はないのでそれは難しい
919デフォルトの名無しさん
2021/12/21(火) 18:51:42.35ID:X++9NQ8p > JSに実行時型情報はないので
つ typeof, instanceof
つ typeof, instanceof
920デフォルトの名無しさん
2021/12/21(火) 19:01:16.33ID:S4hmWBPH すげー斜め読みしてタイプガードではいかんのかと思った
921デフォルトの名無しさん
2021/12/21(火) 19:16:55.14ID:ESVu6HO8 タイプガードでもいいんですけど数が多いので一発で全部よしなにやってくれるものがほしいって感じですかね
C#のdynamicのように非互換の代入をその場で例外にしてくれれば楽なんですが
なんでかanyは非互換でもエラー無しでスルッと進んでしまうので苦労してます
C#のdynamicのように非互換の代入をその場で例外にしてくれれば楽なんですが
なんでかanyは非互換でもエラー無しでスルッと進んでしまうので苦労してます
922デフォルトの名無しさん
2021/12/21(火) 19:39:34.82ID:S6JYHyb7923デフォルトの名無しさん
2021/12/21(火) 20:01:09.90ID:ESVu6HO8924デフォルトの名無しさん
2021/12/21(火) 20:08:19.40ID:fpjBPgEH TypeScriptのtypeやinterfaceからjsonschemaを生成するライブラリがあるから
それを使ってタイプガード書けば楽よ。
それを使ってタイプガード書けば楽よ。
925デフォルトの名無しさん
2021/12/21(火) 20:09:36.77ID:S6JYHyb7926デフォルトの名無しさん
2021/12/21(火) 20:12:46.39ID:S4hmWBPH そういえばAJVがタイプガードに対応してたな
927デフォルトの名無しさん
2021/12/21(火) 20:17:02.00ID:ESVu6HO8928デフォルトの名無しさん
2021/12/21(火) 20:28:04.08ID:S6JYHyb7 string -> Date のような transform をしたいなら、型から自動生成を期待するよりもスキーマで変換ロジックを書いて型を導出するアプローチの方が扱いやすい
929デフォルトの名無しさん
2021/12/23(木) 16:09:01.04ID:qSHzxodN axiosでの(非同期)通信結果から
最終的にpromiseを外した形でresponse扱いたいんだけど
どうやるとできるのでしょうか?
function的な奴で非同期通信して
そのfunction自体はpromiseでない値を返したいんだけど。。。
awaitやろうと思うと
そのfunctionはasyncになって
結局promiseになってしまう
イメージ
conct func = (): string => {
// axiosの戻りがstringだとして、このvalを同期的に返したい
axios.get("hogehoge").then(val=>{return val})
}
最終的にpromiseを外した形でresponse扱いたいんだけど
どうやるとできるのでしょうか?
function的な奴で非同期通信して
そのfunction自体はpromiseでない値を返したいんだけど。。。
awaitやろうと思うと
そのfunctionはasyncになって
結局promiseになってしまう
イメージ
conct func = (): string => {
// axiosの戻りがstringだとして、このvalを同期的に返したい
axios.get("hogehoge").then(val=>{return val})
}
930デフォルトの名無しさん
2021/12/23(木) 20:50:37.85ID:aMbIyyBR 不可能です
直接 XMLHttpRequest を同期モードで使用してください
直接 XMLHttpRequest を同期モードで使用してください
931デフォルトの名無しさん
2021/12/23(木) 22:47:01.90ID:j1Nwu6l7 非同期を同期にはできない。
これ、初心者の頃は辛かったけど、気がついたら慣れてたし不便さより便利さを感じるようになったから人間の適応能力ってすごい。
これ、初心者の頃は辛かったけど、気がついたら慣れてたし不便さより便利さを感じるようになったから人間の適応能力ってすごい。
932デフォルトの名無しさん
2021/12/24(金) 11:16:13.19ID:8YLKxFwi うーんわからん
type X = A & { foo: string}
ってやるとXがanyと判定される現象が起きてて原因が全くわからない
Aはちゃんと型が認識されてる
const a: A = { 略 }
a.
ここまで打てばインテリセンスが出てくる
でも&を挟むとなぜかanyになる
コンパイラのバグかな?
type X = A & { foo: string}
ってやるとXがanyと判定される現象が起きてて原因が全くわからない
Aはちゃんと型が認識されてる
const a: A = { 略 }
a.
ここまで打てばインテリセンスが出てくる
でも&を挟むとなぜかanyになる
コンパイラのバグかな?
933デフォルトの名無しさん
2021/12/24(金) 12:01:47.45ID:vCO0x3fk export type X = A & { foo: string }
const x: X
これは型が生きてるしインテリセンスも出る
import { X } from ‘…’
const x: X
これはanyになってしまう
ファイルを跨がなければおkみたい
エクスポート/インポートのプロセスでバグるのかな?
他の型は問題出てないからAだけが特殊なんだろうけど文字列型のフィールド幾つか持ってるだけのなんの変哲もない型なんだよな…
const x: X
これは型が生きてるしインテリセンスも出る
import { X } from ‘…’
const x: X
これはanyになってしまう
ファイルを跨がなければおkみたい
エクスポート/インポートのプロセスでバグるのかな?
他の型は問題出てないからAだけが特殊なんだろうけど文字列型のフィールド幾つか持ってるだけのなんの変哲もない型なんだよな…
934デフォルトの名無しさん
2021/12/25(土) 12:39:31.39ID:mJNzEC98 色々調べて行き詰まったんだけどこれで合ってる?
babelのpreset-typescriptはTSから形情報を落としてるだけ
なのでtsconfigを無視する
なのでproject referencesも無視される
プロジェクト分割したい場合のオフィシャルな手段がない
なのでプロジェクト分割したければ各自好きな方法でハックするしかない
暫定対応として被参照側のプロジェクトでwatch & buildを仕掛けて
babel側のプロジェクトから被参照側の出力フォルダをimportしてるんだけど正直辛いものがある
babelのpreset-typescriptはTSから形情報を落としてるだけ
なのでtsconfigを無視する
なのでproject referencesも無視される
プロジェクト分割したい場合のオフィシャルな手段がない
なのでプロジェクト分割したければ各自好きな方法でハックするしかない
暫定対応として被参照側のプロジェクトでwatch & buildを仕掛けて
babel側のプロジェクトから被参照側の出力フォルダをimportしてるんだけど正直辛いものがある
935デフォルトの名無しさん
2021/12/25(土) 13:16:26.59ID:YYlOH5kW babel がどう動くかなんて tsc には関係ないだろ
それともあなたのエディタは babel で型情報を解析しているのか?
それともあなたのエディタは babel で型情報を解析しているのか?
936デフォルトの名無しさん
2021/12/25(土) 13:22:25.16ID:YYlOH5kW コンパイル済みのファイルに型情報がないという話なら、型定義ファイル(.d.ts)も出力しないとそりゃそうだろと
937デフォルトの名無しさん
2021/12/25(土) 13:40:07.40ID:mJNzEC98 プロジェクト分割についてはどう考えますか?
938デフォルトの名無しさん
2021/12/25(土) 13:54:01.89ID:YYlOH5kW 情報を小出しにせず、問題が再現するリポジトリ丸ごと上げるかせめてファイル構造や各種設定ファイルの内容など全部書き出して
& がダメなのかファイルを跨ぐのがダメなのかプロジェクト分割がダメなのか話がどんどん移っててわからんぞ
& がダメなのかファイルを跨ぐのがダメなのかプロジェクト分割がダメなのか話がどんどん移っててわからんぞ
939デフォルトの名無しさん
2021/12/25(土) 14:17:47.06ID:YYlOH5kW これ別人の別の話か…そうだったらスマン
940デフォルトの名無しさん
2021/12/25(土) 14:25:06.24ID:mJNzEC98 別ですね
単刀直入に言うとbabel & preset -typescript環境で正しいプロジェクト分割のしかたを聞きたかった
単刀直入に言うとbabel & preset -typescript環境で正しいプロジェクト分割のしかたを聞きたかった
941デフォルトの名無しさん
2021/12/26(日) 11:58:10.04ID:yczrikVs 色々と試して結論が出た
プロジェクト参照は諦めてシンプルに相対パスでimportすることにした
依存パッケージを全てのプロジェクトに入れなければならないのが面倒だけど妥協
ようするに昔VB6やC言語などでよくやってたDLL化せずにコードファイルを共有するスタイル
モダンな言語でやることとは思えないけど何日も調べてできないなら仕方ない
プロジェクト参照は諦めてシンプルに相対パスでimportすることにした
依存パッケージを全てのプロジェクトに入れなければならないのが面倒だけど妥協
ようするに昔VB6やC言語などでよくやってたDLL化せずにコードファイルを共有するスタイル
モダンな言語でやることとは思えないけど何日も調べてできないなら仕方ない
942デフォルトの名無しさん
2021/12/26(日) 12:26:32.69ID:6ScHvZpk バベるのが悪い
943デフォルトの名無しさん
2021/12/26(日) 16:05:00.89ID:SvIlyqah でもフレームワークがバベれって言うんです
944デフォルトの名無しさん
2021/12/26(日) 16:14:53.21ID:imvxWhRx これを
babel_proj
webpack_proj
tsc_proj
tsconfig.json
tsc_lib_1
tsconfig.json
tsc_lib_2
tsconfig.json
こうする
babel_proj
symlink => ../libs
webpack_proj
symlink => ../libs
tsc_proj
tsconfig.json
symlink => ../libs
libs
lib_1
lib_2
babel_proj
webpack_proj
tsc_proj
tsconfig.json
tsc_lib_1
tsconfig.json
tsc_lib_2
tsconfig.json
こうする
babel_proj
symlink => ../libs
webpack_proj
symlink => ../libs
tsc_proj
tsconfig.json
symlink => ../libs
libs
lib_1
lib_2
945デフォルトの名無しさん
2021/12/28(火) 17:28:42.45ID:X7A0KCIT バックエンドはexpress一択?
946デフォルトの名無しさん
2021/12/28(火) 20:29:49.68ID:qjWVy58S そんな🍌
947デフォルトの名無しさん
2021/12/28(火) 23:38:51.88ID:QExnrlZb 僕はFastify!
948デフォルトの名無しさん
2021/12/29(水) 02:36:36.80ID:tTEsT75E nestjsはレガシーなデコレータ依存がなあ
949デフォルトの名無しさん
2021/12/30(木) 13:04:36.50ID:8IVD/YcY そもそもサーバーサイドにTS選ぶメリットが無い
950デフォルトの名無しさん
2021/12/30(木) 13:42:00.99ID:XEA11GKy JavaScriptがって話ならわからんでもないが
951デフォルトの名無しさん
2021/12/30(木) 13:49:04.54ID:8IVD/YcY TS始めた時からずっと思ってたけど型が簡単に嘘を付ける言語仕様はバックエンドでは到底受け入れられんわ
フロントエンドでは気楽さと壊れやすさのトレードオフってことで受け入れるけど
フロントエンドでは気楽さと壊れやすさのトレードオフってことで受け入れるけど
952デフォルトの名無しさん
2021/12/30(木) 13:53:13.25ID:XEA11GKy じゃあC/C++なんかもダメだな
953デフォルトの名無しさん
2021/12/30(木) 14:00:36.67ID:qk2rIpzk バリデーションもできない奴がなんか言ってら
954デフォルトの名無しさん
2021/12/30(木) 14:01:03.11ID:8IVD/YcY そうだね
バックエンドでは実質Cと大差ない
ちょっとだけ楽できるけど
バックエンドでは実質Cと大差ない
ちょっとだけ楽できるけど
レス数が950を超えています。1000を超えると書き込みができなくなります。
ニュース
- 小野田紀美・経済安保担当相「何か気に入らないことがあればすぐに経済的威圧をする国への依存はリスク」 ★2 [Hitzeschleier★]
- 日本行き空路49万件キャンセル 中国自粛呼びかけ 日本行きチケット予約の約32%に相当 ★2 [ぐれ★]
- 【中国局長】両国関係に「深刻な影響」 首相発言の撤回要求 [蚤の市★]
- 外務省局長は無言で厳しい表情…日中の高官協議終了か 高市首相“台湾”発言で中国が強硬対応 発言撤回求めたか…★3 [BFU★]
- 【インバウンド】中国人観光客の日本での消費額は年間約2兆円超…中国政府は公務員の出張取り消し [1ゲットロボ★]
- 【維新】吉村知事「中国人観光客だけに頼るビジネスモデル変えていかないといけない」「高市総理の発言は撤回する必要はない」 [Hitzeschleier★]
- 【高市朗報】 日本政府「一昨年は1300億円。去年も防衛費が1100億円余ったw」 日本の防衛費は充分足りてる事が判明。増やす必要無し [485983549]
- 高市早苗「支持者の理解を得られないので台湾発言を撤回できない」 [931948549]
- 【実況】博衣こよりのえちえち歌枠🧪
- 【高市速報】日本人の3割「中国への武力行使に踏み切る必要がある」ANN世論調査 [931948549]
- 外務省局長、よくわからないまま帰国へ [834922174]
- 【速報】51歳まで自衛隊になれるように法改正ww [347751896]
