think2draft

GitHub

コマンドをタイプしてつくるダイアグラムジェネレータ

/\/asTTY

推しアイデア

1行のコマンドで1つ、矢印や図などのオブジェクト。ボトムアップでアイデアを思いつくままに。 もうマウスを触る必要はありません。オブジェクトをプレーンテキストだけで記述できます。さらに、オブジェクトに「タグ」を追加すれば、他のオブジェクトとの接続が容易に。

作った背景

アイデアや図を適当に作って、その関係を示せるツール(特にキーボード操作だけで完結するもの)を作りたかった。

推し技術

グラフィックのコードは自作、トークンパーサも自作。追加のライブラリは必要ありません。 Windows 98から動作可能。

プロジェクト詳細

概要

技術スタック

image Hot Soup Processor 3.6を使用しました。

コマンド。Enter。ダイアグラムの出来上がり。紙に書くよりも速い図表の作り方。

image

「think2draft」は、ダイアグラムをキーボードだけで作成することができるツールです。ひとつのコマンドでオブジェクトを作成し、それらを繋げることでダイアグラムを作成することができます。

image コマンドひとつ。「Hello World」を追加。

image コマンドふたつ。「Fizz Buzz」を追加。

image コマンドみっつ。Hello WorldからFizz Buzzに矢印を引く。 「from tag rectone」「to tag recttwo」。オブジェクトからオブジェクトへ矢印を引け、意味付けは自動で行えます。

考えるより手を動かせ。ペンを持つよりキーボードを叩け。

頑張ったこと

コマンド解釈処理を完全自作

トークナイズ、ダブルクオーテーションの処理、トークンの意味解釈はすべてユーザーコード。113行のコードで実現しました。

2時間で作成

矢印・矩形・テキストを表示可能な最初のプロトタイプは2時間で作成舌コード。高速開発ながらオブジェクトの追加やコマンドの追加も容易で、拡張性も確保。

/\/asTTY

@77396d73b52851bd