たむたむの日記

wasmのesbuildを使うその2

Sun, 12 Oct 2025 10:12:38 GMT

他の方法として、devDependencyを設定する。これでもesbuildを実行するとwasm版が使われるようになります。

"devDependencies": {
  "esbuild": "npm:esbuild-wasm@*",
  "esbuild-wasm": "^0.25.4",
}

参考

Switches the build to ESBuild by arcanis · Pull Request #2362 · yarnpkg/berry

Amazonで「配達不能」になった荷物

Sat, 11 Oct 2025 12:01:06 GMT

先日Amazonで購入した商品のうち、一部だけが届かないという事態が発生しました。
複数の荷物が同じ時間に配送開始されたはずなのに、なぜか一部だけが配達されて、残りの荷物は音沙汰なし。配達を忘れられたのか、それとも紛失してしまったのかはわかりませんが、翌日になっても届く気配がなく、3個の注文がそのまま放置されてしまいました。

その後、ステータスが「配達予定でした」に変わり、しばらくそのまま。さらに時間が経つと「配達不能」となって、自動的に返品処理が始まりました。ところが、返品中のステータスのまま全く動かず、返金もされないという困った状態に。

このままでは埒が明かないと思い、Amazonのカスタマーセンターにチャットで問い合わせることにしました。
トラッキングID、注文ID、状況、そして対応してほしい内容を端的にまとめてお伝えしました。最近のカスタマーサポートは翻訳ツールを使っていることも多いので、だらだらと長文を書くよりも、簡潔に要点を伝えた方が効果的だと思います。
対応してほしいことは箇条書きにして、荷物の状況調査と返金のお願いを明記しました。

返金方法は、ギフト券か決済元（クレジットカード）への返金かを選べるのですが、クレジットカードだと反映や確認に時間がかかるため、今回はギフト券で返金していただくことにしました。

15分ほどで対応が完了し、数時間後には返金対応完了のメールが届いて、ギフト券の残高にチャージされていることを確認できました。

正直なところ、よくわからない配達業者よりも、送料を払ってでもヤマト運輸や佐川急便、日本郵便といった信頼できる業者で配送してほしいというのが本音です。
Amazonは配達面で不安を感じることが多いので、最近は購入できるものはなるべくヨドバシで買うようにしています。

ExcelJSのテーマを変更する

Tue, 17 Sep 2024 09:21:56 GMT

ExcelJSでXLSXファイルを出力すると、古いOfficeのテーマが適用されます。
それは同梱されているテーマファイルが古いOfficeのテーマだからです。

exceljs/lib/xlsx/xml/link

exceljs/lib/xlsx//xml/
  theme1.js
  theme1.xml

例えばフォントがＭＳＰゴシックだったりします。新しいテーマは游ゴシック。

新しいテーマを利用する方法

まずテーマファイルを用意します。
Microsoft 365のEXCELでファイルを作成しXLSXファイルとして保存します。XLSXはZIPファイルなので拡張子をZIPにして中身を取り出します。中身は以下の構造になっており、xl/theme/theme1.xmlが該当するテーマファイルです。

./[Content_Types].xml
./_rels
./_rels/.rels
./docProps
./docProps/app.xml
./docProps/core.xml
./xl
./xl/_rels
./xl/_rels/workbook.xml.rels
./xl/styles.xml
./xl/theme
./xl/theme/theme1.xml
./xl/workbook.xml
./xl/worksheets
./xl/worksheets/sheet1.xml

ExcelJSではテーマファイルを扱う正規のInterfaceがありません。そのため少し回りくどい方法で設定する必要があります。ライブラリのバージョンが変わるとこの方法では適用できなるかもしれません。

my-theme1.js

module.exports =
  '
';

const workbook = new ExcelJS.Workbook();
workbook.model = Object.assign({}, workbook.model, { themes: { theme1: require('./my-theme1') } });

解説

ExcelJSのworkbookのmodelはGetterで毎回Objectを生成しています。(1)
- https://github.com/exceljs/exceljs/blob/v4.4.0/lib/doc/workbook.js#L153-L179
themesはthis._themesを返すようになっているが、this._themesがundefinedなので、更新対象のobjectは取ることはできない。
- https://github.com/exceljs/exceljs/blob/v4.4.0/lib/doc/workbook.js#L175
- workbook.model.themes = { .... } と更新をしても(1)で新規作成される返却用のobjectが更新されるだけなので、内部状態を更新することはできない。
- clearThemes()は存在するのに、設定するInterfaceは存在しない。
modelのsetterを経由すれば_themeを設定可能。
- https://github.com/exceljs/exceljs/blob/v4.4.0/lib/doc/workbook.js#L181
もしくは workbook._themesを直接設定する。

JSDocでObjectの属性名補完

Fri, 15 Mar 2024 14:00:00 GMT

