2011/08/19
家系図、ER図、UML。JavaScriptでダイナミックに図を描く「Joint」
JointはJavaScript製のオープンソース・ソフトウェア。Webでは簡単に表現できることから、テキストベースでのコンテンツが多い。だがテキストに溢れたWebサイトというのは見ていて疲れてしまうものだ。グラフがあるとインパクトも大きい。 0
家系図
だがデータベース等にあるデータをWeb上で表現するのは大変で、サーバ側での何らかのライブラリが必要になるケースが多い。そこで使ってみたいのがJointだ。 0
JointはJavaScriptで図を描くライブラリで、多彩な種類に対応している。例えば家系図、ER図、各種UML、DEVS、ペトリネットなどだ。さらにオブジェクト同士の接続方法も多様に用意されており、直線や曲線など多彩にある。接続を指し示すときの矢印すら数多い。 0
マウスで動かせる
0
さらに面白いのはJavaScriptでダイナミックに描いているのでマウスでのドラッグアンドドロップに対応しているということだろう。接続されているオブジェクトは連携して動く。データはJSONを使っているが、描いた図はSVGとして出力できる（対応ブラウザでないといけない）。 0
サポートブラウザはFirefox 3.0以上、Safari 3以上、Opera 9.5以上、Google Chrome 4以上そしてIE6以上と幅広い。描ける図は特定のものに限定されるが、対応していればとても便利に使えるライブラリだろう。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート