タグ

javascriptとumlに関するakishin999のブックマーク (7)

  • 簡単にガントチャートとかクラス図とか書けるやつ - Qiita

    mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre

    簡単にガントチャートとかクラス図とか書けるやつ - Qiita
  • ラフな描画にも対応したJavaScript製のシーケンス図描画ライブラリ·JS Sequence Diagrams MOONGIFT

    JS Sequence DiagramsはJavaScriptを使ってUMLのシーケンス図を描画するライブラリです。 システムの仕様書を書くためのモデリング言語として知られているのがUMLです。思ったよりも普及しませんでしたが、仕様書の冗長的な文章よりも図の方が分かりやすいケースも多いです。今回はJavaScriptを使って描くシーケンス図ライブラリ、JS Sequence Diagramsを紹介します。 この手書きの乱雑さがいい感じです。 正確な描画もできます。 まさにシーケンス図です。 ノートをつけたり、全く関連し合わない図も書けます。 秀逸なのはやはり手書き風の乱雑な描画ができることではないでしょうか。正確に書くと分かりやすくなる反面、ちょっとしたミスも許されない感じになりますので、ちょっとくらいラフな方が開発もしやすいのではないでしょうか。シンプルな記法からシーケンス図が作れるのは

    ラフな描画にも対応したJavaScript製のシーケンス図描画ライブラリ·JS Sequence Diagrams MOONGIFT
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • JavaScript diagramming library for interactive UIs – JointJS

    demosOne library, ‍unlimited UI optionsEnjoy interactive flowcharts, BPMN and other diagramming studios directly inside your app. Tap into our templated apps and cut development time to days.

    JavaScript diagramming library for interactive UIs – JointJS
  • 家系図、ER図、UML。JavaScriptでダイナミックに図を描く·Joint MOONGIFT

    JointはUMLや家系図、ER図などをダイナミックに描くJavaScriptライブラリ。 JointはJavaScript製のオープンソース・ソフトウェア。Webでは簡単に表現できることから、テキストベースでのコンテンツが多い。だがテキストに溢れたWebサイトというのは見ていて疲れてしまうものだ。グラフがあるとインパクトも大きい。 家系図 だがデータベース等にあるデータをWeb上で表現するのは大変で、サーバ側での何らかのライブラリが必要になるケースが多い。そこで使ってみたいのがJointだ。 JointはJavaScriptで図を描くライブラリで、多彩な種類に対応している。例えば家系図、ER図、各種UML、DEVS、ペトリネットなどだ。さらにオブジェクト同士の接続方法も多様に用意されており、直線や曲線など多彩にある。接続を指し示すときの矢印すら数多い。 マウスで動かせる さらに面白いのは

  • UMLなんかが描けるJavaScript描画ライブラリ「Joint」:phpspot開発日誌

    Joint - JavaScript diagramming library. UMLなんかが描けるJavaScript描画ライブラリ「Joint」。 UMLのステートチャート図やクラス図、組織図といった図形の他に様々な図形が描画できるライブラリです。 更に描画だけではなくドラッグ&ドロップで移動できるインタラクティブな機能も存在 組織図 UMLのクラス図(ドラッグ&ドロップしても矢印が吸着してます) UMLのステートチャート図 その他色々描画できます デモ一覧はこちら 関連エントリ HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」

  • Kodougu - TopPage

    Kodougu とは Kodougu とは、ブラウザ(Firefox/IE)上で動作するモデリングツールです。UML などのモデリング言語を用いたモデリングを、専用ツールをインストールすることなく、ブラウザ上で動作させることができます。また、Kodougu はウェブサイト(ホームページ、ブログ、wiki など)に貼り付けることもできます。 Kodougu の使い方は以下のチュートリアルを参照してください。 Kodougu チュートリアル Kodougu に関するアナウンスは以下の RSS で配信されます。興味のある方は、RSS リーダに以下の RSS を登録してください。 http://www.kodougu.net/p/kodougu/rss ニュース 2008-07-25 14:38 : [メディア掲載情報] InfoQ にて Kodougu の紹介記事が掲載

  • 1