#図解

図を作るための新しいテキスト言語「reladraw」のGitHubリポジトリが公開されている。見た目は地味だが、狙いはかなりはっきりしている。Mermaidのように文章から図を起こせる手軽さは欲しい。でも、配置をある程度こちらで決めたい場面では、MermaidやGraphvizの自動レイアウトでは足りない。そこで、その中間を埋める道具として作られている。図を手で引く面倒さに悩んだことがある人ほど、話が見えやすいはずだ。 リポジトリのREADMEによると、reladrawは「図について、どこに何を置くかを言葉で書く」ためのテキスト言語だという。作者は、draw.ioで毎回ドラッグして配置を詰めるやり方は手間が大きすぎる一方で、MermaidやGraphviz、D2のように箱と線だけを宣言してあとは自動配置に任せる方式では、頭の中にある絵をそのまま出しにくいと感じていた。そこで、見た目はきちんとコントロールしたいが、座標を一つずつ指定するのは避けたい、という欲求を満たす位置にreladrawを置いている。 READMEには、簡単な書き方の例も載っている。たとえば `node app "We

開発者向けの新しい道具は、見た目が派手でも中身が薄いことがあります。ですが今回の `drawgent` は、ただのデモではなく、Excalidraw のキャンバスに接続した実用寄りのエージェントとして作り込まれていました。コードや図を同じ画面で扱いながら、対話で修正し、さらに手描きのジェスチャーまで入力にしてしまう発想が面白いです。しかも更新履歴を見ると、UI の飾りよりも、実際に使えるようにするための細かな改良がかなり詰め込まれています。 元記事は Tangled 上のリポジトリ `yanndegat.tngl.sh/drawgent` を見せています。説明欄は空で、README の冒頭だけが見えている状態ですが、そこからはこのプロジェクトが何を目指しているかは読み取れます。`drawgent` は「自分の Claude Code、Codex、opencode」を Excalidraw のホワイトボードにつなぎ、チャット欄で「図を描いて」と頼んだり、図の横に `AGENT:` と書いてその部分を直させたりできる仕組みです。エージェントはキャンバスのスクリーンショットと scene を

読んでいてまず思ったのは、これ、かなり「わかる」と「そこまでやるのか」が同時に来る記事だな、ということだった。Claude Code みたいな coding agent は便利だけれど、結局のところ人間が読むにはしんどい。端末に長い文章をそのまま流されると、どこが重要なのか拾うだけで疲れる。そこを HTML に逃がす、という発想はかなり自然だと思う。 一方で、記事の熱量は高いのに、少し引っかかったのは「90〜95% は HTML で受け取る」「1日に100回使う」といった話の勢いだ。もちろん、著者の作業環境では本当に効くのだろう。ただ、これは coding agent 全般の普遍解というより、かなりその人の運用に最適化されたやり方に見える。つまり、誰にでもそのまま刺さるというより、「人が読むべき出力をどう設計するか」を徹底して考えた結果の一例なんだと思う。 面白かったのは、単に見た目を整える話ではなく、情報の置き場所そのものを変えている点だった。端末の途中や末尾に散らばると読み逃すから、下部に寄せる。それでも足りないから、HTML にして見出しや強調、図まで使う。ここには「AI との会