Drawflow - データフローを作成するライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ノーコードプラットフォームが普及してきています。プログラミングはせずに、多くの場合はGUIで部品同士を組み合わせて一つの機能を作り上げていきます。 そうしたUIを作るのに使えそうなUIライブラリとしてDrawflowを紹介します。 Drawflowの使い方 デモのUIです。 つながっている線は選んで削除できます。 拡大したり、ノードに変数を与えるといったこともできます。 ダブルクリックのイベント処理。 新しいノードの追加も可能です。 Drawflowは左側の機能（ノード）をドラッグ&ドロップで追加して、各ノードを線でつなぎます。ノーコードプラットフォームであったり、Node-RedやYahoo! Pipes、ScratchのようなUIを実現するのにも使えるでしょう。 Drawflo
preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」
Pinker.jsはpreタグに書いたデータをcanvasにダイアグラムとして描いてくれるスクリプトです。 特定のルールに沿った書き方をpreタグにする事で簡易的なダイアグラムを生成できる、というもの。割と複雑なものも書けるみたいです。 以下動作サンプルです。 動作サンプル 左のpreタグのテキストを元に右のcanvasタグにダイアグラムが生成されています。 使い方Pinker.jsを読み込みます <script src='Pinker.js'></script>preにルールに沿った記法で書き、idを振ります。Layout:で位置を決め、Relate:で関係性を設定します。 <pre id="Source01">Layout: [A] [B][D][E] [C]...[F] Relate: [B]->[A],[C] [D]->[B],[E],[F] </pre>canvasを
Pyagram - システム全体の状態遷移図を描く
システム開発において全体増を把握するというのはとても大変なことです。しかし全体が把握できないままに開発を行っていくと余計な不具合が発生する可能性があります。とは言え、これまでのシステム全体図は分かりづらいものが多かったでしょう。 そうした悩みを抱えている方はPyagramを使ってみましょう。テキストで状態遷移を書きつつ、最終的に一つの画像にしてくれます。 Pyagramの使い方 出力例です。画面、アクション、メソッドなどが分かりやすくなっています。 画像はPNG/GIF/SVGで出力できます。 日本語も使えます。 Pyagramを使えば複雑なシステムであっても一つの画像の中に表現できます。どの画面とどの処理とが繋がっているかを把握できれば矛盾を見つけたり、より効率的な処理を思いつけるでしょう。 PyagramはPython製、MIT Licenseのオープンソース・ソフトウェアです。 vi
draw.io·VisioライクのドローWebアプリケーションがコード公開！ MOONGIFT
プロジェクトマネージャやリーダーがよく使うソフトウェアにVisioがあります。ネットワーク図、システム概要図などをまとめる際にはVisio Professional以上のステンシルが必要で、ちょっとした図を描くために購入するのを控えてしまう人も多いのではないでしょうか。 そんな方にお勧めしたいのがdraw.ioです。Visioライクに使えるWebアプリケーションになります。 draw.ioの使い方 最初に保存先を聞かれます。ローカルの他、DropboxやGoogle Driveへの保存が可能です。 テンプレートが多数用意されています。 組織図。 移動や削除はドラッグ&ドロップで。 様々なステンシルが用意されています。 画像出力の結果。左上のは筆者がドロップしたステンシルです。 他のテンプレートです。ビジネスプロセス。 チャート。 draw.ioはフローチャートなどをはじめとして、Visio
sqlt-diagram - 気軽に簡単にデータベースのダイアグラムを作成するソフトウェア MOONGIFT
sqlt-diagram はPerl製のオープンソース・ソフトウェアです。データベース構造を示すスキーマからイメージファイルを作成するCUIのソフトウェアになります。面倒な設定は必要ありません。テーブル構造やテーブル同士の相関を気軽に確認できる便利なソフトウェアです。 sqlt-diagram の主な特徴 1) 面倒な設定は不要 コマンドラインでデータベースの種類、出力先、スキーマを記したファイル名を指定するだけです。以下は実行例となります。データベースは SQLite で、PNG形式の画像を出力します。 sqlt-diagram -d=SQLite -o=sample.png sample.sql 2) 画像は PNG/JPEGが選択可能 既定値はPNG形式となります。 3) フォント・サイズを4種類 small、medium、large、huge の４種類を指定できます。既定値は me
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
