TypeScript part3

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2018/04/26(木) 21:48:23.07ID:mMDBzDaB
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/
2021/01/25(月) 18:33:23.35ID:AK6f8agf
c#以上にカオス…?
2021/01/25(月) 22:54:08.93ID:+dPxUq7O
何倍も!
型の機能も遥かに高度だ!
2021/01/25(月) 23:03:58.08ID:+dPxUq7O
http://js.studio-kingdom.com/typescript/handbook/advanced_types
2021/01/25(月) 23:14:46.15ID:NBocXyOE
JavaScriptというそび糞をまともにするためだ
しゃーない
2021/01/26(火) 03:28:35.94ID:WX4s+KJB
型を半ば無理矢理付けてるだけで、最終的には型を削除したJavaScriptになる
要するに動的型言語というのは、それだけ豊富な表現力を秘めてると言うことだ
本来はそれと引き換えに実行速度が犠牲になるもんだが、VMのチューニングによりネイティブコードと遜色無いのが凄いところ
2021/01/26(火) 04:01:05.59ID:SEH/ccP0
後半まで読み進めると
おおおーー!ってなる。

https://html5experts-jp.cdn.ampproject.org/v/s/html5experts.jp/shumpei-shiraishi/24660/amp/?amp_gsa=1&;amp_js_v=a6&usqp=mq331AQHKAFQArABIA%3D%3D#amp_tf=%251%24s%20%E3%82%88%E3%82%8A&aoh=16115828872772&csi=1&referrer=https%3A%2F%2Fwww.google.com&ampshare=https%3A%2F%2Fhtml5experts.jp%2Fshumpei-shiraishi%2F24660%2F

protocol と 可変長型は c#で昔から
待望してた機能だ!
2021/01/26(火) 05:29:01.62ID:pU44oeo6
>>780
そうよな
割と改行するだけでも全然違うと思うんよな
できれば色もついたらそりゃ見やすいけど

なんか Extension ないんかね
2021/01/26(火) 05:52:17.01ID:pU44oeo6
https://github.com/microsoft/vscode/blob/master/extensions/typescript-language-features/src/languageFeatures/signatureHelp.ts

https://github.com/microsoft/vscode/blob/master/extensions/typescript-language-features/src/utils/previewer.ts

このあたりかね? TypeScript のシグニチャのポップアップ表示してる部分
2021/01/26(火) 07:02:54.66ID:RzMbHMsq
>>786
可変長型もう入ってなかったっけと思ったら3年前の記事か
2021/02/10(水) 08:45:05.84ID:F9HUbn2D
TypeScript の型定義に凝りすぎじゃね?
https://neos21.net/blog/2021/02/09-02.html
アンサー: なぜTypeScriptの型定義に凝るのか
https://qiita.com/uhyo/items/3bc5f951f922804ede51
2021/02/10(水) 10:21:36.03ID:qX2MPAZ0
サードパーティライブラリの型定義に関しては、
定義書くのめんどくさそうなときは any で通してる

型定義あったほうが便利なのは確かなので、
作業自動化して楽にしてくれるツール出てくるとありがたいなと思ってる
インテリセンスの進化とか

あと、VS Code で、TypeScript の型定義読みにくすぎ、
ドキュメント書いてあること少なすぎ、JavaScript のコードに直接とべねーすぎ(?)

でも、こういうアーキテクチャに関する抽象的な議論って
個々の案件に落とし込まないと本質見えてこないことととか、
そもそも想定する状況が議論する相手と食い違ってることがあるから
GitHub にある具体例でも明示してくれると議論は捗るんじゃないかなと思う
2021/02/10(水) 12:42:09.82ID:vAMcyE+N
弊社は障害者雇用枠しかいないのでPHPしか書けません並の駄文書いてる奴って
生きてて恥ずかしくないのかなって思っちゃう、ごめんね
2021/02/10(水) 14:59:14.96ID:J3IrN4Ey
>>790
この人有名人なの?
個人ブログに対する反応としては量が多くて驚く

