[我的第一个 Web App] 一个基于文本的时序图与流程图工具

[olindk]

大家好，我是人见人黑的产品经理。因为在 Mac 上找不到满意的时序图&流程图工具，所以我四个月前辞了职（其实本来就想辞职），自学了点前端技术（皮毛），撸了个基于文本的 UML 画图工具Chart Mage。网站链接： http://chartmage.com/ 它是基于以下 3 个目标设计的：

1. 只需关注逻辑，无需考虑布局。
2. 基于上下文的自动补全（这是比同类软件改进的地方）
3. 语法简单

如果这是你第一次用基于文本的 UML 画图工具，你会发现再也不用把鼠标拽来拽去调整距离和对齐了，你只需要关注你最想要表达的——业务逻辑。如果你用过类似的工具如 websequencediagrams ，则会发现 Chart Mage 会根据上下文给出合理猜测的补全建议。除此之外， Chart Mage 还支持流程图。

Chart Mage 刚刚上线，兼容性上还差点儿，欢迎使用 Chrome 或 Firefox 体验。恳请大家热情拍砖，留下你宝贵的意见，好让我持续优化这个产品，谢谢！

[olindk]

@fancymax 🤔值得考虑，包装一下我还不用愁兼容性问题了😁

[olindk]

@ruibin688 多谢提议，前两点已经规划做了。 UI 上确实还需要打磨细节🤓

[RockShake]

楼主，右边的要能直接拖到左边形成代码，都不用敲了

[olindk]

@RockShake 不好意思没太明白你的意思😅

[RockShake]

@olindk 很容易理解啊，左边现在是编辑模块，右边是展示区，如果右边也能编辑呢

[comcuter]

@RockShake 如果右边也可以编辑, 把右边的可以拖到左边, 效率就低了, 没有直接在左边快.

[olindk]

@RockShake 这个工具的目标就是画图，用这种文本的形式是为了快速出图，只需关注逻辑不用关注样式。

[xingzhi]

挺好的，我也刚好需要时序图，试试看

[sshsky]

实践能力强 @olindk

[olindk]

根据各位捧场大爷的意见 @ruibin688 @comcuter ，我今天更新了一版：
1. 时序图补全改为大小写不敏感
2. 使图表适应屏幕大小（对笔记本更加友好）
3. 使导出的图片文件名为图表名称
4. 为导出的图片增加白色背景色（不再是透明底了）
5. 简化了流程图的 sample 内容
6. 修复了时序图 alt 语句的缩进问题
7. 修复了时序图 note 补全的一个小问题

如果大家感兴趣的话也欢迎加 Q 群: 342459635 。在里面提议或者直接 Q 我都可以😁 谢谢！

[wsph123]

这个好好用

[pheyer]

其实 Sublime + PlantUML 就很不错，这个实时性强一些而已

[jaredli]

非常棒的应用。要是可以云端存储就更好了。老是忘记图在哪台机器上。。。anyway，非常棒！