8
票
Accepted
TypeScript で文字列と数値の加算(連結)を禁止か検出したい
TSの機能としては見つけられませんでしたが、tslintならばそれっぽいルールが有りました。
restrict-plus-operands です。
ルールのテスト例: https://github.com/palantir/tslint/blob/master/test/rules/restrict-plus-operands/test.ts.lint
5
票
Accepted
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
票
Accepted
await Promise.all();以降の処理が実行されない原因が知りたい。
new Promise(() => { fetch(textPath).then( (response) => response.text() ).then( (data) => console.log("1 " + data)); } )というプロミスは永遠に待機(pending)の状態であり、履行(fulfilled)になることも拒否(rejected)...
4
票
Accepted
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 ...

mjy♦
- 1.2万
4
票
Accepted
dialogタグを配置場所の理由が知りたい。
ダイアログは閉じようとしていますが、そのあとすぐに開いているだけです。
<td onclick="PopUpWindow_Show()">の中に<dialog id="modalWindow">が有り、そのまた中に`モードレスダイアログを閉じる'が有る形になります。阻止を明示しない限り、clickイベントは親要素への伝播するため、...
3
票
Accepted
typeやinterfaceを使用せず、複数ある引数に型を付与したい。
つまり実現されたいことは以下のようなコードでしょうか?
React.FC<>を使わない場合
const Child = (props: { toggle: boolean, setToggle: (value: boolean) => void }) => {
const { toggle, setToggle } = props;
return (
&...
3
票
Accepted
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
票
Accepted
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 ...
3
票
TypeScriptとjestの組み合わせでエラーが出る
シンプルな答え
Node.jsのバージョンを上げてください
解説
質問でエラーになっているコード timer?.id は、optional chaining (?.)という比較的新しい構文です。
Node.jsでは2020年にリリースされた(すでに3年前ですが) v14よりこれに対応しています。つまり、以降のバージョンに更新してください。
コメントによると、お使いの環境のNode....
2
票
Accepted
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
票
Accepted
継承先クラスでは実装されているかも知れないメソッドを基底クラス内で扱いたい
BaseClass で g メソッドを以下のように宣言すればよさそうです。
class BaseClass {
g?(): void
説明:
質問のコードから見るところ、g は「有っても無くてもよいメソッド」です。
「有っても無くてもよい」ことを表現する型で公式ドキュメントに説明が有るのは、Advanced Typesの「Optional parameters and ...

mjy♦
- 1.2万
2
票
継承先クラスでは実装されているかも知れないメソッドを基底クラス内で扱いたい
TypeScriptは扱かったことがないので、オブジェクト指向的な考え方からの回答になります。
BaseClassに定義しているfメソッドは抽象メソッドとして定義を行うべきです。
その後ExampleClassA、ExampleClassBでそれぞれでfメソッドの内容をオーバーライドして実装するべきだろうと考えます。
もしくは、BaseClassにgメソッドへの参照をなくし、...
2
票
TypeScriptのGenericsの使いどころや考え方?について
ActionScriptの類似機能
(ActionScript3でのinterfaceとの違いやメリットが解らない?同じようなものなのか、全く違うものなのか)
私はActionScriptは解りませんが、一般論で言うとインターフェースとジェネリクスは全く違うものです。
想像ですが、ActionScriptにジェネリクスに相当する機能が無いのであれば、ActionScriptからは離れて、...

mjy♦
- 1.2万
2
票
Accepted
Angular:カスタムしたdirectiveを動的にタグに埋め込みたい
この質問はhttps://teratail.com/questions/142007にも投稿し、有用な回答を得られたので、こちらにも記載し回答済みとします。
(下記の内容はteratailユーザー:keisukehさんの回答を元にしています)
質問に対する回答は2つです。
1.ngOnInitでDOMにdirectiveを追加する処理を書くのではなく、...
2
票
Accepted
単独ファイルコンポネント(.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": ...
2
票
Accepted
typescript で実行可能スクリプトをコンパイルし npm で配布する際には、どのような構成にする?
2つ紹介します。
1.シンプルな構造
簡易なやり方を紹介します。next.jsのcreate-next-appが分かりやすい例です。
規模の小さなライブラリや、別のライブラリにコアな実装が切り出された場合に向いています。
create-next-app
├── package.json
├── index.ts # TypeScriptの実装
└── tsconfig.json # ...
2
票
Accepted
TypescriptでGASを書いていると、HttpMethodでerror TS2345が出る
let params = {
method: 'post',
contentType: 'application/json',
payload: '{"text":"Hello, World!"}'
};
のように、変数定義を書くと、型推論によりparamsの型が
{ method: string; contentType: string; payload: ...
2
票
extends Vueはtypescriptの機能ですか?
TypeScript の構文は JavaScript の構文を拡張する形で作られています。つまり JavaScript で使える構文は TypeScript でも使えます(あくまで構文の話であって、コンパイルすると型エラーが出ることはあるかもしれませんが)。
つまり、class を extends する構文は JavaScript で使えますが、TypeScript でも使えます。...
2
票
Accepted
ReactでAxiosを使用し結果を表示する仕組みで、mapのエラー(TS105)となる
searchResult.mapをラップしている({})が不要ですね。
<ul></ul>の中身を次のように置換すると良いでしょう。
{searchResult !== null && searchResult.map((item: any) => {
return <li>{item.volumeInfo.title}</li&...
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
typescript × 218javascript × 78
reactjs × 46
vue.js × 18
node.js × 15
next.js × 15
angular × 10
webpack × 8
angularjs × 7
jestjs × 7
nuxt.js × 6
material-ui × 6
html × 5
react-jsx × 5
promise × 4
jquery × 3
json × 3
firebase × 3
dom × 3
ruby-on-rails × 2
html5 × 2
laravel × 2
vscode × 2
emacs × 2
google-chrome × 2