[typescript] タグが付いた質問
TypeScriptは、JavaScriptに上位互換性を保ちつつ静的型付けなどを加えた言語です。JavaScriptに変換されます。このタグは、TypeScriptに固有の質問用です。通常のJavaScriptの質問には使用されません。
54
未回答やベストアンサーなし質問
2
票
1
回答
71
閲覧数
Promise の配列に対して、それを早い順で resolve する async generator に変換したい
今、 Promise の配列があったとき、その resolve の早い順に await したいと思っています。 ES2021 に、 for await of の構文が導入されたので、 Promise の配列をその早い順に resolve してくれる async generator に変換するライブラリなどの関数があれば、やりたいことが実現できるな、と思っています。
// 例
const ...
2
票
1
回答
87
閲覧数
Typescript で作成しているアプリのクラスのメソッドが自分の想定通りに動きません。
学習のためReact+Typescriptでブラウザで動くチェスのアプリを作成しています。駒を動かす動きは自分の想定通りに動くものができたのですが、キャスリングの動き(キングとルークという二つの駒を同時に動かす)を実装しようとした際に作ったメソッドが自分の想定通りに動きません。
// --snip--
export abstract class Piece {
position: ...
2
票
0
回答
109
閲覧数
関数の戻り値を受けた変数が型推論されない
以下のコードで、関数の戻り値が Promise<Foo> なので await した foo の型は Foo になると思ったのですが any になってエラーが出ます。なぜですか。
コード
type Foo = {
bar: string | undefined;
};
const getFooPromise = async (prevBar?: string | undefined)...
2
票
0
回答
78
閲覧数
ジェネリクスのクラスを引数に取るとき、デフォルト引数を取る方法を教えてください。
ジェネリクスを new するには {new(): T} すればよいということを、以下のドキュメントで知りました。
https://github.com/Microsoft/TypeScript/wiki/FAQ#why-cant-i-write-typeof-t-new-t-or-instanceof-t-in-my-generic-function
しかし、ジェネリクスのクラスを引数に取るとき、...
2
票
0
回答
45
閲覧数
NestJS(TypeORM)でsyncronizeされてしまう
こんにちは。TypeORMを使用してNestJSで開発してます。
DB接続~開発まで問題なく繋がってはいるのですが。
この度、table(Entity)の即時反映を止め、Migrationで変更を管理しようとしています。本家ページを見るとsynchronize:trueに設定しているとEntityが変わったらBindingされDBにも即時適用されるとの事でこちらをfalseにしてみました。
ただ、...
2
票
0
回答
82
閲覧数
vscodeのエクスプローラ表示で、任意のファイルの背景色だけを動的に変更する方法
下記関連ですが、
サイドバーのエクスプローラの背景色変更方法
vscodeのサイドバーのエクスプローラ上のソースツリーにて、
任意のファイルの背景色だけを動的に変更したいのですが、実現方法が分かりません。
typescriptのロジックイメージとしては、こんな感じです↓
エクスプローラ上のソースツリー内でファイルXXXを探索し、
ファイルが存在した場合、ファイルXXXの背景色表示だけを変更する。
...
1
票
1
回答
48
閲覧数
定義された型の変数を読み取り専用にしたい
例えば,以下のような Options という型を定義します。
interface Options {
"encoding": string,
"initValue"?: any
}
変数 options を用意するとき変数中身の編集については型の入力補完を継承しつつ,最終的には読み取り専用として変数を宣言したいです。
...
1
票
0
回答
61
閲覧数
cordova.plugins.barcodeScanner.scan()は非同期処理でしょうか?
cordova cli ver.10.0.0, Angular2で開発しています。
cordova.plugins.barcodeScanner.scan 処理を以下のソースを実装して実行してみると、以下の順番でメッセージが表示されています。
・readCodeCtrl start
・Scan Result :
・scan success!
CodeScannerCtrl ...
1
票
0
回答
371
閲覧数
javascriptで半角入力を強制したinput要素に全角入力を行った際に入力済みの文字が消える現象
Reactを用いて以下のようなコンポーネントを作成しました。
文字が入力された際、それが数字であるなら半角化して反映します。
全角入力をそのままにしてしまうと不具合が起きる("111あああ222"としたとき222の部分が反映されないなど)ため、入力を検知するたびフォーカスを一瞬外して戻すことで強制的に一文字ずつ確定させています。
const InptArea:FC=()=>...
1
票
1
回答
1,037
閲覧数
TypeScriptでAPIから返ってきたJsonファイル(連想配列)に型を定義したい。
下記のURLにアクセスするとGitHubリポジトリのデータがJsonファイルで返されるのですが、配列の中に複数オブジェクトが入ってる物にどのように型を定義すれば良いか教えて頂けないでしょうか?
https://api.github.com/repositories/354726603/contents/articles
この記事を参考に出来ると思ったのですが、返ってくるデータが[{},{},{}.....
1
票
2
回答
313
閲覧数
interfaceをObject.keysで回して値を更新したい
javascriptからTypeScriptへの移行を行っています。
javascriptでは下記のようにobjectのkeyを用いて部分変更ができましたが
Typescriptでは型が怒られるため実現できていません。
Typescriptではどう逆立ちしても無理でしょうか?
巨大なobjectの一部を更新するロジックがかなり多いため、なんとか実現したいのですが。。。
javascript
...
1
票
0
回答
55
閲覧数
react typescript materialUIを使ったスタイルの当て方
環境
・reactとTypescriptを使っています
・デザインはmaterial UIを使っています。
・スタイルlはstyled-componentsで当てています。
わからないこと
Material UIからText Fileldをimportしてきてstyled-componetsを使ってスタイルを当てました。
しかし下記のようなエラーが出てしましました。
...
1
票
0
回答
428
閲覧数
Vuex & Typescript で this.$store を参照できない
お世話になっております。
現在VuexとTypescriptを使用してカウンターアプリを作成しています。
質問
Vuexのストアをthis.$storeで参照することができない。
this.$store → TS2339: Property '$store' does not exist on type
this['$store'] → 正常に動作する
this['$store']...
1
票
0
回答
573
閲覧数
react nativeでpretterとeslintを使用するときのコード整形について
解決したいこと
拡張子.jsで書くreact nativeのpretterとeslintでのコード整形について
typescriptで書くときに悩まされる下記のerrorについて
前提
react native を書いています。コード整形でpretterとeslintを使用しています。
問題
ここでうまく行かないことがあります。
ファイルの拡張子を.js でreact ...
1
票
0
回答
66
閲覧数
TypeScript import {Foo} と import Fooの違い
タイトルのとおり、波括弧をつけた場合との違い及び
defalt exportと export オンリーとの違いがわかりません。教えてください。
1
票
0
回答
971
閲覧数
入力された日本語をカナ変換する方法
ionicでアプリ開発をしています。
ユーザが入力した、漢字も含む文字列を、カタカナに変換してサーバに保存したいです。
入力した値を即座にカナ変換するjQueryのプラグインautoKana.jsもあります。
しかしこれだと正確なカナが得られません。
例えば、「明日」という漢字だと本来欲しい値は「アシタ」です。
もしユーザが「明るい」と「日」を入力して「るい」を消して「明日」にした場合、「...
1
票
0
回答
68
閲覧数
SublimeText3ファイル保存に関して
SublimeText3にて新規でファイルを作成し、保存時にtsx形式で保存してもファイル名の最後に.jsがついしまいます。
どなたか解決方法ご存知でしょうか。
1
票
1
回答
203
閲覧数
redux-form(v6)をtypescriptで使いたい
redux-formをtypescriptで利用しているかに質問です。
やりたいことは「redux-form(v6)をtypescriptで使いたい」です。
typescriptはv2を利用。
redux-formの型定義を@typesで取得するとv4のものが取得されます。
https://gist.github.com/rluiten/...
0
票
0
回答
13
閲覧数
react-bootstrapのCard.imgでローカルに保存された画像を使うにはどうしたらいいでしょう?
ドキュメントにもある、上記のようなカードを作ろうとしています。
ドキュメントでは:
import Button from 'react-bootstrap/Button';
import Card from 'react-bootstrap/Card';
function BasicExample() {
return (
<Card style={{ width: '...
0
票
0
回答
16
閲覧数
rails側に保存した音声ファイルをReact側のwavesurferで使用したい。
解決したいこと
rails側に保存した音声ファイルをReact側のwavesurferで使用したいです。
環境
・dockerを使用して、バックエンド側(RoR)とフロントエンド側{React TypeScript *(wavesurferなどの一部はJavaScript)}に分けて開発を行っています。OSはWindowsですが、wsl2のUbuntu20.04で開発を行っています。
・...
0
票
0
回答
31
閲覧数
TypeScriptでaccessTokenの型エラーが出る
現在ポートフォリオサイトを作成しています。
https://github.com/takoyan33/manga-kousatu.net
https://manga-kousatu-net.vercel.app/
実現したいこと
現在Next.jsでポートフォリオで作成していおり、
TypeScriptで型付けをしたいと考えています。
発生している問題・エラーメッセージ
現在Firebase ...
0
票
0
回答
22
閲覧数
angularで画面遷移時にロードする方法
angularの勉強をしています。
router-outletを使用してブラウザで最初にアクセスした際にソースを一気に読み込むことで、追加の読み込みなしでサクサク画面遷移ができることがわかりました。
ただ、少し大きめのシステムで、各コンポーネントの処理が大きい場合に初回のロードが重くなるのではと思っています。
このような場合に、...
0
票
0
回答
18
閲覧数
@ngrx/sroreのselectメソッドの動きとReducer関数について
現在NgRxの公式チュートリアルを見ていますが、
https://ngrx.io/guide/store
@ngrx/sroreのselectメソッドの動きとReducer関数の引数(Actionの)について動きがわからないので教えて頂きたいです。
src\app\my-counter\my-counter.component.ts
import { Component } from '@...
0
票
0
回答
35
閲覧数
GrafanaのsecureJsonData取得方法
私はGrafanaのアプリケーションプラグインを開発しています。
私の理解では、secureJsonDataから資格情報を取得しようとするときは、データソースプロキシを使用する必要があります。
だから私の質問は:
1)データソースプロキシを使用するには、データソースプラグインを含める必要がありますか?
2)ドキュメントによると、plugin....
0
票
0
回答
46
閲覧数
AWS amplifyでログインページを展開する
以下のサイトを参考にAWS amplifyでログインページを実装したところ、ビルドに失敗しました。
React-router Auth Example
typescriptとreactで作成しています。
以下はAWS Amplifyでデプロイを試みたコードです。
typescript
import React from "react";
import ReactDOM from ...
0
票
0
回答
144
閲覧数
Typescript による ラジオボタンの値を取得したいです
Typescript による ラジオボタンの値を取得したいです
typescript
const [condition, setCon] = useState("");
const loading = (execute: () => void, infinit?: boolean): (() => void) => {
return ...
0
票
0
回答
61
閲覧数
axiosによる非同期処理
フロントはReact+Typescriptでaxiosを用いて非同期処理で、AWSのAPI GatewayからLambdaの処理を呼び出したいです。
実装したコード
axiosで実現させたいのは以下のコードと同じ処理です。
typescript
const req = new XMLHttpRequest();
req.open('GET', "APIGatewayのURL", ...
0
票
0
回答
48
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
0
票
0
回答
76
閲覧数
initializeAppを使用すると、Firebase Functionsでデプロイに失敗してしまう
今後Firebaseの機能を使用する必要があるため、
initializeAppを使いつつデプロイを成功させたいです。
initializeAppのある/なしでデプロイに成功/失敗します。
(initializeAppをコメントアウトすると成功します。)
firebase emulators:startによるローカルでの実行は成功しています。
...
0
票
0
回答
48
閲覧数
TypeScriptでPythonの辞書に相当するものを作りたい
TypeScriptでPythonの辞書に相当するものを作りたいのですが、保存するとVSCode側で勝手にkeyがstring以外に変換されてしまいます。
keyにstringを指定するにはどうすればよいですか?
0
票
1
回答
44
閲覧数
Vue Routerでネストされた型をPickしたい
vue-routerのRoute型からmatchedのmetaのみを取り出したいです。
具体的には次のようにmatchedまでは取り出せましたが、metaのみを取り出す書き方がわからずエラーが出てしまっています。
解消方法を教えていただけると助かります。
const to: Pick<Route, 'fullPath' | 'path' | 'matched'> = {
...
0
票
1
回答
137
閲覧数
Vue.js + Nuxt.js + TypeScript アプリケーションでlayoutで呼び出しているコンポーネントの変数をpagesから操作したい
表題の通り、[Vue.js + Nuxt.js + TypeScript]でWEBアプリケーションを作成しているのですが、Layoutsから呼び出しているComponentに対し、Layoutsを適用しているPagesからComponentの変数に対して操作を行たのですが、完全に詰まってしまったため質問させてください。
やりたいことの要点としては、
・...
0
票
1
回答
92
閲覧数
stripeのpaymentIntent.statusに上手く型が当てられない。
stripeの公式サンプルコードに型を当てているのですが、エラーが出力される。
型注釈は使用しているのですが、こちらはどのように型を当てたら良いのでしょうか?
エラー内容
(parameter) paymentIntent: any
Argument of type '({ paymentIntent }: PaymentIntent) => void' is not assignable ...
0
票
0
回答
142
閲覧数
Notion API のエディターで型補完にエラーが出てしまう
Notion APIを使用してブロックを取得する際に下記のエラーが発生し、正しくプロパティを取得できません。
型はanyとして扱われるため、エディタではエラーになりますが、ブラウザでは正しく取得できます。
どうすればエディタでのエラーをなくすことができますか?
この問題は、エディタやtypescriptの問題である可能性もあります。
ヒントをお願いします🙇️。
Property '...
0
票
0
回答
60
閲覧数
スクリプトモードでenvの型を定義することと、モジュールモードでenvの型を宣言することの違い
※前提が間違っていたらすいません
型定義において、以下の2つは同じ意味を持ち、別ファイル上でインポートなしで window.env.REACT_APP_HOGE を参照できるようになると理解しているのですが、
この2つの違いや、どちらのほうが良いというのはあったりするのでしょうか。
スクリプトモードでの型定義:
interface Window {
env: {
...
0
票
0
回答
62
閲覧数
TypeScriptのコンパイル時に依存モジュールの書き出し
Node.jsにおいてTypeScriptでソースを書き、ホームページ用のJavaScriptとしてtscでコンパイルしています。
npmでブラウザ上でも使用できるモジュールをインストールして、.tsの文頭でインポートしてソースを書いていましたが、.jsにコンパイルしてもインポートするモジュールの.jsは出力されてないので、HTML上で実行時に当然エラーになります。
やりたいこととしては、....
0
票
0
回答
81
閲覧数
throw new Error(`There are no '${subnetType}' subnet groups in this VPC. Available types: ${availableTypes}`);
CDKで既存VPCにサブネットを追加してApplicationLoadBalancedFargateServiceを利用するとタイトルのエラーが出ます。
新規VPCをSubnetとまとめて作成した場合は通りますが、今回は既存VPCを使いたいのでその方法は使えません。
新規サブネットにsubnetTypeを指定すれば通りそうなエラーですが探したところその方法がわかりませんでした。
...
0
票
0
回答
92
閲覧数
モジュール firebaase が解決できない
以下、Firebase Auth の検証のため、サンプルを引っ張ってきたのですが、firebase が見つからないと言われました。
念のため検証ソースを全部書いていますが、おそらく1行目以降は関係ないかなと思っています。
node_modules には firebase が入っているのですが、何か根本的なところで間違えているのでしょうか?
コンセントが抜けている程度の初歩な質問かと思いますが、...
0
票
0
回答
53
閲覧数
OpenLiteSpeedのコンテキストのNodeでindex.tsを起動する方法
現在、OpenLiteSpeedのVirtual HostsのコンテキストのApp Server TypeでNodejsのアプリケーションサーバをたてようとしていたところ詰まってしまいました。
以下、試してみたことです。
npm run start は、起動しました。
npm run start
しかし、node index.tsをすると、
node index.ts
internal/...
0
票
1
回答
1,008
閲覧数
MUIのDatePickerの言語を日本語にする方法は?
MUIのDatePickerの言語を日本語にする方法はありますでしょうか?
下記のようなコードを書いたところ、ブラウザにTypeError: Cannot read properties of undefined (reading 'date')というエラーが表示されました。
locale="ja"を削除するとDatePickerは表示されますが、英語表示となります。
/* ...
0
票
1
回答
94
閲覧数
Angularチュートリアル(tour of heroes)において、クエリ文字列の用途と働きがわからない。
名前検索をするに当たり、このクエリ文字列は、どういう機能が働いているのでしょうか。
this.http.get<Hero[]>(`${this.heroesUrl}/?name=${term}`)
以下の画像中の、ここのクエリ文字列の意味が分からないです。
0
票
1
回答
251
閲覧数
stripe.jsのサンプルコードをTypeScript化したいが、型の当て方が分からない。
react-stripe-js 自体はTypeScriptに対応しているというのをドキュメントで見たのですが、どのようにインストールした型を当てていけば良いか分からないです。 CardElementComponent とimportとして使用するみたいな記事をみて const handleChange = async (event: CardElementComponent) => { ...
0
票
1
回答
85
閲覧数
Angular-Scullyのプラグインでコンフィグオブジェクトを反映させる方法について
AngularとScullyモジュールを使って静的サイトとしてブログを立ち上げようとしています。
アーカイブページの自動生成をプラグインとして実装しましたが、setConfig関数の使い方が悪いのか、うまくいきません。
プラグインにプラグイン自体のスクリプト以外からコンフィグを設定する方法について
何か見当違いな部分があるのだと思いますが全く解決に至っていません。
確認すべきこと、...
0
票
0
回答
197
閲覧数
Next.jsに追加したgoogle analyticsの gtag.jsをTypeScriptにして型を導入したい。
下記のブログを参考にNext.jsで作成したブログにgoogle analyticsを導入したのですが、gtag.jsをTypeScriptに変換する所で躓いています。
Next.jsでGoogle Analyticsを使えるようにする
google analyticsの型を @types/google.analytics npm install --save @types/google....
0
票
1
回答
193
閲覧数
Next.jsのブログkatexで書かれた数式を表示したい。
mdファイルを取り扱うのに remark を使用しているので remark-math というものをドキュメントに沿ってインストールしたんですが、今で import でモジュールを取り込んできたのに require で読み込んでいてNext.jsではこのようなモジュールの取り込み方は出来るのでしょうか? 一応ドキュメント通り require で試してみたのですが、エラーが出ます。
...
0
票
0
回答
263
閲覧数
Jestでモジュールの一部をモックする
Jestを使ったテストの実装で困っています。
a.ts
export const f1 = () => 'f1';
export const f2 = () => f1();
a.spec.ts
import * as a from './a'
it('f1をstubしたい', () => {
const f1Spy = jest.spyOn(a, 'f1')....
0
票
1
回答
140
閲覧数
TypeScriptでアクセストークンを外部ファイル(token.ts)に記述してimportして読み込めるようにしたい。
Next.jsでブログを作成しているものです。Githubのパーソナルアクセストークンをコードにそのまま記述するとGithubにコードをあげる際に困るので、載せたくないアクセストークンを外部ファイルに記述してそれを .gitignoreで無視しようと思うのですが上手く行きません。
やった事
next.jsのルートフォルダにtoken.tsを作成してconst accessToken = &...
0
票
1
回答
303
閲覧数
配列にオブジェクトを追加したい(forEach, push)
下記サンプルコードで配列にオブジェクトをpushしたいのですが思うようにできません。
forEachを使って1度目のループで{text: "aaa", imagePath: ""}をarryにpushして、
2度目のループで{text: "bbb", imagePath: "", link: ""}...
0
票
1
回答
86
閲覧数
TypeScript の型の付け方について
以下のようなコードを書いています。
export default function hogeStore() {
const getters = {
get huga() {
}
}
return { getters }
}
利用側で hogeStore().getters.huga とすると
Property 'getters' does not exist on ...
0
票
0
回答
42
閲覧数
「独自のサーバーフレームワークで Nuxt をプログラムにより使用」の意味
このページを見ながらNuxtでTypeScriptを使うための設定を行っていたのですが
下記の文章の意味がわかりませんでした。
WARNING
独自のサーバーフレームワークで Nuxt をプログラムにより使用している場合、ビルドを行う前に Nuxt
の準備ができるまで待機する必要があることに注意してください:
「独自のサーバーフレームワークで Nuxt ...