MermaidからUnicodeボックスアートへ（grok-mermaid）

Simon Willison氏は、新たにオープンソース化されたGrok CLIコーディングエージェントのコードベースを探索中に、興味深いコンポーネント「xai-grok-markdown/src/mermaid.rs」を発見しました。これはRustで書かれた「自己完結型のMermaid図端末レンダラー」で、Mermaid図をUnicodeボックスアートに変換し、端末上で直接表示できます。

このレンダラーをブラウザ上で試すため、Willison氏はWebAssemblyを利用した移植を試みました。Claude Code for web（Fable 5）を使用してプロンプトを作成し、オンラインツールを開発しました。このツールでは、Mermaid図のソースコードを入力すると、対応するUnicodeボックスアートがリアルタイムでレンダリングされ、最大幅の調整、テキストとしてのコピー、図へのリンクコピーが可能です。

レンダリングされた図は暗い背景に表示され、例えば認証とレート制限チェックを含むリクエスト処理フローを上から下に描画します。このツールは、RustコードがWebAssemblyを通じてWeb環境で強力に活用できることを示しています。