vim + drawit + ditaa でテキストダイアグラムを画像に

できること

こんな画像をテキストデータから作れる

使うもの

• vim
• drawit (vimplugin)
• ditaa

環境づくり

環境づくりとは言ってもvimでNeobundleが使えること前提

1. .vimrcにNeoBundle 'Drawit'を追加
2. $ sudo apt-get install ditaa

vimで図を書く

1. ノーマルモードでおもむろに\diを押下
2. 線を書くのを辞めたいときは、\ds
3. 十字キーで線がかける
   1. 空白で上書きたいときはスペースを押下
   2. 線が書きたくなれば、もう一度スペースを押下すればOk
   3. Home, End, PgUp, UgDn キーで斜め線
   4. ^, v, <, >で、上下左右の矢印がかける

詳しくは、vimで:help drawitして見てくださしあ

ditaaでアスキーアートを画像に

テキストデータ、出力ファイル名の順に与えて上げればOK

$ ditaa inputfile outputimage.png

-sオプションで画像サイズを何倍にするか？などのオプションがいろいろありますが、詳細は下記の公式へ

参考URL

• drawit
  • Vimエディタで線を描画する — 名無しのvim使い
• ditaa
  • 公式：http://ditaa.sourceforge.net/
  • 日本語が読みたい人は：ditaa で遊ぶ | Amrta

余談

"テキストダイアグラム"なんて言葉をタイトルに書いてみたけど、伝わりそうで伝わらなさそうな言葉だ…
検索してもそんなことば出てこないし笑