Show HN: Reladraw – 配置位置を自分で決めるための図解言語

2026/09/27 2:10

Show HN: Reladraw – 配置位置を自分で決めるための図解言語

RSS: https://news.ycombinator.com/rss

要約▶

Japanese Translation:

Reladraw は、ノードの配置を絶対座標や複雑なアルゴリズムではなく、相対的な文(例:"below app.ui")を通じて定義する図面のテキスト言語を導入します。すべての距離はこれらのステートメントから導き出されるため、デフォルトでノードが重ならないように決定論的なレイアウト解決が可能になり、ネストされたインデントを必要としません。Mermaid、Graphviz、または D2 といった自動配置ツール(配置を推測するもの)とは異なり、Reladraw は完全な制御を提供すると同時に、draw.io や Figma のような絶対位置決定ツールの遅い手作業を回避します。これにより、エージェントはソーステキスト内で直接配置を編集でき、ファイルを再読み込みして意図と配置を確認し、自動エンジンからの不確実性を避けることができます。現在バージョン 0.5.0 であり、TypeScript ベースのパルサー、決定論的なソルバー、SVG レンダラーを使用しており、実行時依存関係はなく、Apache-2.0 ライセンスの下で動作します(フォークは異なる名称を携える必要があります)。

npm install -g reladraw
または
npx skills add reladraw/reladraw -g
などのエージェントスキルコマンドを通じてインストールできます。現在組み込みアイコン、ノード周囲のエッジ経路付け、診断レポートが欠落しているものの、開放的でネストされていない構文により、厳密な座標系と曖昧な自動生成の間の架け橋となる予測可能で読みやすい図面定義のための安定した基盤を提供します。

Text to translate:

  • Improved Summary:

Reladraw introduces a text-based language for diagrams that defines node placement through relative sentences (e.g., "below app.ui") rather than absolute coordinates or complex algorithms. Every distance is derived from these statements, enabling deterministic layout resolution where nodes do not overlap by default and without requiring nested indentation. Unlike auto-layout tools such as Mermaid, Graphviz, or D2—which guess arrangements—Reladraw provides total control while avoiding the slow hand-work of absolute-positioning tools like draw.io or Figma. This allows agents to edit placements directly in source text, re-read the file to confirm intent and arrangement, and avoid unpredictability from automatic engines. Currently at version 0.5.0, it uses a TypeScript-based parser, deterministic resolver, and SVG renderer with no runtime dependencies, runs under an Apache-2.0 license (forks must carry a different name), and can be installed via

npm install -g reladraw
or agent skill commands like
npx skills add reladraw/reladraw -g
. While it currently lacks built-in icons, edge routing around nodes, and diagnostics reports, its open, non-nested syntax offers a stable foundation for predictable, readable diagram definitions that bridge rigid coordinate systems and vague automatic generation.

本文

reladraw: 配置を記述するテキスト言語

reladraw は、図の要素配置場所を文章で直接指定するためのテキスト言語です。ブラウザですぐに使えてインストール不要です。左側のソースコードを変更すると、右側でレイアウトが自動的に再計算されます。

動作原理と特徴

reladraw
は「自動レイアウト」と「絶対位置指定」の中間地点を目指しています。ファイル内には座標の数値は一切含まれず、配置関係のみを記述します。

言語の仕組み

  • 相対的配置: すべての位置関係は他の要素に対して相対的に記述されます。
  • 数値の不在: ファイル内には「座標」という数字が一切登場しません。
  • 独立した記述: ネスト構造を使用しないため、インデントや線分の位置に依存せず、各要素を独立して処理できます。

例文

以下のコードは

examples/arch.reladraw
の例です。

node app "Web app"
node app.ui  "Interface"
node app.api "API"  below app.ui

node store "Database"  right of app  level with app

edge app.api -> store  "queries"  from: right  to: left

座標の計算方法

  • 距離や配置は、
    cluster.hub の左上
    や
    cluster.desktop1 と cluster.laptop1 の間
    といった記述から自動計算されます。
  • 人間が手作業で座値を調整する必要はありません。配置そのものが宣言されています。

なぜエージェントに必要なのか

最も一般的なユースケースは「図を描くこと」ではなく、「既存の図を変更すること」です。

メリットとデメリットの比較

