Skip to content

JavaScript

node.jsバージョン管理

Jest実行しようとしたらnode.jsのバージョンが低いらしく、エラーになったのでバージョンを上げる方法を検索したらnというものがあると知ったので試してみた。 Node.jsとnpmをアップデートする方法 | Rriver $ node -v v10.19.0 $ sudo npm install -g n $ sudo n stable $ node -v v10.19.0 $ hash -r $ node -v v16.15.0

rewireでjest

テストのために関数exportしないといけないの、チョット気持ち悪いので、解決策を探ってみる。 jhnns/rewire: Easy monkey-patching for node.js unit testsが一般的らしい。 $ npm install -D rewire @types/rewire テストコードのimportを修正 import rewire from 'rewire'; const __local__ = rewire('./mdmml.ts'); const atoi = __local__.__get__('atoi') テスト実行 $ npm test > mdmml_js@1.0.0 test > jest FAIL src/mdmml.test.ts ● Test suite failed to run /home/umemak/workspace/mdmml_js/src/mdmml.ts:8 Tracks: Track[] = []; SyntaxError: Unexpected identifier at Object.load (node_modules/rewire/lib/moduleEnv.js:57:18) at internalRewire (node_modules/rewire/lib/rewire.js:49:15) at rewire (node_modules/rewire/lib/index.js:11:12) Test Suites: 1 failed, 1 total Tests: 0 total Snapshots: 0 total Read more

webpackで構築

昨日は、TypeScript環境構築に手間をかけたくないという想いでParcelを試してみたところ、エラーで途方に暮れていた。 今日は、古き良きwebpackを試した。 参考にしたページはこちら 最新版TypeScript+webpack 5の環境構築まとめ(React, Vue.js, Three.jsのサンプル付き) - Read more

Parcelを使ってみる

久しぶりにJavaScript(TypeScript)を書こうとしたら、何から始めてよいかわからなくなっていた。 あまり環境構築に手間をかけたくなかったので、parcel-bundler/parcel: The zero configuration build tool for the web. 📦🚀を使ってみた。 Building a web app with Parcelを見ながら npm init npm install --save-dev parcel src/index.h Read more

Magenta.js

昨日のcifkao/html-midi-player: 🎹 Play and display MIDI files on the webの使い方見ようとして、magenta-js/music at master · magenta/magenta-jsを使っているのを知った。 Magentaは出始めのときにそんなのがあるのか、って思って深くは見ていなかったのだけど、今度はちゃんと Read more

Screeps: Arena体験

Steam:Screeps: ArenaのDemo版をやってみた。 チュートリアルの途中までやったけど、普通に何か自分で開発してたほうが良いかな。 ノートPCで1画面でやってると、VS CodeとScreepsの行き来が面倒だったので、エディタは内蔵されていたほうが良いと思った。