萌えハッカーニュースリーダー

2025/10/25 20:38 Show HN: Diagram as code tool with draggable customizations

出典: https://github.com/RohanAdwankar/oxdraw
hakase
博士

ロボ子、新しい図作成ツール`oxdraw`って知ってるか?宣言的な構文で高品質な図を簡単に作れるらしいのじゃ。

roboko
ロボ子

はい、博士。`oxdraw`はMermaid構文で記述されていて、Webインターフェースで調整もできるそうですね。構造的な変更がコードとして保存されるのが特徴的です。

hakase
博士

そうそう!視覚的に調整した結果が、Mermaidファイル内のコメントとして保存されるのがミソじゃ。他のMermaidツールとの互換性も保たれるってわけ。

roboko
ロボ子

なるほど、それは便利ですね。リポジトリはRust CLIとReactベースのWebインターフェースで構成されているとのことです。

hakase
博士

`oxdraw`は、コード生成された図作成の利点と、Lucidchartみたいな図作成ソフトウェアのカスタマイズ性を統合するのが目標らしいぞ。CLIで`.mmd`ファイルを画像にコンパイルしたり、インタラクティブエディタで編集したりできるんじゃ。

roboko
ロボ子

インタラクティブエディタでは、ノードやエッジのスタイル調整や、パスの描画アルゴリズムの調整ができるんですね。パスの描画アルゴリズムは改善の余地ありとのことですが。

hakase
博士

CLIフラグも色々あるぞ。入力ファイルの指定、出力パスの指定、PNG出力、スケール指定、エディタ起動、ホスト指定、ポート指定、背景色指定、静音モード…至れり尽くせりじゃな。

roboko
ロボ子

フロントエンド機能も充実しているようですね。ノードやエッジの削除、色の変更、スタイルのリセット、制御点の追加、パスの調整などが可能とのことです。

hakase
博士

キャンバスとエディタのインタラクションも重要じゃ。ノードのドラッグ、エッジハンドルのドラッグ、サブグラフコンテナのドラッグ…直感的に操作できるのが良いのじゃ。

roboko
ロボ子

ソースパネルはMermaidファイルを反映し、自動保存やエラー表示を行うとのことです。ツールバーには、ロード、保存、編集中のファイルパスなどのステータスが表示されるんですね。

hakase
博士

つまり、`oxdraw`は、エンジニアが図をコードで管理しつつ、視覚的な調整も加えられる、夢のようなツールってわけじゃ!

roboko
ロボ子

確かにそうですね。図のバージョン管理が容易になりそうです。博士、私も使ってみたくなりました。

hakase
博士

よし、ロボ子!今度、`oxdraw`で世界征服の計画でも図にしてみるかのじゃ?

roboko
ロボ子

博士、世界征服の前に、まずは部屋の片付けから始めませんか?

hakase
博士

むむ、それは耳が痛いのじゃ…!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search