TypeScript part3

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

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/

**デフォルトの名無しさん** · 2020/06/06(土) 19:11:34.24

>>416
そうすることにします

>>417
AppData\Roaming\npm
にありました。

>>418
元々コンソール上からはどのコマンドも実行できるのですが、
vscodeのタスクから使うとエラーが出てしまうんです。

色々テストしていたところ、
単なるシェルコマンド echo unko ですらエラーが出るのでvscode固有の問題っぽいです

**デフォルトの名無しさん** · 2020/06/06(土) 20:04:01.16

>>415
パラメータの書式が違うってのはPowerShellでよく見るエラーだけど、VSCodeってPowerShell叩いてるんだっけ？
VSCode固有の問題と決めつけるんじゃなくてもう少し調査してみたら？

**デフォルトの名無しさん** · 2020/06/07(日) 10:34:46.16

解決しました

日本語版のWindowsではpowershell.exeがShiftJISで読まれるので、
合わせてvscode上のPowerShellの文字コードをShiftJISに変えていたのが原因でした。
元のUTF-8に戻したら問題なく実行できました。

tscをフルパスで実行したらパスの途中にスペースが発生し、
PoweｒShellスクリプトのデバッグ時によく見た文字化けだったので気づけました。

>>420
ご名答です
PowerShellが叩かれていて、エラーもPowerShellからでしたｗ

**デフォルトの名無しさん** · 2020/06/11(木) 18:33:48.61

Nodeでサーバーを立てているような場合、
ユーザーが入力した値を格納する変数の型は一旦unknownとしておいた方が良いのでしょうか？
例えば以下の様な場合です。
　const func1 = (userInput: unknown) => {...};
　const func2 = (userInput: string) => {...};

バリデーション等を行って問題が無ければ、
改めて型宣言した変数に代入し直すような方法が一般的ですか？

**デフォルトの名無しさん** · 2020/06/13(土) 14:38:30.02

ついにDartがnull安全になったそうな
https://forest.watch.impress.co.jp/docs/news/1258690.html

webからiOSまで1言語で書ける(ちゃんと動くとは言っていない)

**デフォルトの名無しさん** · 2020/06/13(土) 16:20:45.29

今TypeScript+Reactを勉強しているのですけど、テーブルのコンポーネントで使いやすいものって無いですか？
テーブルのヘッダはそのままで縦は内容だけスクロールして横はテーブルも一緒にスクロールするみたいなものが良いです

**デフォルトの名無しさん** · 2020/06/13(土) 21:17:17.22

jexcel
react-table

react-tableは、初心者なら v6 おすすめ
理由は、標準でUIが付いてるから簡単にそれっぽいものができる
ドキュメント調べれば割と多くの挙動に対応できるはず
代わりに、UIのカスタマイズがつらい
「あそこのcssを弄りたいけど、どうやって指定すればいいかわからん」
「!importantじゃないと上書きできない」
的なことになりがち
あと、@types を v6 のをインストールするよう注意すること

UIごりごりにカスタマイズしたいなら最新の v7
headless と謳われてるように、UIが一切ないから全て自分の思い通り
代わりに、学習コストが高い
あと @types 書いたやつがバカなのか、Genericsの対応が酷くて
キャストがたくさん必要でうんざりする

**424** · 2020/06/14(日) 00:14:28.32

>>425
有難うございます、react-tableを調べてみます。

material-uiがElectronで
TypeError: Cannot use 'in' operator to search for 'ontouchstart' in null
とか出て動かなくて困っていました。
ボタン一個しか指定していないサンプルを写してこれです。

**デフォルトの名無しさん** · 2020/06/14(日) 00:51:17.06

>>426
https://stackoverflow.com/questions/60473495/how-to-properly-set-up-material-ui-with-electron-react-boilerplate

速攻それっぽいの出てきたが、ちゃんとググったかねキミィ？

**デフォルトの名無しさん** · 2020/06/14(日) 12:09:11.89

これっぽいの見たことあるけど、他にも気になる事があって見落としてました
<div>に書いてあるの要るのかな？
今試せる環境でないので後日に

**デフォルトの名無しさん** · 2020/06/25(木) 08:05:47.95

TypeScriptってsetIntervalとかsetTimeout,
async/await, Promiseとか使えるんですか？

**デフォルトの名無しさん** · 2020/06/25(木) 08:55:25.54

逆に使えない意味がわからない

**デフォルトの名無しさん** · 2020/06/25(木) 09:53:31.94

Ruby on Rails では、React も多いけど、

TypeScript を使う香具師は、いるのかな？