TypeScriptで任意の文字列を受け取るが、ある程度の定数を補完したい場合、|'aaa'|'bbb'|(string&{})で定義できる。
これの objectの属性版では{ aaa?: number, bbb?: number, [key: string]: unknown }と定義する。

JSDocでは以下のように定義する。

Record<string, unknown> & { aaa?: number, bbb?: number }

{}で定義するとLinterに怒られる。なのでRecordを使う。

Don't use `{}` as a type. `{}` actually means "any non-nullish value".
- If you want a type meaning "any object", you probably want `object` instead.
- If you want a type meaning "any value", you probably want `unknown` instead.
- If you want a type meaning "empty object", you probably want `Record` instead.
- If you really want a type meaning "any non-nullish value", you probably want `NonNullable` instead.eslint@typescript-eslint/ban-types

なお警告では Record を使えと書いてありますが、この記事では Record を使えと書いてある。

参考

[TypeScript] any non-nullish valueとしての{}型 #TypeScript - Qiita

GitHub CLIの通信ログを見る

Thu, 14 Mar 2024 14:00:00 GMT

忘れがちなので。GH_DEBUG=1だけだと通信のログが見れないので、通信のログを見たい場合はGH_DEBUG=apiを設定する。

GH_DEBUG=1
GH_DEBUG=api

参考

https://cli.github.com/manual/gh_help_environment

CoodespacesのTokenのパーミッション

Thu, 14 Mar 2024 13:00:00 GMT

GitHub Codespacesのデフォルトの権限設定は弱い。

トークンのスコープは、codespace が作成されたリポジトリへのアクセス権によって異なります。

基本的にはそのRepositoryに対する権限のみがGRANTされている。
他のレポジトリや組織範囲に対しての権限が必要な場合はdevcontainer.jsonに記述してrebuildする必要がある。

なお、devcontainer.jsonに指定できるRepositoryは1種類のみである。
1種類のみなので以下の設定はできない。仮に指定しても1番目の指定のみが有効になる。
複数指定したい場合は、ワイルドカードを利用するしかない。

{
  "customizations": {
    "codespaces": {
      "repositories": {
        "example-org/repo1": {
          "permissions": {
            "actions": "write",
            "checks": "read",
            "contents": "read",
            "deployments": "write",
            "discussions": "read",
            "issues": "write",
            "packages": "read",
            "pages": "read",
            "pull_requests": "write",
            "repository_projects": "read",
            "statuses": "write",
            "workflows": "write"
          }
        },
        "example-org/repo2": {
          "actions": "read",
          "checks": "read",
          "contents": "read",
          "deployments": "write",
          "discussions": "read",
          "issues": "read",
          "packages": "read",
          "pages": "read",
          "pull_requests": "read",
          "repository_projects": "read",
          "statuses": "read",
          "workflows": "read"
        }
      }
    }
  }
}