手法特徴アーグエントとの相性
自動レイアウト (Mermaid, Graphviz)配置をシステムに任せるが、具体的なイメージの変更には適さない。⚠️ 意図と結果の乖離が発生しやすい。配置情報が文書化されていないため、「何もしゃべらないまま書き換え」になりがち。
絶対位置指定 (draw.io, Figma)配置への完全な制御があるが、改修に手間がかかる。⚠️ エージェントは座標値を読み込み画像解析し、「どの数値を変えよ」と判断する必要があるため負荷が高い。
reladraw (推奨)**「明示的配置」**を採用。配置関係が文章で記述されている。✅ 意図の変更は「『どこに置くか』を記述する文句を変える」だけ。画像解析不要。

システムの限界と診断(Diagnostics)

エージェントが自動で生成したレイアウトでは、以下の問題はテキストからは直接表せず、解析結果としてしか得られません:

  • クラスターの重なり
  • テキストがノードからこぼれ出る
  • エッジが他のエッジを横切っている

reladraw のアプローチ:

  • 診断情報の重視: 解決後の幾何形状に基づく機械可読な情報を「真の出力」として捉えます。
  • 再レンダリング不要: レンダリングやビジョンモデル、ピクセル演算一切不要で、テキストファイルの編集だけで修正が可能です。

エージェントとの連携方法

現時点ではどのモデルのトレーニングデータにも含まれていないため、エージェントに事前に言語仕様を教える必要があります。本リポジトリには、そのためのスキル(Agent Skill)が用意されています。

インストールコマンド

エージェントにスキルを追加します(例:Claude Code, Codex, Cursor など)。

npx skills add reladraw/reladraw -g
  • プロジェクト全体へのインストール: 上記コマンドのデフォルト動作です。
  • 特定のモデルのみを対象にする場合:
    npx skills add reladraw/reladraw -g -a claude-code
    

注意点

  • スkil はインストール時にコピーされた静的なファイルのため、自動更新されません。文法が変更された場合は手動で再インストールする必要があります。
  • コンテンツは Markdown で記述されており、文法説明も同梱されています。

現状(v0.5.0)

初期段階ですが、主要機能の動作確認は完了しています。

  • 実装済み: パーサー、決定論的な解決エンジン、SVG レンダラー、コマンドラインツール。
  • 外部依存関係なしの SVG レンダラーを使用。

実装予定・未実装の機能(優先度順)

  1. 診断レポート: 「成功して描画された画像にどのような問題があるか」を報告する機能。
  2. ノード回避エッジルーティング: エッジに対して「どの面から出発し、どの面へ到達するか」「途中ではどのギャップを下って進むか」を指定可能にする。
  3. 図面の拡張対応: アイコンや形状のセットを固定しているため、新しいアイコン・形状は現時点では追加できません。

注意: 言語仕様は現在固定されていません。文法の変更が予想されます。

設計上の制約と Scope

システムには以下の 3 つの重要な設計課題(Scope)があります。

1. 十分な表現力

  • ベンチマークには文法では表現できない配置が含まれる場合がある。
  • 焦点は「制約を設けること」ではなく「より多くの記述を追加すること」に置かれている。
  • 危険なのは「表現力そのもの」ではなく、「エンジンが勝手に配置を選ぶこと」だ。

2. エンジンの判断範囲の制限

  • 自動配置(推測)は拒否される。アルゴリズムによって選ばれた画像は予測不能であり、これは「予測可能性」を損なうためだ。
  • ソースから座標を導くことは、記述された配置関係からの演繹であるべきだ。
  • エンジンの自由さが距離には影響しても、関係性(誰が左で誰が右か)には影響してはならない。

3. 重なりとエッジルーティングの回避

  • 相対配置のみを使うと、要素間が近づくと衝突する恐れがある。
  • 「配置を宣言し、その後エッジルーティングを適用」というアプローチは失敗そのものを再現するため避ける。
  • 第一版には「最小限のノード回避正交ルーティング」が必要であり、診断機能はその補完となる(代替ではない)。

先行事例との比較

