備忘録

備忘録

TypeScript

Puppeteerで拡張機能を読み込む方法

Ⅰ. はじめに タイトルの通り「Puppeteerで拡張機能を読み込む方法」です。 Ⅱ. サンプルプログラム import puppeteer from 'puppeteer' import path from 'path' const pathToExtension = path.join(process.cwd(), 'my-extension'); const browser = await p…

JavaScriptの「??」と「||」と「&&」の違い

Ⅰ. はじめに タイトルの通り「JavaScriptの「??」と「||」の違い」です。 Ⅱ. サンプルプログラム const value1 = null const value2 = undefined const value3 = '' const value4 = 0 const value5 = 1 const value6 = 123 // Null 合体演算子 ?? console.lo…

Node.jsでトップレベルドメインを取得する方法

Ⅰ. はじめに タイトルの通り「Node.jsでトップレベルドメインを取得する方法」です。 Ⅱ. 手順 1. 必要なパッケージをインストールする npm install tldts 2. サンプルプログラムを書く import { parse } from 'tldts' const domains = [ 'example.com', 'a.e…

TypeScript + ExpressでHelloWorldする方法

Ⅰ. はじめに タイトルの通り「expressでHelloWorldする方法」です。 Ⅱ. 手順 1. 必要なパッケージをインストールする npm install express npm install --save-dev ts-node @types/express 2. ファイルを編集する package.json "scripts": { + "start": "ts-…

ASP.NET Core + Vite + React.js (TypeScript)でHelloWorldする方法

2023/09/24 追記 VisualStudioが公式にTypeScript, Vite対応予定 https://devblogs.microsoft.com/visualstudio/new-react-typescript-spa-templates-and-more/ Ⅰ. はじめに タイトルの通り「ASP.NET Core + Vite + React.js (TypeScript)でHelloWorldする方…

ASP.NET Core + React.js (TypeScript)でHelloWorldする方法

2023/01/24追記 本記事内容は非推奨です何か特別な理由がない限りViteを利用した方法を推奨します (webpackよりもViteの方が高速で動作する事が理由です) https://kagasu.hatenablog.com/entry/2023/01/24/121703 Ⅰ. はじめに タイトルの通り「ASP.NET Cor…

Node.js + TypeScript + puppeteerでevaluateを非同期で利用する方法

Ⅰ. はじめに TypeScriptのようなAltJSで以下のコードを実行すると、以下のエラーが出力されます。 await page.goto('http://example.com') let str = await page.evaluate(async () => { let res = await window.fetch('http://example.com') return await r…

Visual Studio Codeで *.d.ts ファイルを非表示にする方法

Ⅰ. はじめに タイトルの通り「Visual Studio Codeで *.d.ts ファイルを非表示にする方法」です。 Ⅱ. やり方 1. VSCodeで「Ctrl + ,」を押し「設定」を開く 2. settings.json を開く 3. 以下を追記する { "files.exclude": { "**/*.d.ts": { "when": "$(basen…

TypeScript+webpack+Node.jsでHelloWorldする方法

Ⅰ. はじめに タイトルの通り「TypeScript+webpack+Node.jsでHelloWorldする方法」です。 Ⅱ. やり方 1. プロジェクトを作成する mkdir helloworld cd helloworld npm init -y npm i -D typescript ts-loader webpack webpack-cli webpack-node-externals npx …