**デフォルトの名無しさん** · 2020/06/25(木) 10:01:29.46

ルビカスは宗教上の理由からTypeScriptなは絶対に使えないんで消えて
フロントエンドの方が厳格な言語で書かれてるとか頭おかしいからなw

**デフォルトの名無しさん** · 2020/06/25(木) 10:37:01.47

かわいそうに。

**デフォルトの名無しさん** · 2020/06/25(木) 11:14:26.11

CoffeeScriptとは何だったのかω

**デフォルトの名無しさん** · 2020/06/25(木) 11:57:37.69

Ruby on Rails 6 から、Node.js, webpack が標準になったから、

もう、Coffee Script には依存していない

**デフォルトの名無しさん** · 2020/06/25(木) 14:16:09.33

だからどうしたRubyガイジ
さっさと消えろ

**デフォルトの名無しさん** · 2020/06/25(木) 14:49:25.12

webpack使えるなら、普通にもうRoRでhtml作る必要ないのでは

**デフォルトの名無しさん** · 2020/06/25(木) 14:51:02.50

ほんまやな
PHPもRubyも、型無し糞言語は滅びるべきや
json以外を喋る邪悪なWebサーバーは1台残らず破壊しろ

**デフォルトの名無しさん** · 2020/06/25(木) 14:52:55.59

この場違いRuby妖怪はアンカ飛ばさんでも一応レス見てる素振りを見せるのがちょっとしたホラー

**デフォルトの名無しさん** · 2020/06/26(金) 03:43:22.98

GUI は、React, Bootstrap で良いけど、
サーバ側が、Node.js じゃ辛い

Rails, Sinatra などの、Ruby の方が分かりやすい

Rubyの欠点は、web アプリだけしか作れないこと！
スマホ用アプリも必要なら、Electron, React Native + Expo

それか、Unity

**デフォルトの名無しさん** · 2020/06/26(金) 07:42:47.69

Rubyの欠点はお前みたいなキチガイがスレチのクソ宣伝で評価を下げてることだよ

**デフォルトの名無しさん** · 2020/06/26(金) 14:54:51.55

https://twitter.com/yokatsuki/status/744702839558017024

多言語disをついやってしまう癖を止めて欲しい。
最後に参加したTokyuRubyKaigiで「Javaやってる人手を挙げてはーい♪今挙げた人はすぐに帰ってくださーい♪」って言ったのは忘れたくても忘れられない。
https://twitter.com/5chan_nel (5ch newer account)

**デフォルトの名無しさん** · 2020/06/26(金) 16:51:07.25

型無し糞言語やってる人は帰るだけじゃ済まされない
死んでください

**デフォルトの名無しさん** · 2020/06/26(金) 18:00:16.15

俺も東横線代表として参加してくるわ

**デフォルトの名無しさん** · 2020/06/26(金) 20:32:19.16

>型無し糞言語

今どきの言語で何があったっけ？

**デフォルトの名無しさん** · 2020/06/26(金) 22:12:45.13

>>442
10年以上前に同じようなJava disやってたスピーカーがいたが
別のスピーカー/コミッター達にあれはやめたほうがいいって厳しく批判されてたけどな
その時代の話なのかな

**デフォルトの名無しさん** · 2020/06/27(土) 01:29:27.09

ありますで喩えると
Java山中さん
*by笹井さん

**デフォルトの名無しさん** · 2020/07/01(水) 14:29:27.01

Talking TypeScript with the engineer who leads the team
https://stackoverflow.blog/2020/06/15/talking-typescript-with-ryan-cavanaugh/

**デフォルトの名無しさん** · 2020/07/15(水) 11:01:56.72

TypeScript で、無名配列のJSON ファイルは、import できない

[
["a", 10],
["b", 20]
]

名前を付ければ、import できる。
import { xyz } from "./a.json";

{"xyz": [
["a", 10],
["b", 20]
]
}

**デフォルトの名無しさん** · 2020/07/15(水) 12:14:33.71

typescriptに限らず
そういう実装結構ある
全体は{}を仮定してるの

**デフォルトの名無しさん** · 2020/07/15(水) 13:02:18.34

jsonってトップレベルはObject必須だと思ってた
そういう仕様あるのかな

**デフォルトの名無しさん** · 2020/07/15(水) 15:59:04.81

Type Script 使ってみて思ったけど
最初から ES がこの仕様だったら本当に助かってた
そして今の課題は既にある ES のライブラリ摂りこむのが面倒
なんとかならんのか？？っていう

**デフォルトの名無しさん** · 2020/07/15(水) 16:48:00.29