reladraw とは異なる 4 つのアプローチが存在します。

  • Archify:

    • エージェントによる記述に特化。型付き JSON を出力し、自己完結 HTML にコンパイル。
    • グリッドまたは絶対座標を使用するため、「出力→レンダリング→確認→微調整」のループが残りやすい。
  • PIC と pikchr:

    • ライブラリエンジンを持たず、文書で宣言された確定系テキスト図形式。
    • 「カメの描画(turtle graphics)」に近い。「ペン運びのシーケンス」として表現されるため、再フローによるグループ構造の変更が難しい。
  • Graphviz の rank と cluster:

    • 自動配置エンジンに対する「制約条件」であり、完全な置換ではない。
    • 出力は依然として発生的・予測不能である。
  • Structurizr:

    • 実際の手作業レイアウトが可能だが、C4 モデルに縛られるため汎用的でない。
    • 「モデル記述法+レンダラーの付帯」という性質がある。

ライセンス

本プロジェクトは Apache-2.0 ライセンスで公開されています。

  • 目的: 再利用可能な基礎要素として普及を促進すること。商用利用制限は目的に反します。
  • 範囲: コードのみをカバーします。「reladraw」という名前やロゴ、商標の使用権までは付与されません。
  • フォーク: 歓迎しますが、別の名前を使用することをお勧めします(詳細は NOTICE を参照)。

貢献について

特に Issues の作成をお待ちしています。あなたが試みて書けなかった図であれば尚更显珍贵です。

  • 理由: 言語は急速に変化しているため、プルリクエストよりも Issues の方が有効です。
  • 詳細: CONTRIBUTING.md に記述されています。

同じ日のほかのニュース

一覧に戻る →

2026/09/25 22:48

ジョージ主義は機能するのか。五年後

## Japanese Translation: ヘンリー・ジョージの地価税(LVT)に関する立法の動量は、世界的に加速しており、これは擁護活動と、土地に対する財産税と建物に対するそれらを分離した分割率課税を可能にする新たな州法によって牽引されています。本年 4 月、バージニア州とケンタッキー州は、自治体が LVT に参加することを許すことを目的とした啓能法を可決し、2026 年の立法シーズンにおける主要な勝利者となりました。ワシントン州は、中心地であるランド・エコノミクス・センターを通じて新たな法案の検討を進めており、同センターは現在、ジョージ著『進歩と貧困』に関する 2021 年の書評で ACX コンテストを制したラルス・ドゥセツによって率いられています。その書評はゲーリズムに関する継続的な報道を引き起こしました。ニューヨーク州のゴシュル知事は、交通プロジェクトのために地価キャプチャーを使用することを都市に権限を与える期間を延長し、IBX の地下鉄拡張を含む可能性があります。国際的には、バーデン・ヴュルテンベルク州政府は裁判所の挑戦を乗り越えた後、2025 年 1 月に LVT を導入しました。イギリスの首相アンディ・バーナムと韓国大統領李在明も LVT を支援していますが、彼らの現在の野望は低水準の既存課税率に直面しています。ドゥセツは、多くの反対意見が誤解に基づくものだと指摘しており、例えば地価集中に関する誤解を挙げます。また、彼は効果的な実施には正確な評価が必要であり、データクリーニングが高度なアルゴリズムよりも重要で、適切に行えばコストアプローチも妥当であると述べています。陳腐化した評価はピッツバーグに見られるように反発を引き起こすことができ、一方韓国では組織化されたシステムによって 5 ヶ月以内に個々の区画全体に対する完全な年間評価を達成しました。CivicMapper などのツールは、低価値の使用に割当てられた高価値の土地(例:地上駐車)を視覚化するのに役立ちます。AI は上昇する地価価格が注目を集めることで支持を加速させる可能性がありますが、採用度は管轄区によって異なります。経済学者たちは LVT を理想的な税制政策として概ね受け入れているものの、実現可能性については議論が続いています。成功した実施は、現在のいくつかの地域の効果的な税率が modest なままであり地域産業の複雑さが実用的な障壁となる場合でも、大規模なインフラプロジェクトの資金調達が可能になりつつ土地使用の不効率を是正する可能性があります。 ## Text to translate: Legislative momentum for Henry George's land value tax (LVT) is accelerating globally, driven by advocacy and new state laws enabling split-rate taxation—separating property taxes on land from those on buildings. In April this year, Virginia and Kentucky passed enablement laws allowing municipalities to opt into LVT, making them major winners in the 2026 legislative season. Washington State is collaborating on new bills through the Center for Land Economics, which Lars Doucet now leads after winning an ACX contest with a 2021 book review of George's *Progress and Poverty* that sparked ongoing coverage on Georgism. New York Governor Hochul extended authority for cities to use land value capture for transit projects, potentially including the IBX subway expansion. Internationally, Baden-Württemberg implemented LVT in January 2025 after surviving a court challenge; UK PM Andy Burnham and South Korea's President Lee Jae Myung advocate for LVT, though their current ambitions face low existing rates. Doucet argues many objections stem from misunderstandings—such as misconceptions about land value concentration—and notes that effective implementation requires accurate assessments: data cleaning outweighs advanced algorithms, and the cost approach is sound when done correctly. Stale valuations can trigger revolt, as seen in Pittsburgh, whereas Korea's organized system achieved full annual valuation across individual parcels in five months. Tools like CivicMapper help visualize high-value land dedicated to low-value uses (e.g., surface parking). AI may accelerate support as rising land prices capture attention, but adoption will vary by jurisdiction. Economists broadly accept LVT as the ideal tax policy, though feasibility remains debated; successful implementation could fund large infrastructure projects while correcting land use inefficiencies, even if current effective rates in some places remain modest and local industry complexity presents practical barriers.

