Qrac

作業完了。

2023年1月18日現在、NetlifyのデフォルトNode.jsバージョンが16.16.0であり、要求バージョンがそれ以上になるとビルドの時に面倒。できる限り業務で使っているCIのデフォルトNode.jsバージョンを越えないようにする。

vitestの動作はNode v18未満だと不安定？

他のライブラリ開発でGitHub Actionsを使ったGitHub Pagesビルド、独自ドメイン付与が成功したので同様の方法で進める。

Parallels Desktopを再契約して環境も入れたものの、検証に時間が取れそうにないので保留。

- プロバイダーを組み込んだがexportの処理をcompleでうまく行えず、componentsをcompileやrunに渡すこともできなかったため、imgをImageコンポーネントに差し替えるなどの拡張ができなかった。 - 内部で非同期処理があるので、React側で全てを行うこともできない。 - MdxConfigにrehype-reactプラグインを持たせてみたが、そちらも反映されず。 結局のところMarkdownコンポーネント内のタグを差し替える処理がどうやっても行えなかった。同様のことを行う場合は `.mdx` ファイルを使うかunifiedでパース処理から全部書くかのどちらかとなる。

MDXをやめて、こちらはunifiedベースの処理に変更してすべて作り直し。コンフィグをMDXと共有できない点は申し訳ないが、imgをImageコンポーネントに差し替えるなどが簡単に行える。

> Vite v3で、CSSだけassetFileNamesがidではなくfilenameになってしまうバグがある。アップデートで直る？ こちらがいつまでもマージされないので、独自の修正処理を追加する。

`@svgr/core` がv7からJSXの機能を省いてプラグイン化したようなので依存アップデート `v3.0.0-alpha.33` で動かなくなった。修正する。 - リリース：https://github.com/gregberge/svgr/releases/tag/v7.0.0 - 実装参考：https://github.com/pd4d10/vite-plugin-svgr/blob/main/src/index.ts

@ANTON072 ご報告ありがとうございます！ 申し訳ありませんが、こちらはおそらくフォントの問題です。 私も[Canvas描画環境](https://github.com/qrac/yakuhanjp/tree/main/playground/canvas)を作ってみたところ、確かにスペースを含むいくつかの不具合が起きました。 | スペースは機能しているが半角英字が全角に | ファイルパスは認識しているがw900が出ない | | --- | --- | |  |  | | 英字が続くとスペースや半角数字が全角に | 丸ゴシックのカッコが一部縦書きに | | --- |...