ワイルドカードを利用する場合は、以下のようになる。(example-org/*)
また、種別毎に指定しない場合は "permissions": "read-all", "permissions": "write-all" の記述が可能。

{
  "customizations": {
    "codespaces": {
      "repositories": {
        "example-org/*": {
          "permissions": {
            "actions": "write",
            "checks": "read",
            "contents": "read",
            "deployments": "write",
            "discussions": "read",
            "issues": "write",
            "packages": "read",
            "pages": "read",
            "pull_requests": "write",
            "repository_projects": "read",
            "statuses": "write",
            "workflows": "write"
          }
        }
      }
    }
  }
}

なお、VSCode内でrebuildをしても権限は反映されなかったので、UIから作り直す必要があった。

参考

GitHub Codespaces のセキュリティ - GitHub Enterprise Cloud Docs

esbuildのwasmを使う

Wed, 20 Dec 2023 14:00:00 GMT

Windowsではコード署名が付いていないEXEを実行できない環境があります。
esbuildのexeファイルはコード署名がありません。そしてコード署名には対応しないことがIssueでやりとりされています。(参考情報を参照)

package.jsonのoverrides機能を使って以下の定義を追加します。

"overrides": {
  "esbuild": "npm:esbuild-wasm@latest"
}

確認した環境

vuepressを使っているところで、1.8系から1.9系の変更でesbuildを使うようになり、特定の環境でこけるようになりました。
以下がこけた時のログです。

npm install --save vuepress

npm WARN cleanup Failed to remove some directories [
npm WARN cleanup   [
npm WARN cleanup     'C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules',
npm WARN cleanup     [Error: EPERM: operation not permitted, rmdir 'C:\Users\User1\AppData\Local\Temp\work1\node_modules\browserify-sign\node_modules'] {
npm WARN cleanup       errno: -4048,
npm WARN cleanup       code: 'EPERM',
npm WARN cleanup       syscall: 'rmdir',
npm WARN cleanup       path: 'C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\browserify-sign\\node_modules'
npm WARN cleanup     }
npm WARN cleanup   ],
npm WARN cleanup   [
npm WARN cleanup     'C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\@vuepress\\core',
npm WARN cleanup     [Error: EPERM: operation not permitted, rmdir 'C:\Users\User1\AppData\Local\Temp\work1\node_modules\@vuepress\core'] {
npm WARN cleanup       errno: -4048,
npm WARN cleanup       code: 'EPERM',
npm WARN cleanup       syscall: 'rmdir',
npm WARN cleanup       path: 'C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\@vuepress\\core'
npm WARN cleanup     }
npm WARN cleanup   ]
npm WARN cleanup ]
npm ERR! code 1
npm ERR! path C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js
npm ERR! node:child_process:924
npm ERR!     throw err;
npm ERR!     ^
npm ERR!
npm ERR!  Error: spawnSync C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild-windows-64\esbuild.exe UNKNOWN
npm ERR!     at Object.spawnSync (node:internal/child_process:1110:20)
npm ERR!     at spawnSync (node:child_process:871:24)
npm ERR!     at Object.execFileSync (node:child_process:914:15)
npm ERR!     at Object. (C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild\bin\esbuild:108:26)
npm ERR!     at Module._compile (node:internal/modules/cjs/loader:1256:14)
npm ERR!     at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
npm ERR!     at Module.load (node:internal/modules/cjs/loader:1119:32)
npm ERR!     at Module._load (node:internal/modules/cjs/loader:960:12)
npm ERR!     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
npm ERR!     at node:internal/main/run_main_module:23:47 {
npm ERR!   errno: -4094,
npm ERR!   code: 'UNKNOWN',
npm ERR!   syscall: 'spawnSync C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\esbuild-windows-64\\esbuild.exe',
npm ERR!   path: 'C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\esbuild-windows-64\\esbuild.exe',
npm ERR!   spawnargs: [ '--version' ],
npm ERR!   error: [Circular *1],
npm ERR!   status: null,
npm ERR!   signal: null,
npm ERR!   output: null,
npm ERR!   pid: 0,
npm ERR!   stdout: null,
npm ERR!   stderr: null
npm ERR! }
npm ERR!
npm ERR! Node.js v18.17.1
npm ERR! node:internal/errors:865
npm ERR!   const err = new Error(message);
npm ERR!               ^
npm ERR!
npm ERR! Error: Command failed: node C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild\bin\esbuild --version
npm ERR! node:child_process:924
npm ERR!     throw err;
npm ERR!     ^
npm ERR!
npm ERR!  Error: spawnSync C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild-windows-64\esbuild.exe UNKNOWN
npm ERR!     at Object.spawnSync (node:internal/child_process:1110:20)
npm ERR!     at spawnSync (node:child_process:871:24)
npm ERR!     at Object.execFileSync (node:child_process:914:15)
npm ERR!     at Object. (C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild\bin\esbuild:108:26)
npm ERR!     at Module._compile (node:internal/modules/cjs/loader:1256:14)
npm ERR!     at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
npm ERR!     at Module.load (node:internal/modules/cjs/loader:1119:32)
npm ERR!     at Module._load (node:internal/modules/cjs/loader:960:12)
npm ERR!     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
npm ERR!     at node:internal/main/run_main_module:23:47 {
npm ERR!   errno: -4094,
npm ERR!   code: 'UNKNOWN',
npm ERR!   syscall: 'spawnSync C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\esbuild-windows-64\\esbuild.exe',
npm ERR!   path: 'C:\\Users\\User1\\AppData\\Local\\Temp\\work1\\node_modules\\esbuild-windows-64\\esbuild.exe',
npm ERR!   spawnargs: [ '--version' ],
npm ERR!   error: [Circular *1],
npm ERR!   status: null,
npm ERR!   signal: null,
npm ERR!   output: null,
npm ERR!   pid: 0,
npm ERR!   stdout: null,
npm ERR!   stderr: null
npm ERR! }
npm ERR!
npm ERR! Node.js v18.17.1
npm ERR!
npm ERR!     at checkExecSyncError (node:child_process:885:11)
npm ERR!     at Object.execFileSync (node:child_process:921:15)
npm ERR!     at validateBinaryVersion (C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild\install.js:94:32)
npm ERR!     at C:\Users\User1\AppData\Local\Temp\work1\node_modules\esbuild\install.js:240:5 {
npm ERR!   status: 1,
npm ERR!   signal: null,
npm ERR!   output: [
npm ERR!     null,
npm ERR!     Buffer(0) [Uint8Array] [],
npm ERR!     Buffer(1309) [Uint8Array] [
npm ERR!       ... 1209 more items
npm ERR!     ]
npm ERR!   ],
npm ERR!   pid: 38656,
npm ERR!   stdout: Buffer(0) [Uint8Array] [],
npm ERR!   stderr: Buffer(1309) [Uint8Array] [
npm ERR!     ... 1209 more items
npm ERR!   ]
npm ERR! }
npm ERR!
npm ERR! Node.js v18.17.1

この環境でoverrides設定を入れればwasm版で動くようになりました。

参考

JSのoverloadはfunctionでないと認識しない

Tue, 05 Dec 2023 14:00:00 GMT

関数定義をconstで行っていると認識しなかった。

/**
* @overload
* @param {true} flag
* @param {Ref}
*/
/**
* @overload
* @param {false} flag
* @param {Ref}
*/
const myFunction = (flag) => {
};

functionで定義するとoverloadを認識します。
また、コメントは分割しないとLinterに怒られました。

/**
* @overload
* @param {true} flag
* @param {Ref}
*/
/**
* @overload
* @param {false} flag
* @param {Ref}
*/
function myFunction(flag) {
}

HP OMEN45Lの電源交換

Sun, 12 Nov 2023 14:00:00 GMT

去年ゲーミングPCを購入していたのですが、最近ゲームをやっていると電源が落ちる。
そして電源が落ちた後は放電をしないと暫く電源が付かない事象が頻繁に発生していました。

最初は温度かなと思っていたのですが、最近のグラボは瞬間的に電力が必要になることがあるらしく、電源が怪しいと思い電源を買い換えました。

HP OMEN 45Lの性能

CPU: Core i7 12700K
メモリ: DDR4-3733 16GB x2
グラボ: RTX 3080 Ti 12GB
SSD: WD_Black SN850 (2TB)
電源800W GOLD(クーラーマスター製)

この機種と同じです。

ここにSSDを1つ追加とメモリを32GB*2を追加しています。
また、周辺機器としてSound Blaster GC7とDEPSTECHのWebカメラを接続しています。

購入した電源

同じくクーラーマスター製のATX3.0に対応した1250Wの電源です。同じメーカーでATX3.0に対応した電源がこれしかありませんでした。ATX3.0にした理由は瞬間的な消費電力にも耐えられる規格に沿っているからです。
MWE Gold V2 FM 1250W ATX3.0 MPE-C501-AFCAG-3JP

電源が接続できない

HP OMENのマザーボードが特殊で付属品だけでは取り付け不可能です。
この電源にはCPU用の補助電源ケーブルとして8ピンが1つ、4ピン+４ピンが1つ付いています。
OMENのマザーボード側は4ピンが2つです。

4PIN+4PINの形状は通常以下の形式です。（●は台形の形です）
黒い■●はオスピンで、自分側を向いている状態です。（刺す時は反転します）

爪  爪
●■　●●
■●　●●

8PINの形状は以下の形式です。

●■■●
■●●■

この向きを無視して接続するとショートしてしまいます。

OMENのマザーボードは

　　　爪
　　　◻︎⚪︎
　　　⚪︎◻︎

⚪︎◻︎
◻︎⚪︎爪

向きを揃えると

爪　　爪
◻︎⚪︎　◻︎⚪︎
⚪︎◻︎　⚪︎◻︎

さらに電源付属の4+4ケーブルは通常の4+4の形状ではなく、4+4のくせに8ピンの以下の形式でした。通常4+4の場合であれば片側が全部●なので入るのですが、この形式では片方は入るけど片方は入らないということに。

●■■●
■●●■

解決策

4ピンの延長ケーブルを買っても形状の変換ができないのでダメです。
8ピンを12ピンに増やすケーブルを使います。
これを購入しました。

これを使う事で、以下の4+4+4の形式になります。

●■■● ●■
■●●■ ■●

つまり、以下の形状が２つできます。

●■
■●

このオスピンであればマザーボード側のメスピンに刺すことができます。（刺すときは向きがくるりと反転するので以下のようになり刺すことができます）

■● ⇒ ◻︎⚪︎
●■ ⇒ ⚪︎◻︎

罠が多すぎる…
電源を交換してからは落ちなくなりました。

有機ELのゲーミングモニター(ASUS PG27AQDM)を購入

Sun, 07 May 2023 09:26:58 GMT

買ったやつはこれです。
現時点で有機ELのゲーミングモニタはこれの他にLGのがもう1つ、2種類しか販売していません。
どちらも240Hz1対応の有機ELパネルです。

パソコン工房で買いました。
店舗に行ったときは売り切れだったのですが別店舗に在庫があるとのことで、10秒ほど悩みましたがその場で買いました。ゴールデンウィーク中に使いたかったむねを伝えると、どうにかこうにか早く到達するように手配をしてくれて、その日はもうお店が閉まるくらいの時間だったのに、結果として翌々日には届きました。感謝しかない！

ドライバのインストールもしましょう。

ついでにメモリとSSDも買いました。