lewish/asciiflow

これは何？

主な機能

• 01ブラウザ上で直接ASCII図を描けます。
• 02バックエンド不要で、すべてクライアントサイドで動作します。
• 03TypeScriptとBazelで構築されています。
• 04ローカル開発サーバーを利用でき、ibazelによるライブリロードにも対応しています。

ユースケース

• アーキテクチャ図やフロー図を描き、コードコメントやプレーンテキストの文書に貼り付ける。
• READMEファイルや設計メモ向けに、テキスト形式の図を作成する。
• BazelでビルドされるTypeScript製Webアプリを調べたり、変更したりする。

クイックスタート

1. 1

   Bazelisk（Bazelランチャー）をインストールする

   npm install -g @bazel/bazelisk
2. 2

   必要に応じて、ライブリロード用にibazelをインストールする

   npm install -g @bazel/ibazel
3. 3

   ライブリロードを有効にして開発サーバーを起動する

   ibazel run client:devserver

使う前に知っておきたいこと

• !ビルドにはBazelまたはBazeliskが必要で、コントリビューターに追加のセットアップ作業が発生します。

トピック

よくある質問

asciiflow とは？

ブラウザ上でASCII図を描ける、asciiflow.comから利用可能なクライアントサイドWebアプリ。 ASCIIFlowは、ASCII図を描くためのWebアプリです。すべてクライアントサイドで動作するため、バックエンドサービスを使わずにブラウザ上で図を作成できます。asciiflow.comから直接利用できます。

asciiflow は無料で使えますか？ライセンスは？

asciiflow は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

asciiflow は今もメンテナンスされていますか？

半年以内に更新あり。asciiflow の最終コミットは 2026年7月13日 です。

asciiflow は何に使えますか？

アーキテクチャ図やフロー図を描き、コードコメントやプレーンテキストの文書に貼り付ける。 READMEファイルや設計メモ向けに、テキスト形式の図を作成する。 BazelでビルドされるTypeScript製Webアプリを調べたり、変更したりする。

asciiflow のインストール方法は？

Bazelisk（Bazelランチャー）をインストールする: npm install -g @bazel/bazelisk 必要に応じて、ライブリロード用にibazelをインストールする: npm install -g @bazel/ibazel ライブリロードを有効にして開発サーバーを起動する: ibazel run client:devserver

asciiflow はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/lewish/asciiflow