概要
draw.ioをAlibaba Cloudに対応させたものです。
ライセンス
本ツールはdraw.ioを元に作成されています。
ライセンスはApache License2.0に準拠します。
使い方
- ブラウザでindex.htmlにアクセスします。
-
既存のダイアグラムを開くか否かを聞かれるので、
Create New Diagram(新規作成)を選択します。
-
テンプレート選択画面にて、
Cloudカテゴリより任意のAlibaba Cloudテンプレート(cloud/aliyun_xxx.xml)を選択し、Createボタンを押下します。
※空のテンプレートから作成する場合でも、blankDiagramではなくcloud/aliyun_blank_template.xmlを選択してください。

- 左メニューにAlibaba Cloudのアイコンが表示されるため、Let’s draw!!

注意点
- Webサイトの公開に際しては、
GithubのGithub Pages機能を用いてホスティングしています。
そのため、オンライン機能(Google Drive連携/Github連携等)を制限しています。 - 上記手順でAlibaba Cloudのテンプレート指定した場合にのみ、Alibaba CloudのShapes(アイコン集)が表示されます。
他のテンプレートを指定した場合や、+More ShapesからはAlibaba CloudのShapesを読み込むことは出来ません。 - 本ツールは予告なく仕様変更、または公開を終了する可能性があります。
参考
- 元のソース(draw.io):https://github.com/jgraph/drawio
- icon素材:https://www.iconfont.cn/plus/user/detail?&uid=41718
- 参考サイト:https://qiita.com/ohiro18/items/02c5da6d6590dfe3ed0d