倒數計時器React hooks+MUI+typescript
這篇是受Tapas Adhikary所寫的 How to create a countdown timer using React Hooks 啟發 將它改成typescript和MUI的版本，並調整成自身使用的元件，並修改了 1. 使用 padStart() 處理時顯示分秒的雙位數字 2. 倒數30分鐘時會改變倒數時間成紅色 3. 避免顯示出NaN的狀況
發表文章
筆記:簡單初始化node.js專案使用typescript
筆記:手動初始化node.js使用typescript 步驟1. 建立資料夾 建立你喜歡的資料夾作為專案目錄，並進入目錄中 步驟2. 初始化 npm init 初始化node.js專案檔案package.json 步驟3. 安裝套件 npm install typescript @types/node --save-dev 安裝typescript套件到node_modules並生成package-lock.json 步驟4. 初始化tsc npx tsc --init 生成tsconfig.json 步驟5. 設定tsc 修改tsconfig.json "outDir": "dist", "rootDir": "./src", tsc輸出結果到dis目錄，程式碼目錄則是在src 步驟6.寫你的ts程式 index.ts console.log('hello world'); 步驟7. 設定預設執行指令 修改package.json加入start指令 "scripts": { "start": "tsc && node dist/index.js" }, 步驟8. 跑起來 npm run start
小程式:使用wasm版ffmpeg轉換m4a成wav音檔
使用WASM版ffmpeg緣由 這個東西會在Line BOT中使用到，因為不是所有雲服務上都能夠安裝ffmpeg套件，所以這個機制就能，雖然轉換效率不太好，就是一個可運行的方案。 1. 安裝node.js 建議使用node.js 18 LTS版本 2. 安裝套件 npm install @ffmpeg/core@^0.11 @ffmpeg/ffmpeg@^0.11 @ffmpeg/ffmpeg在 0.12之後做了API的改變 ，並且不支援Node.js了 3. 寫程式
升級corepack本身
之前透過` corepack enable ` 啟用yarn 和pnpm來試用，然而今天用pnpm時發現已有新版本，但是無法透過提示的指令` pnpm add -g pnpm `進行版本升級。 嘗試使用corepack指定使用pnpm最新版本latest或是8.13.1都無法讓pnpm指令版本提昇 corepack prepare pnpm@latest --activate corepack prepare pnpm@8.13.1 --activate 所以就想來升級corepack本身