Reladraw - 配置を自分で決められるダイアグラム言語
Show HN: Reladraw – A diagram language where you decide where to place things
Reladrawは、要素の位置を「どこに置くか」を文章で指定できる新しいダイアグラム言語です。MermaidやGraphvizのような自動レイアウトでは思い通りの配置ができず、draw.ioやFigmaのような手作業では複雑な図の編集が大変という課題を解決します。すべての位置は「above-left of cluster.hub」のように他の要素との相対関係で記述され、座標は一切使いません。TypeScript製のパーサー、リゾルバー、SVGレンダラーを備え、CLIツールでテキストからSVGを生成できます。エージェント向けのスキルも提供され、AIが図の意図を読み取りやすく、変更も簡単です。
配置はファイルに文章として書かれている。だから図を変えることは、物の場所を述べた文を変えることなのだ。
HNでの議論
76- apinstein
これはAIコーディング時代に非常に必要とされています！ダイアグラムは、私のメンタルモデルとエージェントの間で高帯域のアラインメントを取る最良の方法の一つだと感じています。私はこの問題に少し取り組んでいて、真のアーキテクチャを維持しながら開発を加速する上で、優れたビジュアルが重要なボトルネックだと考えています。
エージェントが使えるダイアグラムツールのリストに、これは間違いなく追加します！
- HeavyStorm
Mermaidはシーケンス図やガントチャートのような固定レイアウトには最適です。フローチャートのように位置が重要なものには向いていません。
MDファイルでSVGを使ってみたこともありますが、すぐに扱いにくくなります。これは素晴らしいアイデアです。最初の反応は「でも、もっと正確なものが必要になったらどうするの？」でした。しかし振り返ってみると、この相対的な位置指定でおそらく十分だろうと気づきました。
- recroad
少しバグがあるようですね。次の行を追加しました：
edge parser -> renderer "test edge" from: left to: right
しかし、曲線の矢印を作るほど賢くはありませんでした。
- threecheese
これはレンダラーと一緒に提供する必要があるのでしょうか？より良い質問は、ノードのレイアウト指示が最終的に絶対位置に変換されるのかどうかです。
もしそうなら、エージェント向けの同じシンプルなインターフェースを保ちつつ、任意の数のレンダーバックエンドをターゲットにできます。エコシステム全体でうまく機能するためにレンダリングエンジンが直面する無数の問題を避けることができます。
- tnspacetime
これは良さそうですが、どれほど高機能で便利なのかを判断するには、構文をもっと注意深く読む必要がありますね。