![[typescript-recipe2.webp|cover-picture]] [[TypeScript]]でよく使う操作や設定のユースケース。 ## コードチェック - **エラー検出** - [[📕TypeScriptのswitch文でcaseの考慮漏れを検知]] - **エラー表示** - [[📕TypeScriptの型エラーにオブジェクトが含まれても見やすくする]] - [[📕TypeScriptで型のポップアップ確認時や型エラー時にすべての情報を省略せず表示する]] ## 型 - [TypeScript特有の組み込み型関数 \|\| log\.pocka\.io](https://log.pocka.io/ja/posts/typescript-builtin-type-functions/) - [[TypeScriptで関数の引数型を使う]] - [[特定プロパティの型を書き換え (TypeScript)|特定プロパティの型を書き換え]] - [[特定プロパティの型を必須に (TypeScript)|特定プロパティの型を必須に]] - [[📕JSONからTypeScriptの型定義を生成]] - [[TypeScriptから型注釈だけを削除]] - [[TypeScriptでimportなしにどこからでもglobalに型定義を利用する]] - [[TypeScriptでstring型の値に自動補完を効かせる]] ## コレクション処理 - [[📕Lodashを使わないでLodashのようなTypeScriptコードを書く]] ## 文字列 ### 変換 - URL - [[URLをURLデコード (JavaScript)|URLをURLデコード]] - [[URLをURLエンコード (JavaScript)|URLをURLエンコード]] - Base64 - [[Base64エンコード (JavaScript)|Base64エンコード]] - [[Base64デコード (JavaScript)|Base64デコード]] - [[sanitize (JavaScript)|sanitize]] - [[CSV]] - [[CSVをパース (JavaScript)|CSVをパース]] - [[CSV文字列を二重配列に変換 (JavaScript)|CSV文字列を二重配列に変換]] - [[accentsやdiacriticsをアルファベットに正規化 (JavaScript)|accentsやdiacriticsをアルファベットに正規化]] - [[TypeScriptでyamlをパース]] - [[TypeScriptでJSONのような文字列をパース]] ### 生成 - [[uuidを生成 (JavaScript)|uuidを生成]] - [[文字列エスケープを無効化 (JavaScript)|文字列エスケープを無効化]] ### 補完 - [[文字を0埋め (JavaScript)|文字を0埋め]] ### 取得 - [[文字列に対して正規表現にマッチする位置と文字列すべてを返却 (JavaScript)|文字列に対して正規表現にマッチする位置と文字列すべてを返却]] - [[文字列が正規表現と一致するかをBooleanで返却 (JavaScript)|文字列が正規表現と一致するかをBooleanで返却]] ## バイナリ - [[ArrayBufferをBlobに変換 (JavaScript)|ArrayBufferをBlobに変換]] ## エディタ/ブラウザ - **VSCode** - [[VSCodeでTypeScriptのコードをデバッグ]] - [[VSCodeでTypeScriptのバージョン指定]] - **その他IDE** - [[IntelliJ IDEAでTypeScriptのコードをデバッグ]] - **ブラウザ** - [[TypeScriptのソースコードをWebブラウザで動作確認・共有]] ## その他 - [[TypeScriptでオーバーロード]] - [[ネストしたオブジェクトをマージ (TypeScript)|ネストしたオブジェクトをマージ]] - [[ジェネレーターをArrayに変換 (TypeScript)|ジェネレーターをArrayに変換]] - [[lodashを使わずにdebounce (TypeScript)|lodashを使わずにdebounce]] - [[package.jsonの情報を取得 (TypeScript)|package.jsonの情報を取得]] - [[ソースコードに型エラーがあってもtscなどでJavaScriptファイルを生成 (TypeScript)|ソースコードに型エラーがあってもtscなどでJavaScriptファイルを生成]] - 計算 - [[商を求める (JavaScript)|商を求める]] - 配列 - [[rangeのように連続する数字の配列(Array)を生成 (JavaScript)|rangeのように連続する数字の配列(Array)を生成]] - 設定 - [[カレントファイルからの相対パスを使わずimport (TypeScript)|カレントファイルからの相対パスを使わずimport]] - [[VSCodeでサンプルTypeScriptプロジェクトを作成]] - [[パフォーマンスを計測 (JavaScript)|パフォーマンスを計測]]