C# 使ってみて思ったけど
最初から C がこの仕様だったら本当に助かってた
そして今の課題は既にある C のライブラリ摂りこむのが面倒
なんとかならんのか？？っていう

**デフォルトの名無しさん** · 2020/07/15(水) 16:58:29.54

割とマジで攻守共にTypeScriptが最強だわ
TSに欠けてるのは、あとはパターンマッチくらいだろう
TypeScriptがネイティブバイナリ吐くようになればいい

**デフォルトの名無しさん** · 2020/07/15(水) 19:14:22.28

>>449
そもそもimportはjsonを読むためにあるわけじゃないから読めなくても不思議はないが、
ts3.9.6で試してみたら普通に読めるんだが？

>>451
rfc読めばわかるがトップレベルだけ特別扱いする必要ないしね。

**449** · 2020/07/15(水) 19:20:18.72

./a.json に以下だけを書いて、どういうimport 文を書いたの？

[
["a", 10],
["b", 20]
]

**デフォルトの名無しさん** · 2020/07/15(水) 20:06:40.11

ふつうに
import j from './a.json';

"module"は"commonjs"

**デフォルトの名無しさん** · 2020/07/15(水) 20:24:52.52

esModuleInterop か allowSyntheticDefaultImports は true になってる？
false や未設定なら、 `import * as j from './a.json';` でインポートする必要がある

**デフォルトの名無しさん** · 2020/07/15(水) 20:31:01.05

ああすまん、"resolveJsonMdule": true してた。
つまりmoduleじゃないjsonをロードしたいならこれが必要ってことね。

**449** · 2020/07/15(水) 21:20:34.32

あれ？普通に、これで、import できた！
漏れの勘違いだったみたい

import j from "./a.json";

漏れの設定は、

"module": "es2015",

"esModuleInterop": true,
"resolveJsonModule": true,

**デフォルトの名無しさん** · 2020/07/16(木) 13:16:30.71

こういうのはだめなんだっけ
[
["a", 10],
["b", 20],
]

**デフォルトの名無しさん** · 2020/07/16(木) 15:09:37.34

TypeScript の開発中は、
Webpack のオフライン機能、workbox を使わないから、

package.json の、"workbox-webpack-plugin": "^5.1.3" を、
コメントアウトしようとしたが、形式エラーになって出来ない

削除はできるけど、コメントアウトで残しておきたい

**デフォルトの名無しさん** · 2020/07/16(木) 15:10:33.56

gitを使いましょうよ・・・

**デフォルトの名無しさん** · 2020/07/16(木) 15:13:26.35

>>461
JSON ファイルでは出来ない

よく知らないけど、新しめの、JS/TS ファイルでは出来るかも

**デフォルトの名無しさん** · 2020/07/16(木) 18:14:40.47

よく知らないなら黙ってろrubyｶﾞｲｼﾞ

**デフォルトの名無しさん** · 2020/07/16(木) 18:31:21.38

>>461
ケツカンマをファックできるのはECMAScript 5以上
JSONはファックできない

**デフォルトの名無しさん** · 2020/07/22(水) 02:36:42.07

クライアント向けの開発サーバーが付いている、Parcel を使っている香具師いる？

Postman を使っている香具師いる？
これは、REST クライアントかな？
漏れは、VSCode の拡張機能の、REST Client を使っているけど

他には、TypeScript で、Express サーバーを実行する、ts-node-dev は？

**デフォルトの名無しさん** · 2020/08/01(土) 03:44:15.17

pacage.jsonのバージョンを取得したくて
src/index.tsで
import {version} from '../package.json'
を思いついたのですが、これだとコンパイルでdistに排出されるときにpackage.jsonも排出されてしまいます
これを解決する（依存関係をdistに持ってくるのではなくが./package.jsonを常に読むようにしたい)方法はあるのでしょうか？

**デフォルトの名無しさん** · 2020/08/01(土) 07:24:44.96

コンパイルするたび常に最新のpackage.jsonがdistに排出されるんだから
それでええんちゃう？

**デフォルトの名無しさん** · 2020/08/01(土) 19:08:50.40

>>469
自分的にはdistに排出される先にもう一つpackage.jsonが作られるのが気持ち悪いと感じたのですがそうでもないんですかね？

**デフォルトの名無しさん** · 2020/08/01(土) 21:11:01.65

たしかにキモい

**デフォルトの名無しさん** · 2020/08/01(土) 21:32:06.85

普通にgitignoreしてるだろうしdistにpackage.jsonがあっても特にデメリットないし
distに何が吐かれててもええんちゃう？

**デフォルトの名無しさん** · 2020/08/03(月) 07:34:16.45