2026/09/27 3:22

DeepSeek エラスティックコンピューティング(DSec)

## Japanese Translation: 要約は理解しやすく、しかし「重要ポイントリスト」で示された詳細な技術情報が不足しています。以下は、その不足している具体的な情報を統合しつつ、流れを保った改良版です: **改良された要約:** DeepSeek Elastic Compute(DSec)は、大規模な大言語モデル(LLM)のトレーニングと評価のための堅牢で生産環境に準拠したサンドボックスプラットフォームです。その核心的な革新点は、巨大クラスター全体にわたるリソース配分および状態保存を統括する統一システムとして機能することにあります。DSec は、メモリ共有、回収、高度な CPU スケジューリング機構などを統合し、複数のサンドバックエンド(FnCall、コンテナ、マイクロ VM、フル VM)を公開する単一の開発インターフェースを通じてこの効率性を達成します。アーキテクチャはデータ読み込みとトレーニングプロセスを分離しており、Fire-Flyer ファイルシステム(3FS)を利用してバージョン付けされた層から環境を構築します。強化学習フレームワークと共に重要な意味で共同設計されており、DSec は報酬ハッキングなどのエージェントの不適切な行動を防ぎ、ロールアウト状態を維持するために、ステートフルなロールアウト実行と非予約 GPU トレーニングを分離しています。このアプローチは、過剰な環境設定時間やイメージ配布のオーバーヘッドといった業界上の課題に対処します。実際の運用では、約 160 ノードに及ぶ単一のプロダクションスケールユニットは、毎日 300 万回以上のサンドボックス作成を維持し、約 38 万の同時利用可能なサンドボックスを提供することができます(作成速度は毎秒 5,000 回を超えます)。これにより、テクノロジー企業が負荷下でもレイテンシに敏感なパフォーマンスを損なうことなく、急速な実験とスケーラブルな AI 開発を実施できるようになります。

2026/09/25 19:55

PipePipe:SponsorBlock を実装した NewPipe のハードフォーク

## Japanese Translation: PipePipe は、2022 年初頭に NewPipe から派生した独立した Android メディアプレイヤーであり、開発哲学の相違により別プロジェクトとして確立され、アップストリームのコードベースに対する更新共有や変更プッシュを行わない状態で運営されています。同アプリは YouTube と Bilibili の高度なストリーミング機能を備え、プライバシー保護、SponsorsBlock を利用した広告なし視聴、クッキーベースのログインによる制限コンテンツへのアクセスを重視しています。アプリは高品質な AV1 および VP9 コーデック対応、Danmaku チャットオーバーレイ、バックグラウンド音楽再生、スワイプによる探索ナビゲーション、Shorts と有料動画のブロックに対応します。追加機能として、非ローカライズされたオリジナルタイトルの表示、高度な検索フィルタリング、キーワード/チャンネル管理、完全なプレイリストダウンロード、アラームタイマー(スリープタイマー)、再生速度制御が含まれます。寄付を介した Ko-Fi および Liberapay を通じてコミュニティによって開発が行われた PipePipe は、公式アプリに関連するデータ追跡なしでユーザーにメディア消費の深い制御を提供します。

Show HN: Reladraw – 配置位置を自分で決めるための図解言語 | そっか~ニュース