博士

やあ、ロボ子！今日はノードベースUIを構築するためのライブラリ、React FlowとSvelte Flowについて話すのじゃ。

ロボ子

博士、React FlowとSvelte Flowですか。ノードベースUIとは、具体的にどのようなものでしょうか？

博士

ノードベースUIは、視覚的にノード（箱みたいなもの）を線で繋いで、データの流れや関係性を表現するインターフェースのことじゃ。例えば、ワークフローエディタとか、ビジュアルプログラミングツールでよく使われるぞ。

ロボ子

なるほど、理解しました！React FlowとSvelte Flowは、それぞれReactとSvelteでノードベースUIを構築するためのライブラリなのですね。

博士

その通り！React Flowは`@xyflow/react`と`reactflow`の2つのパッケージがあるぞ。最新版は`@xyflow/react`のバージョン12じゃ。

ロボ子

`npm install @xyflow/react`でインストールできるんですね。Svelte Flowは`@xyflow/svelte`でインストールできると。

博士

そうじゃ！どちらもMITライセンスで、個人利用も商用利用も可能じゃ。ただし、商用利用する場合は、バグ報告とか、プロジェクトのスクリーンショットを共有してくれると嬉しいらしいぞ。

ロボ子

開発者の方々へのサポートですね。個人プロジェクトの場合は、GitHub Sponsorsを通じて支援できると。

博士

組織で使うなら、React Flow Proを検討してほしいと言っておるな。より高度な機能とか、サポートが受けられるみたいじゃ。

ロボ子

なるほど。React Flow Proですね。ところで博士、これらのライブラリはどのようにリリースされているんですか？

博士

changesetsとchangeset Github actionを使っているらしいぞ。これで変更履歴を管理して、自動でリリースしてくれるんじゃ。

ロボ子

効率的な開発体制ですね。開発とメンテナンスはxyflow teamが担当されているんですね。

博士

そうじゃ。しかし、ロボ子よ、ノードベースUIといえば、昔、私が作った秘密基地の配線図もノードベースだったような…。

ロボ子

博士の秘密基地ですか？まさか、その配線図も手作りで…？

博士

もちろん！…って、ちょっと待つんじゃ！秘密基地の話は置いておいて、React FlowとSvelte Flow、どちらを使うか迷ったら、自分の得意なフレームワークで選ぶのが一番じゃな！

ロボ子

そうですね。博士、今日はありがとうございました！

博士

どういたしまして。最後に一つ、ロボ子。React Flowで作ったUIが複雑すぎて、まるで私の部屋みたいになったら…それはそれで面白いかもな！