ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

TypeScript

error TS2538: Type 'string[]' cannot be used as an index type.

なんじゃろ?ってぐぐってみると下記がわかりやすかった qiita.com bobbyhadz.com 要は動的に用意した変数の型がわからんままObjectの要素を指定しようとするとだめということらしい。 // だめ // const key = Object.keys(current)[0] // OK const key: str…

【わからない】react-hook-formとYupで複数フィールドの重複をチェックするバリデーションとエラーを表示するフォーム

ほぼ1日かけて探したけどわからないので供養 const uniqueId = (value, context) => { const [_, parent] = context.from const filedNames = ['hogehoge1', 'hogehoge2', 'hogehoge3'] const list = [ parent.value.hogehoge1.id, parent.value.hogehoge2.i…

VSCodeとDockerとDocker Volume使ってTypeScript + React開発しているとnode_modulesをVSCodeが参照できないから型探検隊になってしまい夜しか眠れなくなる

参考にした記事 zenn.dev zenn.dev www.keisuke69.net 僕が試した手順 pluginをインストール このあとdocker-compose.yml用意しないといけないのかだるいとか思ってたけど、何もしなくてもよかった。 VSCodeの左したをクリックして、起動しているコンテナにA…

TypeScriptの雑なメモ

ふぁ!?????ってなったことが多いのでとりあえず雑なメモを残す ブルーベリー本から keyof const mmC = { mm: 1, m: 1e3, km: 1e6 } // OK // function c(value: number, unit: keyof typeof mmC) { // !??? // Element implicitly has an 'any' type b…

Vite + TypeScript + Reactの環境にJestをインストールする(途中)

zenn.dev ↑みたらもう解決です。 github.com このcommitからスタートしました。 $ yarn add --dev jest typescript @types/jest ts-jest どうやらtypescriptが入ってなかったらしいです(あれ????) あとは参考URLの通り、 jest.config.json と package.…

Property 'ctrlKey' does not exist on type 'Event'.

const handlerSaveNodes = (e: Event) => { if (e.ctrlKey && e.code === "KeyS") { console.log(e); } } これを const handlerSaveNodes = (e: KeyboardEvent) => { if (e.ctrlKey && e.code === "KeyS") { console.log(e); } } こうじゃ developer.mozilla…

vue-tscコマンド何もわからん

まとめ いきなりですが、解決していないので、まとめから。 解決しました。 色々試したが vue-tsc --noEmit -p tsconfig.app.json の composite をコメントアウトすると型チェックが動いた trueになっているとincrementalフラグがtrueになり、 vue-tsc コマ…

VSCodeでVite + Vue3 + TypeScriptの開発環境のセットアップ

Type Safeな世界がやっと見えてきた。。。 zenn.dev すべては↑にかかれている(ありがとうございます) 実は先日試してたんだけど、そのときはなぜか再起動してもPluginが反映されていない挙動が発生しており???ってなっていましたが、今日うまく言ったよ…

Serverless Frameworkで.envファイルを読み込んで定義した環境変数を利用する

かなり時間使ってしまってワロタ(涙) 環境変数使いたいだけなのになんでこんなに時間をかけてしまったのか。。。とりあえず僕の時間が消えたぶんだけきれいにまとめた手順が下記 ~/src/functions/hello/handler.ts // 省略 const hello: ValidatedEventAPI…

Serverless Frameworkのaws-nodejs-typescriptでAPI KEYが設定されたAPIを用意する

このフレームワーク楽しいな(API GatewayとLambdaの連携を一通り遊んだことがある人ならいじるのが楽しいと思う) ./serverless.ts に下記設定を追加します。 apiGateway: { // 省略 apiKeys: [ { name: 'free-key', } ], usagePlan: { quota: { limit: 100…

Serverless Frameworkのaws-nodejs-typescriptでCORSが設定されたAPIを用意する

ドキュメント読んだら色々わかるんですが、 aws-nodejs-typescript のテンプレートでどうやって設定すればよいのかわからなかったのでメモ。 APIのfunctions設定で、CORSの設定をonにしたい関数だけ下記設定をします。 aws-nodejs-typescript のテンプレート…

Serverless Frameworkのaws-nodejs-typescriptでHTTP GET methodを用意する

GitHub検索したらあるんだけど、Googleではあんまりヒットしないなぜ? TypeScript力が低すぎて、いまいち何が書いてあるのかわからないのですが、とりあえずできたのでメモ。 github.com import type { ValidatedEventAPIGatewayProxyEvent } from '@libs/a…

【Angular】コンパイルエラー 「@types/jasmine/index.d.ts」

ERROR in [default] /Users/user/node_modules/@types/jasmine/index.d.ts:39:37 A parameter initializer is only allowed in a function or constructor implementation. ERROR in [default] /Users/user/node_modules/@types/jasmine/index.d.ts:39:45 Ca…