アンサーのほうは避けられない複雑性を
”複雑な型”で表現した場合としない場合のトレードオフについては
“消えてしまうことは無い”で濁してるだけで正面から回答してないよね

最初のブログの人も感覚的な話だからどっこいどっこいだけど
↓こういうのは頑張りすぎじゃねって感じる
type ArrayOfLengthRec<Num, Elm, T extends unknown[]> = T["length"] extends Num ? T : ArrayOfLengthRec<Num, Elm, [Elm, ...T]>
2021/02/11(木) 02:00:22.02ID:jkz/J9rH
まぁでも型定義するの楽しいからね
パズルみたいで

夢中になっちゃうのは分かる
2021/02/11(木) 12:28:55.00ID:IWbE3xWm
>>794
まじかよw
めんどくせーだけなんだが…
2021/02/11(木) 12:32:46.43ID:89K1HM4Z
初心者のうちは考えなくて良いんだよ。

わけ解らなくてもコード補完してくれる位
思ってれば良い。
2021/02/11(木) 19:55:55.18ID:yR+7bkmQ
コード補完力・エラー発見力を高めるために型書いてる感はある
JavaとかGoの型を”書かねばならない”という強制感がないんだよな
2021/02/11(木) 21:33:21.20ID:jkz/J9rH
コード補完はすごいメリットだよね
あと型定義通ってると書いてて安心するし
2021/02/11(木) 23:22:56.80ID:89K1HM4Z
メリットの一番下は
リファクタリング耐性でしょ。
2021/02/11(木) 23:23:35.04ID:89K1HM4Z
メリットの一番は
リファクタリング耐性でしょ。
2021/02/15(月) 14:41:09.07ID:7BVeLT+X
クラスの中で、毎回 this. っての書かなきゃいけないの面倒くさくない…?
忘れるし

Java 並感
2021/02/15(月) 14:44:23.78ID:7BVeLT+X
https://github.com/microsoft/TypeScript/issues/679

やっぱみんな思うよね…
Declined だけどね…
2021/02/15(月) 15:26:58.09ID:RViaNkw8
javascriptのthisのややこしさ知ってて言ってる?
2021/02/15(月) 20:44:05.34ID:fEx2IVhT
>>802
JS使いは誰もそう思わないと思うよ
そこでも最初から否定されてるし、その通りだよ

thisを省略可能なのは各メソッドにクロージャがない言語だけだよ
JSはそうではないから、余計に分かりにくくなるだけ
2021/02/15(月) 21:56:58.17ID:ZXLSNxbk
this省略が欲しいなんて1度も思ったことないわ
レガシーなJavaプロジェクトで、クソデカclass相手にした時は eclipse で this 強制せんとやってられんかった

