Main Contents
SixApartユーザーギャザリング vol.2記念 MTGraphvizプラグイン
SixApartのユーザーギャザリング vol.2ですが、ダメもとで応募してみたら受理されました。わーい。
Six Apart - Movable Type News: Six Apart ユーザーギャザリングvol.2のご案内
教えてくれたよしむらさんありがとう。
なんだかブログ界、Web技術界のすごい人たちが集まりそうなのでびびっていますが、憧れのいろいろな人とお会いしたいなぁと思っています。
というわけで記念にプラグインをひとつ作りました。
Graphvizを使って、エントリー上のテキストだけで簡単な図を書けちゃうプラグインです。
着想はtracのgraphvizpluginで、設定まわりもコンパチブルにしています。
(というかパクりました)
mt_graphviz（ツール） - アイデアマンズ株式会社
Movable
Typeでのブログに概念などを説明するちょっとした図を記載するときも、従来はグラフィックソフトなどを立ち上げ、画像ファイルを生成し、管理画面やFTPなどを通してアップロードしていました。
Graphvizプラグインであるmt_graphvizを利用することによって、テキスト中にdotと呼ばれる言語を用いてグラフを記述することによって、エントリーの編集のみで画像を生成することができます。
エントリーに、
{{{
#!graphviz
digraph G {
a -> b;
b -> c;
c -> a;
}
}}}とか書くと、
{{{
#!graphviz
digraph G {
a -> b;
b -> c;
c -> a;
}
}}}
こんな風になるわけです。
もう簡単な概念を図示したいときにグラフィックソフトを立ち上げる必要がありません！
→とか駆使する必要もありません！
変更もらくらくです！
とりあえず、コメントもGraphviz対応にしておきましたので、上のようなフォーマットでdotスクリプトを書いてテストしてみてください。
あとで消しときますのでご遠慮なく。
- by 宮永邦彦
- at 2006年02月28日 01:20
- in プログラミング道
TrackBacks
トラックバックURL:
Comments
もひとつ本家からサンプル。
{{{
digraph G {
subgraph cluster0 {
node [style=filled,color=white];
style=filled;
color=lightgrey;
a0 -> a1 -> a2 -> a3;
label = "process #1";
}
subgraph cluster1 {
node [style=filled];
b0 -> b1 -> b2 -> b3;
label = "process #2";
color=blue
}
start -> a0;
start -> b0;
a1 -> b3;
b2 -> a3;
a3 -> a0;
a3 -> end;
b3 -> end;
start [shape=Mdiamond];
end [shape=Msquare];
}
}}}
- みやなが
- 2006年02月24日 02:38
{{{
digraph G {
"ほらね" -> "こんな風に" -> "日本語もOK";
"もちろん" -> "日本語もOK";
}
}}}