9
票
承認済み
TypeScript で文字列と数値の加算(連結)を禁止か検出したい
TSの機能としては見つけられませんでしたが、tslintならばそれっぽいルールが有りました。
restrict-plus-operands です。
ルールのテスト例: https://github.com/palantir/tslint/blob/master/test/rules/restrict-plus-operands/test.ts.lint
8
票
承認済み
TypeScript で 0 と 1 を比較すると「重複が無い」というエラーになる理由は?
intとstringには特殊化した値そのものの型を作れます
また、リテラルにはそのような型が付きます
ここでは「1という型」と「0という型」に重複がない、と言われています
https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#literal-types
In addition to the general types ...
6
票
webアプリの通信をhttps化したい
ちょっとXY問題になっていると思われます。一つ一つ説明していきます
通常、開発環境ではlocalhostへのHTTPアクセスで行い、ほとんどの場合で問題が発生することは無い
HTTPアクセスであるためマイクが有効にならないと困っているようですが、そもそも開発用Webサーバーへのアクセス方法が間違っています。npm startの時に下記のようなメッセージがでたと思います。
<i> [...
5
票
承認済み
TypeScriptの配列インデックスにある"+"(プラス記号)は何を表す?
おそらくですが、number型へのcast(変換)です。
// 文字列の前に + を付けるとnumber型が返る
const str = '0';
const num = +'0';
console.log(str + 1);
console.log(num + 1);
例えば他にも以下のような方法があります。
JavaScriptにおける数値⇔...
5
票
TypeScriptの配列インデックスにある"+"(プラス記号)は何を表す?
MDN では 単項正値演算子 という名称で説明されていました。
#単項演算子 式と演算子 - JavaScript | MDN
この演算子が文字列に対して使用された場合、
数値に変換可能な文字列であった場合は数値
数値に変換不可能であった場合は NaN
に変換されます。
また、#数値 JavaScript 「再」入門 - JavaScript | MDNでは、
parseInt() や ...
5
票
承認済み
await Promise.all();以降の処理が実行されない原因が知りたい。
new Promise(() => { fetch(textPath).then( (response) => response.text() ).then( (data) => console.log("1 " + data)); } )というプロミスは永遠に待機(pending)の状態であり、履行(fulfilled)になることも拒否(rejected)...
5
票
承認済み
なぜneverをreturnできない?
never 型はそこに到達不可能であることを示す型です。never 型の値は存在しないので、ある関数が何かしら値を返しているのにその関数の返り値の型が never であると、型検査でエラーになります。
null 型や、リテラル型のひとつである 1 型は、never 型とは異なります。null 型の値として null があるので、関数が null を返し、その返り値の型が null ...
4
票
承認済み
javascript/typescriptにて文字列から特定の値を抜き出し変数に格納する
文字列.match(正規表現) でマッチした結果が配列で得られます。
数値は(\d+)の様にマッチする部分を指定します。
/は、\/のようにエスケープします。
(間のスペースが複数だったり単数だったりゆらぎがある場合にはその部分も正規表現とする必要があります。)
(result[0]はマッチした全体、以降は( )で指定した部分マッチ)
(result =の部分は[dummy, year, ...
4
票
TypeScriptで初期値を指定して変数を設定すると==演算子でエラーになる時がある
このコードのように変数の宣言と代入を別のところで行うとhoge==falseの部分がエラーに
なりません。
これは、2.2.1 の "Control flow based type analysis" が不十分だからだと思います。
2.5.2 においてはエラーになります。
この点を以下で説明します。
(literal) true 型 などについてはrio.irikami ...
4
票
TypeScriptとjestの組み合わせでエラーが出る
シンプルな答え
Node.jsのバージョンを上げてください
解説
質問でエラーになっているコード timer?.id は、optional chaining (?.)という比較的新しい構文です。
Node.jsでは2020年にリリースされた(すでに3年前ですが) v14よりこれに対応しています。つまり、以降のバージョンに更新してください。
コメントによると、お使いの環境のNode....
4
票
承認済み
dialogタグを配置場所の理由が知りたい。
ダイアログは閉じようとしていますが、そのあとすぐに開いているだけです。
<td onclick="PopUpWindow_Show()">の中に<dialog id="modalWindow">が有り、そのまた中に`モードレスダイアログを閉じる'が有る形になります。阻止を明示しない限り、clickイベントは親要素への伝播するため、...
4
票
承認済み
TypeScriptにanyは使わない方がいいですか?
anyを使用してはならないとTypeScriptの公式のドキュメントに明記されています。
TypeScript: Documentation - Do's and Don'ts#any
Don’t use any as a type unless you are in the process of migrating a JavaScript project to TypeScript. [......
3
票
承認済み
typeやinterfaceを使用せず、複数ある引数に型を付与したい。
つまり実現されたいことは以下のようなコードでしょうか?
React.FC<>を使わない場合
const Child = (props: { toggle: boolean, setToggle: (value: boolean) => void }) => {
const { toggle, setToggle } = props;
return (
&...
3
票
承認済み
typescript で即値に対して型を制約したい
config系に応用するのはやや困難ですが一応回答を残します。
根本的な原因は、['foo', 'bar']という式が型註釈無しでは[string, string]ではなくstring[]に推論されてしまうことです。これをタプル型が推論されるように矯正するにはas constを用います。これはasという構文を含みますが、あくまで推論方法を変えるフラグであり型を強制的に変えるものではないためas ...
3
票
TypeScriptアロー関数型の引数名 this
上記結果より、引数名 this が特別扱いされているのだろうと予想しましたが、この挙動は実際にはどういう仕様に拠るものでしょうか。
TypeScriptのdocumentで this parameters と呼ばれてるものです。
https://www.typescriptlang.org/docs/handbook/functions.html#this-parameters
this ...
3
票
承認済み
Emacsのorg-babelでTypeScriptを書くとき、tsconfig.jsonはどこに置けば?
英語版にも同趣旨の質問をしていましたが、回答のワークアラウンドで目的は達成できました。
https://stackoverflow.com/questions/63842382/how-to-apply-tsconfig-json-to-the-emacs-org-babel
#+BEGIN_SRC typescript :cmdline --strictNullChecks :results ...
3
票
HH/MMの型を'01' | '02' | '03' | ... | '60'で定義するTypeScriptの良い書き方募集
TypeScript 4.1以降の機能でTemplate literal typesを使うと表現ができるようになるかと思います。まだ正式リリース版ではないので、Playgroundなどで試してみると良いと思います。
DEMO
Playground
サンプルコード
inferなど使えば境界値を厳しく表現できますが、簡単で直感的な例として次のような感じにかけます。
type Concat<S1 ...
2
票
承認済み
string enum で値からキーを取得したい
値からキーを逆引きできる機能は reverse mapping と呼ばれていますが、TypeScrip 2.5 現在、この機能はメンバーが number 型である enum で使うことが想定されています。特に、string 型のメンバに対しては実装されていません。実際 TypeScript のドキュメントにも
Keep in mind that string enum members do ...
2
票
TypeScript で単一のクラスを import する方法
ES Modules 前提の環境では次の記述で十分ですね。
// mymodule.ts
export class Klass {}
// index.ts
import { Klass } from './mymodule';
klass = new Klass();
2
票
承認済み
継承先クラスでは実装されているかも知れないメソッドを基底クラス内で扱いたい
BaseClass で g メソッドを以下のように宣言すればよさそうです。
class BaseClass {
g?(): void
説明:
質問のコードから見るところ、g は「有っても無くてもよいメソッド」です。
「有っても無くてもよい」ことを表現する型で公式ドキュメントに説明が有るのは、Advanced Typesの「Optional parameters and ...
2
票
継承先クラスでは実装されているかも知れないメソッドを基底クラス内で扱いたい
TypeScriptは扱かったことがないので、オブジェクト指向的な考え方からの回答になります。
BaseClassに定義しているfメソッドは抽象メソッドとして定義を行うべきです。
その後ExampleClassA、ExampleClassBでそれぞれでfメソッドの内容をオーバーライドして実装するべきだろうと考えます。
もしくは、BaseClassにgメソッドへの参照をなくし、...
2
票
TypeScriptのGenericsの使いどころや考え方?について
ActionScriptの類似機能
(ActionScript3でのinterfaceとの違いやメリットが解らない?同じようなものなのか、全く違うものなのか)
私はActionScriptは解りませんが、一般論で言うとインターフェースとジェネリクスは全く違うものです。
想像ですが、ActionScriptにジェネリクスに相当する機能が無いのであれば、ActionScriptからは離れて、...
2
票
承認済み
Angular:カスタムしたdirectiveを動的にタグに埋め込みたい
この質問はhttps://teratail.com/questions/142007にも投稿し、有用な回答を得られたので、こちらにも記載し回答済みとします。
(下記の内容はteratailユーザー:keisukehさんの回答を元にしています)
質問に対する回答は2つです。
1.ngOnInitでDOMにdirectiveを追加する処理を書くのではなく、...
2
票
承認済み
単独ファイルコンポネント(.vueファイル)にも、vue-class-componentのクラスにもpugプレプロセッサーを利用出来るようなWebpack設定
私の場合は、これで動いてくれました:
{
test: /\.pug$/,
oneOf: [{
resourceQuery: /^\?vue/,
use: ["pug-plain-loader"]
}, {
use: [
"html-loader",
"pug-html-...
2
票
fetch()を含むライブラリをTypeScriot/nodejsで利用したいが、グローバル変数の置き換えがよく分からない
こんな感じで置換可能でした。
import fetch, { Request, RequestInit, Response } from 'node-fetch';
interface Global { fetch(url: string | Request, init?: RequestInit | undefined): Promise<Response> }
declare ...
2
票
変数が定義済みかどうかの判定
質問内容が「変数が定義済みか」なのか「プロパティが定義済みか」なのか、判断に迷うところですが、両方の観点から回答します。
TypeError
if (typeof (data) !== 'undefined' && typeof (data.value) !== 'undefined') {
console.log('defined:' + data.value);
}
...
2
票
Promise<Hoge> Hogeの取り出し方
Promise<>の使い方を説明しているサイトがあったら教えてください。
MDNに詳しい使い方が日本語で紹介されてましてので、こちらが参考になると思います。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Using_promises
navigator.mediaDevices....
2
票
typescriptでdate-utilsモジュールのimportができない
このエラーメッセージは、default exportをインポートする構文を用いてdate-utilsをインポートしなければならないと指摘しています。つまり、次のようにすればエラーが消えると思われます。
import dt from 'date-utils'
追記
上記に加えて、さらにtsconfig.jsonから"allowSyntheticDefaultImports": ...
無効化に投票
関連するタグ
typescript × 231javascript × 84
reactjs × 50
vue.js × 19
node.js × 16
next.js × 16
angular × 10
webpack × 8
react-jsx × 8
material-ui × 8
angularjs × 7
nuxt.js × 7
html × 6
jestjs × 6
promise × 4
jquery × 3
vscode × 3
electron × 3
dom × 3
ruby-on-rails × 2
laravel × 2
json × 2
firebase × 2
emacs × 2
google-chrome × 2