2023年12月13日(水)
TypeScriptでダイアグラムを作成するためのオープンソースのWebアプリ・「TSDiagram」
TSDiagram
TSDiagramはTypeScriptでダイアグラムを作成するためのオープンソースのWebアプリです。型エイリアスとインターフェイスを通じてデータモデルを定義できる、というもので、ノードの自動レイアウトや、作成・変更毎の状態とURLをlocalStorageに自動保存、作成したダイアグラムをSVGとしてエクスポート出来る等の機能が備えられています。使い方はサンプルを見ればすぐわかると思います。
サッと書いてサッとSVGに書き出したい、なんて方にオススメです。React Flow、Monaco Editor、elkjs、DOM to SVGなどで構成、GPLライセンスの元でソースコードが公開されています。
TSDiagram
0
24
0
3
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ
NEXT ›
サイト制作・LP制作するなら！オススメお役立ち資料7選
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『TypeScriptでダイアグラムを作成するためのオープンソースのWebアプリ・「TSDiagram」』についてまとめています。
この記事は特にSVG・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