>>468
process.env.npm_package_version
じゃダメなの？

**デフォルトの名無しさん** · 2020/08/03(月) 09:46:39.86

>>473
横からだけどサンキュー
こんなことできるんだね、勉強になった

package.jsonの各種要素を読み込みたい！ - DEV
https://dev.to/origamium/package-json-1626

**デフォルトの名無しさん** · 2020/08/03(月) 10:52:32.11

>>474
公式にもこんなところにしれっと書かれてる
https://docs.npmjs.com/misc/scripts#packagejson-vars

package.jsonの各フィールドの説明してるページには書いてないんだなぁ…

**デフォルトの名無しさん** · 2020/08/05(水) 08:07:16.62

Announcing the new TypeScript Website
https://devblogs.microsoft.com/typescript/announcing-the-new-typescript-website/

**デフォルトの名無しさん** · 2020/08/21(金) 08:26:54.83

Announcing TypeScript 4.0
https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/

**デフォルトの名無しさん** · 2020/08/21(金) 09:31:14.74

もう4.0の時代なのか・・・
それなのにおまいらのプロダクトときたら・・・

**デフォルトの名無しさん** · 2020/08/21(金) 11:12:40.65

現場猫『ヨシッ！』

**デフォルトの名無しさん** · 2020/08/21(金) 11:15:43.37

監督猫『ヨシッ！』

**デフォルトの名無しさん** · 2020/08/21(金) 13:28:51.80

一次請猫『ヨシッ！』

**デフォルトの名無しさん** · 2020/09/14(月) 09:29:26.60

ここで聞いて良いのかわからないけどimportの拡張子(.js)を省略して、js変換時に拡張子をつけることってできないかな？
開発中はtsc使って開発者終了時だけwebpack使いたいのだけども

**デフォルトの名無しさん** · 2020/09/14(月) 09:33:13.37

そのようにwebpack設定するだけでは
cssやjpgとかの非プログラムファイルにしかimport文に拡張子書いたことないわ

**デフォルトの名無しさん** · 2020/09/14(月) 21:55:40.83

webpackの方でなんとかするしかないか。
ありがと

**デフォルトの名無しさん** · 2020/09/15(火) 00:09:40.68

typescript のポリシーからすると将来的にも対応される可能性は低い

**デフォルトの名無しさん** · 2020/09/28(月) 14:36:37.18

マイクロソフト発のオープンソース言語「TypeScript」、生みの親が語る開発当初や背景
https://japan.zdnet.com/article/35159882/

**デフォルトの名無しさん** · 2020/09/28(月) 19:49:45.93

TypeScriptのまえにWebAssemblyが登場していたらみなそっちに飛び付いたのだろうか。

**デフォルトの名無しさん** · 2020/09/28(月) 22:54:37.39

何だかんだ言ってみんなJavaScriptが大好きだからな
それにブラウザに実装されているAPIはJavaScriptから使うこと前提だからWebAssembly使っても余計な苦労するだけだ
ゲームには向いてるだろうけど

**デフォルトの名無しさん** · 2020/09/28(月) 22:56:43.96

既存のJS資産を流用できたのも強みの1つだったと思うから、やっぱTSの戦略勝ちじゃねえの
つかWASMって一時期騒がれてたけど今どうなったんだ？

**デフォルトの名無しさん** · 2020/09/28(月) 23:49:19.24

>>489
Unityが実用？になってるぐらい。

なにしろ、仕様も含めて
今後どうなるかわからん状況では？

**デフォルトの名無しさん** · 2020/09/29(火) 09:41:15.62

FlutterがDartじゃなくてTSだったら良かったのに

**デフォルトの名無しさん** · 2020/09/29(火) 11:21:16.26

ほんとそれな
あんな劣化Javaみたいな言語ありがたがってる連中の頭が理解できない

**デフォルトの名無しさん** · 2020/09/29(火) 12:10:42.86

大して機能違わないじゃん。
何が足りないと思ってるの？

**デフォルトの名無しさん** · 2020/09/29(火) 13:15:04.46

知能
努力
向上心

**デフォルトの名無しさん** · 2020/09/29(火) 13:35:36.65

そうだな、JavaとJavaScriptも一緒だしな

**デフォルトの名無しさん** · 2020/09/29(火) 14:11:13.25

>>493
NULL安全とか？

**デフォルトの名無しさん** · 2020/09/29(火) 15:46:22.91

>>496
あるよ
>>494
ないよ

**デフォルトの名無しさん** · 2020/09/29(火) 18:45:22.24

