作図ツール先日から画面遷移図やフローチャートなどをテキストで書けるツールを模索していたが、結論としては大人しくGUIのツールを使った方がいいなと言うことになった。ノードの繋がりが複雑になると、自動ではなかなかにきれいに配置できないので。ブラウザ上で使えるものをいくつか試してみたが、結論から言うとdraw.ioが一番ストレス無しで使えていいかな。操作感でも画面構成の面でも。ほかにCacooとGliffyを試してみたが、Cacooはオブジェクトを追加する際に他より1クリックか2クリック手順が多いのが難。Gliffyはテキスト、円形ツール、矩形ツール、コネクタ、ライン、選択、手のひら、といったモード選択が少し煩わしかった。VやHといったキーで一発で切り替えるショートカットもないのでマウスをメニューまで持っていく必要があり。ちなみにこの手の作画ツールの雄としてVisioのオンライン版もあるようだけどちょっと高いので試してない。各ツールの比較2時間くらい試したメモ。共通して以下のような機能は持っており、どれを使っても用を満たすことはできる。自分は今のところdraw.ioという結論になったが、各々実際軽く試して手に馴染むものを使えばいいと思う。ステンシルから図形を配置して線や矢印で結べる線や矢印をいろんな形状で描ける線や矢印は図形に吸着し、図形を移動させても伸び縮みする図形を移動する時にガイドが出て吸着するので整列させやすい図形をダブルクリックでテキストを追加できるフォームのパーツがあり画面設計などもできる(するかは別)豊富なステンシルがありUMLなどいろいろなダイアグラムを書けるグループ化が可能Cacoo時々動作が怪しい。MacのChromeだとわずかに一瞬固まったりするメニューが唯一日本語ラインをダブルクリックでラインにテキスト追加できないラインを矢印にする時に始点や終点のスタイル選択が必須になっているのがわずらわしいTのショートカットでテキストというのはAdobe系のツールを使ったことがあると馴染みがあるステンシル表示に1クリック、選択して追加するのに1クリック&ドラッグ。上部のメニューでオブジェクトの切り貼りやスタイル調整フローチャートなどのほかネットワーク図やマインドマップなどテンプレートが豊富エクスポートはPNG、SVG、PDF、PS、PPT。フリープランではPNGのみ。払ってもいいかなという価格。下部にタブ切り替えで編集中の図を切り替えられるプラグインで機能追加できる?一律でドロップシャドウをかけられるフローチャートなどのほかネットワーク図やマインドマップなどテンプレートが豊富エクスポートはPNG、JPEG、SVG、PDF、VSDX、HTML、XML、URL保存場所が色々と選べる。収益構造が分からず心配になったが一応価格表があって安心したGliffyデフォルトのスタイルが一番きれいと感じた。テキスト、円形ツール、矩形ツール、コネクタ、ライン、選択、手のひら、といったモード選択が少し煩わしい。VやHといったキーで切り替えるショートカットもないテーマの適用で体裁を変えられる。見栄えを整えやすい作成時に選択したダイアグラムのタイプによってデフォルトで表示されるステンシルが変化エクスポートはPNG、JPG、SVG。いずれも課金しないと不可。使用頻度が高いならこれくらい払えるが。フリートライアルは14日間で終了らしいテキストで書くのに向いている図もあるテキストベースの作図ツールも使えるケースは多々あるので少しフォロー。mermaid.jsを使うとシーケンス図なんかはいいかんじに書ける。VSCodeでプレビューしながら書くことも可能だし。オブジェクトが追加/削除されても簡単に反映できて複雑になってもきれいに並ぶ。ドローツールで作図する方が大変なのでこれはテキストで書きたい。フローチャートは前述のように複雑になると要素がきれいに並ばないので微妙。ガントチャートは書いてもいいが、必要ならプロジェクト管理ツールに吐き出させるのがベターなのではないか。クラス図など入り組んだ構造にならないダイアグラムならPlantMLなどを使うのもよさげ(書く必要に駆られてないので試してない)要はテキストで簡単に書けてきれいな図になるならテキストが良い。テキストで書けても複雑な定義が必要だったり、あまりきれいに仕上がらないものはテキストはやめた方が良い。Excelは何故良くないか一瞬Excelで、というのが頭をよぎったので整理しておくと作図効率とメンテナンス性の面でベストでもベターでもない。使い慣れたツールなので、他のツール探したり使い方を覚えたりする手間がないという点でごく短期的には時間節約になる。言う図を書かず、一時的な意思共有のためにメンテを考慮せず書き捨てるものと言うなら一歩譲ってアリ。関連記事CoffeeScriptPythonやRubyのような文法の小さな言語。CoffeeScriptのソースをcoffeeコマンドでコンパイルするとJavaScriptのソースを生成できる。以下ちょっとぐぐって探してみたもの。FeedGAEのDataStoreで前後ページネーションGAEでDataStoreを使っていてページネーションを作ろうとしたらつらみがあった。なんとかCursorを使って前後ページネーションくらいは実装できたのでメモ。Python検索:書いてる人サーバーサイドのインフラ構築とプログラミングをたしなむハーフスタックくらいのフリーランスプログラマー。カメラはペンタックス。