Skip to content
eclair's note
Go back

コンソール出力をSVGに変換する

Edit on GitHub

メモ。環境はWindowsで実行することを想定しています。

必要な準備

WSLでないとasciinemaが動かないので、WSLを使えるようにしておきます。
また、aptでdotnet-sdk-10.0を使用するためにはUbuntu 24.04以降が必要なので、更新しておきます。

sudo apt update
sudo apt upgrade
# 22.04 to 24.04
sudo do-release-upgrade
# dotnet SDK 10.0のインストール
sudo apt install -y dotnet-sdk-10.0

また、 asciinemaも必要なので、インストールしておきます。

sudo apt install -y asciinema

svg-termも必要なので、npmでインストールしておきます。
自分はnpmがそもそも入ってなかったので,nvmから入れました。

# nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
# シェル再起動してから
# install lts version of node
nvm install --lts
# install svg-term globally
npm install -g svg-term

コンソール出力の記録

svg-term --out demo.svg --width 80 --height 24 --no-cursor --command "(command)"

感想

  • asciinemasvg-term(npm/node)の依存があるのがめんどい。
  • asciinemaはWSLでしか動かないのもめんどい。
  • デフォで動画しか出力できないのもめんどい。

という感じで、色々とつらい。のでライブラリを作っても良いかも。


Edit on GitHub
Share this post on:

Previous Post
コンソール出力を綺麗なSVG画像にするツールを作ってみた
Next Post
【C#】dotnet app.cs(File-based apps)のメモ+罠ポイント