モノスケッチ

概要

MonoSketch は、オープンソースのASCIIグラフ作成ツール デモやコード統合 に役立つ視覚的補助を簡単に作成 Rectangle, Line, Text box などの基本要素で構成多様なフォーマットやネットワーク構造の図示が可能 GitHub でのコントリビューション・サポートも歓迎

MonoSketch概要

MonoSketch は、 ASCIIグラフ や図解を簡単に作成できる オープンソース プロジェクト
デモンストレーション や コードへの統合 に適した視覚的な補助ツール
Rectangle（四角形）、 Line（線）、 Text box（テキストボックス） などの基本ブロックを用意
シンプルな図から複雑なネットワークやシステム構成まで表現可能
Apache License 2.0 で提供、商用利用・改変も自由

基本機能と表現例

Rectangle、 Line、 Text box などの基本図形を組み合わせた構成
- 例：
  - ┌────────────┐
  - │ Text │
  - └────────────┘
図形の フォーマット 変更に対応
- 角丸、二重線、塗りつぶし、矢印など多彩な表現
ネットワーク構成やプロトコルフローもASCIIで可視化
- 例：TCP通信、SSL/TLSハンドシェイク、HTTPリクエスト/レスポンスなど
システム構成図やアプリの UIモックアップ も作成可能

利用例・サンプル

クライアント-サーバ通信 のシーケンス図
- SYN/ACKフローやSSL/TLSハンドシェイクのASCII表現
エッジ/メインリージョン のネットワーク構成図
アプリUI のモックアップ作成
- 検索ボックスやボタンなどのUIパーツをASCIIで表現
プレゼンテーション 資料の作成
- PowerPointやGoogle Slidesに頼らず、テキストのみで完結

コントリビューション・サポート

GitHub 上で開発・公開
- スター、プルリクエスト、Issue投稿での貢献を歓迎
GitHub Sponsor や Kofi による金銭的サポートも受付
ASCIIフォント は現時点で未対応

まとめ・今後の展望

MonoSketch は、 手軽にASCIIアート図解 を作成できるツールとして開発
デモやドキュメント、設計書など 幅広い用途 に活用可能
コミュニティの協力による機能拡張や改善に期待
公式サイト：app.monosketch.io
詳細・参加は GitHub リポジトリを参照

Hackerたちの意見

ネイティブのmacOSアプリとして、Monodrawがあるんだけど、これめっちゃいいよ！

└

Monodrawはメンテナンスモードで、無料じゃないんだよね。名前からして、Monosketchが明確な代替品だと思う。

いいね！線がボックスにくっつくのがすごく好きなんだけど、くっつけるのがちょっと難しいかな。

あと、https://github.com/casparwylie/cascii-coreもあるよ。

おお、いいね！これツールベルトに入れとくわ。シンプルで分かりやすいし、excalidrawと同じような感じ。唯一すぐに分からなかったのは、描画そのものをコピーする方法（JSONデータじゃなくてね）。結局、ショートカットでcmd+shift+cを見つけたよ。もう少し後に、プロジェクト名（デフォルトは「未定義」）をクリックして「テキストをエクスポート」を見つけた。もうちょっとその機能を目立たせた方がいいかも。

└

私も同じ。中央上に「テキストをクリップボードに貼り付ける」ボタンを追加してほしい。

このスレッドで「ASCII」を使ってる人へのちょっとした注意（MonosketchツールはASCIIを名乗ってないけど、実際には名乗ってるね）。例えば「◎」U+25CE BULLSEYEを使ってるけど、これは明らかにASCIIじゃないし。下のスレッドで言及されてる「ascii-driven-development」のブログ記事では、絵文字すら使われてるよ。

└

このスレッドで「ASCII」を使ってる人へのちょっとした注意（MonosketchツールはASCIIを名乗ってないけど、実際には名乗ってるね）。ランディングページには大きなASCII文字でこう書いてあるよ：「ASCIIでアイデアを解き放とう」[] MonoSketchは、アイデアを視覚的に素晴らしいデザインに変える強力なASCIIスケッチ＆ダイアグラムアプリだよ。 :-)

純粋なテキストを確実に往復できるツールのバージョンが欲しいな。ボックスやアンカー付きの線、親子関係を実際に認識できるヒューリスティックやモデルがあれば、純粋なテキストをペーストしてすぐに整理し始められるのに。Monodrawを使った経験では、元のファイル形式を維持しないといけなかったから、一度ダイアグラムがマークダウンファイルに入ると、切り取って貼り付けて簡単に編集することができなかった。そうなると、画像としてレンダリングされたどんなファイル形式でも同じことだよね。

└

これは絶対可能だね。モノスペースのホワイトスペース文字を見つける必要があるみたい（いくつかあるみたいだし）。それから、ホワイトスペースに論理図の圧縮版をステガノグラフィー風にエンコードするか、文字を使ってデータを小さな毛玉に圧縮することを考えてみて。Draw.ioはXMLをPNGに忍ばせてるのがずっと気に入ってる。

Monodraw使ってるよ。今までで一番いい買い物だった。

└

その通り！図を作ったり、ちょっと落書きしたり、figやいくつかのボックスと影を使って設定ファイルのカスタムヘッダーを作るのに便利だよ！

└

私も買ったよ。ほとんどの人が10年近く前に買ったみたいだね。あまり使わないけど、たまに必要なときにあると助かる。

いいアプリだね！図をテキストにコピーするのにctrl+shift+Cが使えるって気づいたとき、すごく便利だと思った！でも、ctrl+CでクリップボードにASCIIをコピーできるようにするのは可能かな？選択したオブジェクトのJSON表現がコピーされるのは分かるけど、コピーしたオブジェクトの内部モデルを維持しつつ、クリップボードは常に使えるASCIIで埋められているのが理想だと思う。そういうアプリを見たことがある気がする。

ヒント：要素ラベルのspellcheck HTML属性/プロパティの値をfalseに設定することを考えてみて。リンク先のトップページでは、すべての「GND」や「uF」などの下に赤い波線が引かれてるんだ。これらのラベルは英語（または他の言語）の単語としてスペルチェックされるべきじゃないから、実際にはほとんど役に立たないよね。

本題からは外れるけど、昨日playsciiで遊んでみた。すごくパワフルなツールだけど、慣れるまでには時間がかかりそう。「PlaysciiはオープンソースのASCIIアートとアニメーションプログラムで、Windows、Linux、macOSで動く。」- https://jp.itch.io/playscii - https://heptapod.host/jp-lebreton/playscii クリエイターのJP LeBretonとのインタビューも見つけたよ（伝説の人だけど、知らなかった！） https://cheesetalks.net/jplebreton.php > ツールの制限について言えば、GZDoomは楽なものじゃない。エンジン内でランタイム編集できるものはほとんどないから、変更を確認するにはエンジンを再読み込みしなきゃならない。変更を再読み込みするのは早いけど、できるだけライブアップデートできる方がいいと思う。理想を言えば、エンジン自体にエディタが組み込まれていて、外部プログラムに移動せずに必要なことができるのが理想だね。Playsciiはそういう環境を作るための最初の大きな試みだった。十分に学べば、楽器のように考えられるようになるんだ。まだまだ道のりは長いけど、そこを目指してる。

ハクソク