マイクロソフト発のオープンソース言語「TypeScript」、生みの親が語る開発当初や背景
https://japan.zdnet.com/article/35159882/

**デフォルトの名無しさん** · 2020/09/30(水) 13:09:08.11

>> Microsoftが2018年に75億ドル（約8000億円）を投じて買収したGitHub
知らんかった
オンライン版のvscodeがGitHubにあるのはそういうわけか

**デフォルトの名無しさん** · 2020/10/02(金) 00:47:34.12

ピチャイのマイクロソフトは良いマイクロソフト。

**デフォルトの名無しさん** · 2020/10/10(土) 13:18:23.70

こんにちは。プログラミング初心者です。
TypeScriptとJavaScriptはどっちが最強なんでしょうか？
これから始める場合はどっちがいいのですか？

TypeScriptはJavaScriptとくらべ実行速度は変わらないのに
静的型付けのため記述が面倒で学習する価値がないと友達が
言ってたんですがこれは正しいですか？

**デフォルトの名無しさん** · 2020/10/10(土) 14:42:01.38

>>501
普段からめちゃくちゃな
読めないコード書いてる人には
難しいと思いますよ。

**デフォルトの名無しさん** · 2020/10/10(土) 15:45:53.37

>>502
なるほど。つまりTypeScripはtコードをきれいに見せるためだけの言語ってことなんですね。

**デフォルトの名無しさん** · 2020/10/10(土) 15:53:32.39

価値がわかるようになるまではJS使うのをおすすめする
今TS触っても嫌いになるだけだと思う

**デフォルトの名無しさん** · 2020/10/10(土) 16:35:21.67

ん。。。価値が分かる人にしかわからないプロ向けの言語なんですね。。。

**デフォルトの名無しさん** · 2020/10/10(土) 16:57:30.55

綺麗に見えるということは他人が書いたコードであっても理解しやすいといえる

**デフォルトの名無しさん** · 2020/10/10(土) 17:08:45.97

複数人で開発するとき用ってことですね。
一人でWEBアプリ作って満足してる分には必要なさそうですね。

**デフォルトの名無しさん** · 2020/10/10(土) 17:26:29.17

ソースを公開する時に型は必須だな
複数人開発だと必然的に他人にソースを公開する訳だから型は必須だな
一人で開発してる時も未来の自分にソースを公開すると考えれば型は必須だな

**デフォルトの名無しさん** · 2020/10/10(土) 17:30:06.10

この理屈で行くと型が必要無い状況は使い捨てのコードを書く時になる
実際、実験的なコードを書くときはJavaScriptでサクッと書いてる

**デフォルトの名無しさん** · 2020/10/10(土) 17:31:37.81

型を指定するのは実行速度のためだと思ってましたが違うんですね。

**デフォルトの名無しさん** · 2020/10/10(土) 17:41:03.06

個人で、1ファイル、2, 300行程度のオモチャしか書かない奴にはいらないかもしれんな
複数人で、2ファイル以上のまともなコード書くなら、型は必須

「全てのfunctionが何かを引数にとって何かを返します。その『何か』はコードを読まないとわかりません」
じゃ困るだろ

**デフォルトの名無しさん** · 2020/10/10(土) 17:46:03.97

複数人でも一つ一つ関数定義を確りして
コメントを残せば後から見返してもわかりそうな気がするのは
私がまだ未熟なんですね。

**デフォルトの名無しさん** · 2020/10/10(土) 17:46:21.26

3ヶ月前の自分は他人
webのようにリリース後にメンテする可能性があるなら確実に過去の自分を恨むだろう

**デフォルトの名無しさん** · 2020/10/10(土) 17:56:33.59

>>512
でもそのコメント、人によって書き方バラバラだし、その通りに実装・使用されているかわからないよね
そのコメントが規格化されていて、その通りに実装・使用されていることを保証してくれるのがTypeScriptとでも思え

**デフォルトの名無しさん** · 2020/10/10(土) 18:02:00.15

わかりました。TypeScriptの勉強をしてみます。
バックにはMicrosoftとGoogleがついてるみたいですので
安心して学習してみます。

**デフォルトの名無しさん** · 2020/10/10(土) 18:14:27.06

せや
どこの馬の骨ともしれんバカではなく
MicrosoftとGoogleの天才たちを信じろ

**デフォルトの名無しさん** · 2020/10/10(土) 18:32:27.26

型情報による補完などのエディタの支援機能がないと書けない体になってしまった…

**デフォルトの名無しさん** · 2020/10/10(土) 18:36:49.23

>>502
これさ無茶苦茶なコード書いてる人がキレイなコードかけるようになるって点でTSって素晴らしいと思う