TypeScript

TypeScript

JavaScriptをTypeScriptに移行する際に迷ったこと

やりたいこと題名の通り。備忘録です。随時更新関数の返り値を関数の引数に渡す際にエラー変数の型が複数ある場合に返り値を引数が固定されている関数に渡す際にエラー具体例 let json = localStorage.getItem(name); JSON.parse(json);localStorage.getItem()の返り値はstring|nullなのに対してJSON.parse()の引数はstringのためエラーになる。修正 let json : string = localStorage.getItem(name) as string; return JSON.parse(json);こ...
TypeScript

[TypeScript]カスタムイベントを使用する

やりたいことTypeScriptでカスタムイベントを発火して、イベントをトリガにして処理を行います。実装イベントの送信以下のコードでイベントを送信させます。const event = new CustomEvent("event_name", { detail: { val1: "value 1", val2: "value 2" } });dispatchEvent(event);"event_name"は任意の好きな名前に変更します。detail objectの中身は自由に変更可能です。イベントの受信イベントの受信は以下の通りです。addEventListener("event_name"...
TypeScript

Visual Studio CodeをTypeScriptの開発環境にする手順

やりたいことVisul Studio Codeを用いてTypeScript(TS)による開発を行う。(無料でTSのGUI付きの開発環境を作成する)環境OS : Windows11Visual Studio Code:1.88.1Node.js : 20.12.2環境構築まずは開発環境を構築するためにツール類をインストールします。Visual Studio Codeのインストール以下のリンクからVisual Studio Codeを環境にあったダウンロードしてインストールします。(多くPCの場合はUser Installのx64で問題ないと思います。)Node.jsのインストール以下のリンクから...