で、Javaならローカル変数とクラス変数の違いが見分けられないだけだが
JavaScriptはただのfunctionもある
アホがJavaScriptでthisの省略悪用したら、簡単に地獄の蓋が開いて中から飛び出たイエスファッキンキリストに脳までファックされる未来が見えるね
2021/02/15(月) 21:58:12.78ID:ZXLSNxbk
つかしばらくclassもthisも書いた記憶ねえわ
POJOと参照透過なarrow functionがあればそれでいい
2021/02/15(月) 22:03:00.31ID:ptBzJrEw
tsやってるとclassいらないよね
2021/02/16(火) 00:04:28.67ID:FwQskT4w
個人的にはオブジェクトが副作用を持つ(と明示したい)ときは使うかな。
あとErrorを継承とか継承以外にスマートな方法が無いときも使う。
出番はそんなに多くないけども
2021/02/24(水) 20:43:58.73ID:+f/VsSol
Announcing TypeScript 4.2
https://devblogs.microsoft.com/typescript/announcing-typescript-4-2/
2021/02/25(木) 08:15:48.96ID:e2KFXpDq
[TypeScript のテストを Jest (ts-jest) でやってみる - Qiita](https://qiita.com/mangano-ito/items/99dedf88d972e7e631b7)

これ参考にjestでテストしたのですが、ts-jest使うと、テスト時にts-jestが内部的にトランスパイルすrので、JavaScriptコードがファイルとして生成保存されないから
テストするたびに、前のテストから変更されてないソースもいちいち全てトランスパイルしてるのですか?
それともjsファイルが生成されてれば、それを利用してくれるのですか?
2021/02/25(木) 20:47:42.47ID:pFknXJZi
https://kulshekhar.github.io/ts-jest/docs/processing
キャッシュしてると思います
2021/02/26(金) 07:59:54.83ID:TBWzJJJb
>>811
ありがとう!
その図みても自分じゃ難しくてよくわからんが、確かにキャッシュ使ってるみたいだね。
思ったより複雑にいろいろしてるみたいだから、やっぱり自分が心配するような事は考慮済みだね、当たり前か。
2021/03/04(木) 12:38:42.72ID:GxKFsRrm
Flutter2 とともに Dart にnull安全がやって来たなあ
ちょっと勉強してみようかな
2021/03/04(木) 12:47:27.36ID:xAXt6OPO
Dartのことゴミだと思ってるけど
聳え立つクソof真のゴミofゴミstoryboard & xcodeをやるくらいなら、Dartで首吊った方がマシなのかもしれん
815デフォルトの名無しさん
垢版 |
2021/03/05(金) 14:31:03.60ID:lXK+Zrlg
>>813
やっときたか!
2021/05/18(火) 11:15:17.98ID:+3nwuGsr
TypeScript勉強してたらオブジェクトの配列とか出てきて型の使い方が全くわからなかった。
2021/05/18(火) 11:53:25.44ID:+3nwuGsr
type user2 = {
id: number;
name: string;
}[];

let test2: user2 = { id: 1, name: "大谷" };

console.log(test2);

---

type user2のオブジェクトをオブジェクトの配列にしたけど、これを利用するのはどうすればいいの?
2021/05/21(金) 21:43:57.64ID:EtVgB+aP
いきなり間違ってる
2021/05/25(火) 20:07:54.63ID:wb9iQvXr
eslintのno-unsafe-member-accessチェックを有効にするために怪しいanyは全部タイプガードを通して
使うようにしようと思ったんだが、タイプガードの中でメンバーチェックするところがno-unsafe-member-accessに
引っかかってしまう。
詰んでる?

interface TypeA {
member_a: string;
}

functin isTypeA(a: any): a is TypeA {
if (typeof a !== 'object') return false;
if (!('member_a' in a)) return false;
if (typeof a.member_a !== 'string) return false; // Unsafe member access .member_a on an any value.
return true;
}
2021/05/27(木) 07:58:04.71ID:ac9nW6BB
Announcing TypeScript 4.3
https://devblogs.microsoft.com/typescript/announcing-typescript-4-3/
2021/05/28(金) 20:33:33.18ID:xubVQEL1
#privateは使っていくべきなの?
2021/05/31(月) 20:57:24.94ID:N+Q3MCtj
プログラミング言語「TypeScript 4.3」をMicrosoftが公開
https://www.atmarkit.co.jp/ait/articles/2105/31/news119.html
2021/06/07(月) 08:54:45.48ID:T37bbYD1
「型がないと開発できない」
「型がないと開発できないっていうのは無能」
↓翻訳
「うんこって汚い」
「うんこは汚いと思ってるやつは無能」
↓翻訳
「バーカ」
「アーホ」
2021/06/07(月) 11:20:40.98ID:f9HfMVYo
>>821
なるべくweb標準に寄せたほうが良いと思ってるので、俺は使ってる。
コンストラクタ引数でブロパティ初期化のシンタックスシュガーが無いのだけが不満
2021/06/13(日) 17:37:59.04ID:1VszOIAC
GoとかRustみたいにenumとかtypeに直接メソッド生やしたい...
2021/06/13(日) 19:26:58.74ID:exUpBE38
>typeに直接メソッド生やしたい.

いまいちどういうことをやりたいのかわからないが、classじゃなくてtypeじゃないとダメなの?
2021/06/13(日) 20:26:40.60ID:1VszOIAC
↓みたいなADTっぽいことやる時とか直接メソッド生やせないと不便じゃない?
ttps://typescript-jp.gitbook.io/deep-dive/type-system/discriminated-unions
2021/06/13(日) 21:44:24.86ID:exUpBE38
typeに関数型のメンバを追加すりゃいい話じゃなくて?
「typeに直接」ってのが何を言っているのかよくわqからん。
2021/06/13(日) 22:03:52.22ID:SDaJf1m8
GoやRustを触ったことがあれば分かるけど, クラスではなくあくまでデータ構造(struct)を定義して, Goではレシーバ付きの関数, Rustではimplでデータ構造に対して操作を定義していく
C#だと定義済みのクラスに拡張メソッドでメソッド追加したり
素のJavaScriptならprototypeにメソッド追加する, みたいな

で, TypeScriptだと今は出来ないと思うけど, 需要はありそうだし, RFCとか出されてない?
構文的にJavaScriptと互換にやるのが難しいかな?
2021/06/13(日) 22:17:00.33ID:SDaJf1m8
既存の構文で出来るらしい

https://medium.com/my-coding-life/extension-method-in-typescript-66d801488589

C#のような新規の構文サポートは実装しない方針

https://github.com/microsoft/TypeScript/issues/563#issuecomment-291300044
2021/06/21(月) 11:11:33.75ID:Jendc3yZ
Githubでとあるプロジェクトをパブリックにしてたら何かヤベーアメ公に絡まれた
気に入らなきゃさっさとフォークしろやハゲ
2021/07/03(土) 10:34:27.35ID:afnPLxcZ
ふぇぇ…
Angularのバージョン上がるの早すぎだよぅ…
Angular4を使ったSPAのセキュリティが心配だよぅ…
2021/07/07(水) 22:02:22.89ID:IyqR2Fvh
Angular とかとっくに死んだと思ってたわ
誰が使ってるんだ?
1系で身動き取れなくなったレガシーサービスくらいしか見たことない
2021/07/07(水) 23:53:28.16ID:qO1FdR5E
>>833
Teams(そろそろReactで書き換えられるけど)
2021/07/08(木) 07:47:58.41ID:75MwFXOI
Google 自身が Google のサービスで全く使ってないのに、何で作ってるのかわかんない
いつ捨てられてもおかしくなくね
2021/07/08(木) 14:40:54.16ID:jNeY00JW
teamsってangularだったのか。
reactにしたらもっさりが直るかな
2021/07/08(木) 14:50:07.37ID:hOnojRWO
>>836
Electron+AngularJsからWebview2+Reactになってメモリ消費は半分になるとか
2021/07/14(水) 23:38:18.17ID:C6qCMUQO
質問させてください。

WebAPIを呼んでJsonを取得し、その一部の項目を使いたいのですが、
以下の2つの方法を考えました。

1.提供されるJsonと全く同じ項目をもつクラスを定義してパース
const data = axios.get<クラス[]>("複雑なJsonを返すURL");

2.getの結果をとりあえずanyで受け取り、必要な部分だけをクラスのコンストラクタに渡す
axios
.get("("複雑なJsonを返すURL")
.then((results) => {
const items = JSON.stringify(results.data);
const parseItems = JSON.parse(items);
const data = new クラス(parseItems.必要な項目1,parseItems.必要な項目2...)
以下略

「1」の方法は、不要な項目もクラスに定義するのでいろいろ無駄が多いが、オブジェクトの作成が簡単。
「2」の方法は、型情報が使えなくて不便。だなと思ったのですが、
上記のような場合、通常はどちらの方法を使うものでしょうか?
もしくは全然別なやり方があれば教えていただきたいです。
2021/07/15(木) 23:21:53.74ID:/VADaM7m
すみません838です。自己解決です。
2の方法で、
const parseItems : インターフェース = JSON.parse(items);
みたいにすれば、必要なとこだけ埋めることできました。
2021/08/27(金) 21:03:15.72ID:OujrQnBG
Announcing TypeScript 4.4
https://devblogs.microsoft.com/typescript/announcing-typescript-4-4/
841デフォルトの名無しさん
垢版 |
2021/09/11(土) 04:09:02.19ID:o78CvgiA
Express を用いてwebアプリケーションを開発しているものです。質問なのですが、webpackで.tsのコンパイルとバンドルを行う際に出来たbundle.jsをdist フォルダに出力するとして、.ejs などのテンプレートが入ったviewsはどこに配置するのが正しいのでしょう。srcでいいような気もするのですが、実際に動くのはbundle.jsだし、dist の方がいいのかなと…….
2021/09/17(金) 12:17:55.85ID:4jDmhT28
ようやくtsconfigのmoduleをesnextにしたわ
2021/09/17(金) 17:43:37.86ID:ELLRTb6O
むしろesnextにしてない人って何が理由なの?
2021/09/29(水) 00:27:22.98ID:Ucgex+Jd
TS型安全は良いけどハマると時間ロスするね
エラーパッと見ではなんでエラーが出てるかわからない
C++をやってた頃を思い出した
2021/09/30(木) 18:43:43.57ID:4/dpkDC7
TSってプログラミングしてるっていうより問題解いてる感が強い
2021/09/30(木) 21:24:56.16ID:dN1VyuR8
パズルっぽくはあるが。スリザーリンクみたいに定石に当てはめたらパタパタと解けていく印象だな。
2021/10/12(火) 20:50:09.62ID:2QmYiCE7
TypeScriptのジェネリクスで型消去する方法って無いんだっけ?
あるいはJavaのワイルドカード型<?>みたいなのとか。
2021/10/12(火) 21:03:38.69ID:hmExHRrM
as any
2021/10/12(火) 21:44:00.66ID:2QmYiCE7
ああなるほど、<T extends any>なら<any>でいいわけか。
2021/10/19(火) 13:43:00.05ID:W8Yk+b6r
Promiseを同期的にwaitすることってできますか?
awaitではなくC#のTaskで言うところの.Resultなんですが…
2021/10/19(火) 13:54:59.42ID:QUfGkxyV
できない
2021/10/19(火) 14:08:46.54ID:W8Yk+b6r
え、できないんですか困った

外部ライブラリに渡すコールバック関数がPromiseをサポートしてない
けど、その中で非同期関数を呼びたい

というユースケースなんですが諦めるしかないんですかね…
2021/10/19(火) 14:41:50.05ID:LLvKMRJR
C#は呼び出し側のスレッドをブロックしてもTaskは別スレッドで動いてるから困らない
JavaScriptはシングルスレッドだから同期的にwaitできたら
呼び出し側がブロックされるだけじゃなくPromiseで動かそうとしてる処理もブロックされるので困る

コールバック関数をPromise化すればいいケースのような気がする
2021/10/19(火) 14:52:46.98ID:W8Yk+b6r
コールバックというと正確じゃないかもなんですけど

あるフレームワークが拡張のためのフックをサポートしてる
その関数は決まった名前のjsあるいはtsファイルのデフォルトエクスポートで指定する
フレームワークはそれがあれば利用し、なければ何もしない
その関数のシグネチャーは非同期をサポートしてない

こんな感じのシチュエーションですね
2021/10/19(火) 17:26:32.56ID:LLvKMRJR
>>854
>その関数のシグネチャーは非同期をサポートしてない

async/awaitのこと言ってる?
もしそうならasync/await使わない旧来のPromiseのやり方すれば?
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では意味がありません
2021/10/19(火) 19:38:25.38ID:QUfGkxyV
const ox = await new Promise(resolve=>
libFunc(x=> {
// yを作成
resolve(x)
return y
}))
とかじゃ駄目なん?
2021/10/19(火) 20:05:08.21ID:W8Yk+b6r
>>857
あくまで>>854という前提があるのでlibFuncを呼び出すタイミングはこちらでは選べません
2021/10/19(火) 20:07:52.68ID:2lJX9loQ
>>856
やりたいことがいまいちわからんが、同期呼び出しでmyFuncの結果を取得したいというならそれは無理。
2021/10/19(火) 21:03:40.36ID:LLvKMRJR
Promiseも使えないならもう一つ昔のコールバックヘル方式でやるしかないね
2021/10/19(火) 21:14:06.31ID:QUfGkxyV
>>858
何がやりたいかわかんね〜
myFuncさえ登録できりゃ発展形でやり様子はあると思うけど
2021/10/28(木) 09:19:43.09ID:Qx9i2vDk
変数の先頭に$を付けるのは何の意味があるのでしょう?
2021/10/28(木) 09:36:01.90ID:3VMLYSLP
そんな事しません
2021/10/28(木) 23:51:25.40ID:vOpe/LV1
DOM のエレメントだよって示す
2021/10/29(金) 00:01:40.58ID:e9XHTkBz
PHPerでも出来た!と主張する
2021/10/31(日) 10:32:24.95ID:gOKmIPxI
Cの __FILE__ や __LINE__ みたいにトランスパイル前のファイル名や行番号を埋め込む方法って無いのかな?
一応source-map-supportでスタックトレースは読めるようになったけど、もっと手軽に埋め込むログで
場所を示せたらいいんだが。
2021/10/31(日) 12:11:14.90ID:Xdv2iZD2
TypeScript の仕事じゃない
2021/10/31(日) 12:31:29.22ID:gOKmIPxI
tscの前にプリプロセッサとかかまして実現できるならそれでもいいんだけど。
2021/10/31(日) 12:33:38.24ID:OQlLkoA+
しょせんはトランスパイラ
多くを求めたらダメだ
2021/10/31(日) 21:52:21.68ID:plSPEajD
>>866
英語で議論できれば提案すればいいと思うけどね
2021/10/31(日) 22:25:46.49ID:+4LFgdgS
>>868
手動でやるのは簡単だよね?
TS使ってないからビルドシステム知らんけど、Pythonか何かを挟み込める余地があったらそこでやってしまえば?
或いはいっそのことmakefileでラップしてしまうとか。(makefile内でビルドコマンドを起動)
2021/10/31(日) 23:58:24.90ID:gOKmIPxI
ありがとう。無いってことね。
873871
垢版 |
2021/11/01(月) 00:27:26.36ID:M14pmKjL
>>872
多分ね。(俺は871、TS使ってない)

他言語(何だったかは忘れた)でも同様に「ないのか?」って聞かれてて、
仕様に入れない理由が「ちゃんと関数名書け」だったと思ったよ。
実際あれって、実装するのは簡単だけど、Cにしかないでしょ。
個人開発ならともかく、Gitな今だと複数バージョンが同時に使われてたりするから、収拾付かなくなるのではないかな。
その辺のCの便利機能って、今の大規模開発にはフィットしないから、基本的には嫌われてる。
多分、提案したところで入らない。
2021/11/01(月) 00:59:41.61ID:KlMso67D
TypeScriptのポリシー的に絶対入らない
2021/11/01(月) 08:42:35.30ID:43zjctJQ
技術的にそう難しくもなさそうなのに今無いってことはもう入れられる見込みは無いんだろうけど
これが絶対に相容れられないようなポリシーってなんかあったかな?
2021/11/01(月) 18:25:45.93ID:ZjFzlu/6
TSって滅多にクラス使わないけどDIってどうやってんの?
2021/11/01(月) 20:45:04.19ID:bXtGRcPZ
クラス全く使わないわけじゃないよ。まぁ明示的に副作用使いたい時ぐらいしか使わないけど
2021/11/11(木) 15:10:53.10ID:CHcG8Nbi
DIの件はこれで解決した

function F(deps: { … }, p1: T1, p2: T2)

よくよく考えると
たったこれだけのことだったんだ
フレームワークとかややこしいことを考えたのが間違いだった
2021/11/11(木) 19:34:48.71ID:CHcG8Nbi
type X = {
foo: string;
bar: string;
baz: string;
}

この型から

type Y = {
foo: string;
bar: string;
}

この型をMappedTypesで定義したい
つまり特定の属性を除去した型を作りたいのだけど出来る?
2021/11/11(木) 21:14:57.72ID:P2a3zHOn
Utility Types の Omit とか。
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。

ニューススポーツなんでも実況