動かざることバグの如し

近づきたいよ 君の理想に

typescript

TSでCannot redeclare block-scoped variableエラー

環境 TypeScript 問題 TSで同一ディレクトリに同じ変数を宣言できない 例えば ├── hoge.ts ├── piyo.ts で両方で const hoge = 1; とすると Cannot redeclare block-scoped variable 'hoge'.ts(2451) 'hoge' was also declared here. const hoge: any[] とエ…

小数点以下の桁数を指定して四捨五入とかするTypeScriptコード

環境 TypeScript コード Javascriptにネイティブの実装はないので自分で実装する必要がある // 切り捨て export const floorDecimal = (value: number, n: number): number => { return Math.floor(value * Math.pow(10, n)) / Math.pow(10, n); }; // 切り…

Eslintのrecommended-requiring-type-checkingで有効になるルール項目一覧

環境 @typescript-eslint/eslint-plugin v5.56 typescript v5 概要 今日は、Typescriptにおいてeslintのチェックがよく使われるため、有用なEslintのルールについて知っておくことが重要なことであると言えます。特に 「recommended-requiring-type-checking…

TypeScriptで配列をグルーピングするgroupBy関数

やりたいこと JSONとかのJavaScriptオブジェクトの配列があったとき、特定のキーとかでグルーピングしたい 例えば const list = [ { "name": "taro", "role": "admin" }, { "name": "jiro", "role": "staff" }, { "name": "hanako", "role": "admin" } ]; っ…

Typescript PlaywrightでinnerTextを取得する

環境 Playwright 1.25 やりたいこと ページにある要素のinnerTextを取得したい コード ポイントは el: HTMLElement していること。これがないと型がanyになってしまいエラーになる。 import { chromium } from 'playwright'; (async () => { const browser =…

TypeScriptでElement implicitly has an 'any' type because expression of type 'string'エラー

環境 TypeScript 4 問題 例えば以下のようなサンプルコードがあったとする function receivedStringValue() : string { return 'apple'; } const fruits = { apple: 'りんご', banana: 'バナナ', melon: 'メロン' }; const key: string = receivedStringValu…