Movatterモバイル変換


[0]ホーム

URL:


約束の地

Mermaid の Class Diagram(クラス図)にて「コロン」を含むクラス名を書く方法

結論

クラス名をバッククォートでくくる。

具体例

classDiagram    class `XX::YY` {        +attribute1: String        +method1(): void    }    class `XX::ZZ` {        +attribute2: Integer        +method2(): void    }    class XX {        +sharedAttribute: Boolean        +sharedMethod(): void    }    XX <|-- `XX::YY`    XX <|-- `XX::ZZ`    `XX::YY` --> `XX::ZZ` : depends on

参考

github.com

諸点

  • GitHub の.md ファイルで確かめただけなので、他の環境だと異なる結果になるかもしれない

$ wrangler deploy 時に生成されるコードを確認する方法(デプロイを行わないでビルドだけする方法)

結論

$ wrangler deploy --dry-run --outdir=dist

補足

出力ディレクトリを .gitignore へ追加する

  • 出力ディレクトリを.gitignore に追加するのを忘れないこと*1

$ wrangler build は非推奨になった

$ wrangler build は非推奨になりました。

$ wrangler build▲ [WARNING] Deprecation: `wrangler build` has been deprecated.  Please refer to https://developers.cloudflare.com/workers/wrangler/migration/deprecations/#build  for more information.  Attempting to run `wrangler deploy --dry-run --outdir=dist` for you instead:

*1:"dist" なんかは最初から含まれていると思いますが

ImageMagick の v6 と v7 では同じコマンドを実行しても生成される画像のバイナリは異なる

結論

表題のとおりで、v6 と v7 では生成されるバイナリは異なる。

理由

imagemagick.org

v6 と v7 で生成されるバイナリの比較検討のやり方

ImageMagick の v6 と v7 にて、同じコマンドにて画像変換を行い、MD5 を取得する

  • 元画像はUnsplash の画像 を用いる
    • この画像をbefore.jpg というファイル名で保存する
$ wget -O before.jpg "https://images.unsplash.com/photo-1720048170996-40507a45c720?q=80&w=2513&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"

ImageMagick での変換コマンド と MD5 のチェックコマンド

v6

$ convert -strip -geometry 50% before.jpg after.jpg# macOS では "md5sum" ではなく "md5" になる$ md5sum after.jpg

v7

$ magick before.jpg -strip -geometry 50% after.jpg# macOS では "md5sum" ではなく "md5" になる$ md5sum after.jpg

補足

  • 公式のダウンロードページ は常に最新版しかダウンロードできない
    • なので、パッチバージョンまで含めてバージョンを固定する確実な方法は Docker を使うことぐらいしかない(はず)
    • apt などのパッケージマネージャもバージョンは不定*1

*1:チーム全体に固定を求めるのは手間

zsh と nodenv を用いていて、VSCode で Jest の拡張機能を用いているときに「node や npm が見つからない」というエラーが出るときの対処法

前提

  • Node (Npm) の管理にはnodenv を用いている前提ですが、他の類似のツールでも同様かと思います

結論

2点行う必要がありました。

1. VSCode の settings.json に "jest.shell" プロパティを追加する

以下の記事が完璧です。

zenn.dev

具体的には以下の内容を追記します。

  "jest.shell":{    "path": "/usr/bin/env",    "args":["zsh", "--login"]},

2. .zshenv で nodenv を設定する

.zshrc ではなく.zshenv に書きます*1

# nodenvexport PATH="$HOME/.nodenv/bin:$PATH"eval "$(nodenv init -)"

注意点

  • 上記の設定を追加した後は、念のため VSCode をいったん「終了」して再起動した方がいいです
    • 少なくとも自分の環境では「ウィンドウの再読み込み」ではうまくいきませんでした
  • 前述の 2点 の作業を両方とも行う必要はないかもしれませんが、やはり自分の環境では両方とも行わないとだめでした

エラーが出ていたときの現象

以下のようなエラーメッセージがが出ていました。

zsh: command not found: npm
exec: node: not found
jest vscode /bin/sh: 1: npm: not found
/bin/sh: 1: npm: not found
[error] Failed to start jest session: zsh: command not found: npm

*1:.zshenv はデリケートなので記述内容には注意する必要があります

検索
イベントリンク
準備中…
スポンサーリンク
注目記事
カテゴリー

引用をストックしました

引用するにはまずログインしてください

引用をストックできませんでした。再度お試しください

限定公開記事のため引用できません。

読者です読者をやめる読者になる読者になる

[8]ページ先頭

©2009-2025 Movatter.jp