@vitejs/plugin-vue、@vitejs/plugin-vue-jsxをインストールする npm i xxxxxx vite.config.ts に以下を加える import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx' (中略） plugins: [ vue(), vueJsx({ // options are pass…

前提 viteでコンパイルしている phaser3で何か作っている phaesr3でhtmlのdomを使いたい 流れ start-dom-jsx をインストール （dom-jsx単体をインストールして設定をすればできるようですが、簡単そうなので、start-dom-jsxのほうを私は使うことにしました。…

typescript素人がtypescriptはじめてみてすぐ直面したのが、ESlint/Prettierの設定の面倒臭さです。 面倒くさいので調べたらromeというちょいマイナーな代替手段があるとのことなので、これ試しました。 インストール npm install --save-dev --save-exact r…

概要 型宣言が面倒です…。typescripterはすごいな。 例の前提 isFooというboolean型のstateを使いたい サンプル contextの定義(FooFlagProvider.tsx) import { createContext, useState } from "react"; // contextに設定する型を宣言（ここでuseStateの値を…

概要 name1という名前の文字列と、func1という名前の「引数なし、返却値なしfunction」をプロパティに持つオブジェクトを受け取る場合 function hoge({name1, func1}: {name1:string, func1:() => void}) { console.log(name1); func1(); } function method1…