Posts on 技術浮浪貢

用 TypeScript 寫 Jest 的 matcher

Sun, 29 Oct 2023 15:13:07 +0800

官方給的範例沒辦法把 matcher 加到 Matcher interface

用 OpenSSL 產生金鑰對

Mon, 18 Sep 2023 03:03:58 +0800

手上的專案用 RSA256 做為 JWT 的簽章驗證方式，需要針對不同環境產生不同的金鑰對（key pair）。撰寫文件時發現網路上找到的方法通常都是用 ssh-keygen(1) 搭配 openssl(1)，但其實光用 openssl(1) 就足以產生 private key 與 public key。

API 一定要有 controller 嗎？

Sat, 09 Sep 2023 20:35:46 +0800

今天在 YouTube 看了 Fix Your Controllers By Refactoring To Minimal APIs 然後被推薦 Goodbye controllers, hello Minimal APIs - Nick Chapsas - NDC London 2023。後者提出一個觀點——「API controller 是個奇怪的存在」。

踩到 JavaScript var 變數的雷

Sun, 27 Aug 2023 02:29:05 +0800

tldr; 把 var 變數都換成 let 才發現原本的 test case 是跑心酸的。

在 CommonJS module 中使用 ESM 型別

Wed, 23 Aug 2023 02:07:26 +0800

要在 CommonJS module 中使用 ESM 必須透過動態 import；但型別是編譯時期的資訊，一定要用靜態 import。透過宣告檔案（Declaration File）可以解決這個問題。

如何在 Scrum 裡處理技術債

Wed, 15 Jan 2020 07:30:54 +0000

把 Twitter 上推友對這個問題的回應整理成文。

升級 npm 內附的 node-gyp

Sat, 04 Jan 2020 02:33:14 +0000

紀錄在 macOS 下用 asdf-nodejs 遇到的 Python 3、node-gyp 的坑。

用 request 送出同名多值的 query 參數

Fri, 14 Jun 2019 07:49:28 +0000

tldr; 在 options 裡設定 useQuerystring 或是 qsStringifyOptions 的 arrayFormat

在本地端跑 GitLab CI job

Tue, 16 Apr 2019 08:57:26 +0000

gitlab-runner 可以直接在本地端跑 .gitlab-ci.yml 中定義的 job；但得給不少 command line 參數，記錄一些常用的。

iTerm2 + SSH + tmux

Tue, 16 Apr 2019 03:34:58 +0000

記錄 iTerm2 連上 SSH server 後直接操作遠端 tmux session 的方法

JavaScript 有條件增加物件屬性的簡短寫法

Fri, 29 Mar 2019 02:17:37 +0000

const obj = {...condition && { prop: value } };

JavaScript 的 diff 套件

Fri, 22 Mar 2019 08:34:59 +0000

以前都用 diff，它能以字元（char）、單字（word）、行（line）、句（sentences）為單位比較；但是只能處理「行」為單位的 patch 。

最近發現 Google 的 diff-match-patch 能處理「字元」的 patch，而且支援非常多語言（C++、C#、Java、JavaScript、Python、……）。也有人把它包成 npm package：diff-match-patch。

10 套用 Go 寫的開發者工具

Mon, 25 Feb 2019 07:16:10 +0000

簡單整理一下 10 tools written in Go that every developer needs to know，當作自己的備忘。

Docker build 不留下 SSH private key

Sat, 09 Feb 2019 01:36:00 +0000

我以前是用 dockito/vault；Docker 17.05 後可以使用 multi-stage、Docker 18.09 後則可以使用 BuildKit 的 SSH mount type。

Choosy extension 搞掛 Chrome 的解法

Mon, 21 Jan 2019 04:04:44 +0000

前陣子開始用 Choosy 讓不同的網站分別用不同的瀏覽器開。但是 Choosy 的 extension 一直讓 Chrome 掛掉，後來在這篇找到解法：

在 Chrome 開啟 x-choosy://prompt.all/ 這個網址，然後勾選「永遠用這個 App 開啟」、按下 OK。

Git revision range

Mon, 17 Dec 2018 03:46:17 +0000

常忘記 .. 跟 ... 的差別：

A..B （兩個點）表示：只列出在 B 有的
A...B （三個點）表示：列出在 A 或 B 其中任一邊的
可以加上 --left-right 來顯示 commit 屬於哪一邊。

參考資料：Git - Revision Selection

在 editor 混用 Prettier 與 ESLint

Mon, 12 Nov 2018 09:09:50 +0000

前篇 Prettier + ESLint 提過了兩者的合作方式，這篇主要是筆記在各主流 editor 下……

Prettier 與 ESLint 的 editor/IDE 外掛
「混用 Prettier 與 ESLint 格式」的設定
「存檔時自動排版」的設定

VSCode

Extensions: Prettier, ESLint
Prettier + ESLint: Turn on Prettier: ESLint Integration (to use prettier-eslint instead)

Prettier + ESLint

Fri, 09 Nov 2018 09:50:59 +0000

ESLint — 程式碼檢查工具，包含排版風格與潛在問題
Prettier — 支援多種語言的格式化工具

這篇不做個別介紹，只是整理一下兩個工具一起使用時的一些小細節。

方式 1：完全採用 Prettier 的排版規則

安裝 eslint-config-prettier：關掉跟 Prettier 衝突或是不需要的規則。
安裝 eslint-plugin-prettier：新增 prettier/prettier 規則。讓 ESLint 以 Prettier 排版結果為基準，指出需要修正的地方。

需要的 .eslintrc.json 設定如下：