01 / SCHEMATEX 紹介 · 無料 · オープンソース · AI対応
医師・エンジニア・法律家が実際に使う、すべての図解。
Schematexは、医師・エンジニア・法律家がすでに手書きしている45種類の図解を描きます — 臨床ジェノグラム、IEC 61131-3ラダーロジック、NSGCペディグリー、資本政策表。テキストDSLを入力すると、標準準拠のSVGが出力されます。
02 / プロが実際に使う図解
あなたの医師・エンジニア・法律家が実際に使う図解。
各図解ファミリーは、その分野の実務者のために構築されています — 数行のDSLから、専門家がカルテ、メモ、許可書に記載するバージョンまで。すべての出力は公開された規格に準拠しています。
Three-generation family medical history genogram with multi-condition color annotations using fill zones — heart disease, diabetes, cancer, hypertension.
Three-generation hemophilia A pedigree showing X-linked recessive inheritance with carrier females and affected males per NSGC clinical notation.
Ecomap charting a client's recovery support network — AA group, family, probation, and therapist — with relationship strength and directional connections.
Classic three-wire motor start/stop seal-in circuit in IEC 61131-3 ladder logic — the foundational pattern taught in every PLC certification course.
Single-line diagram for a utility + emergency generator ATS transfer system feeding critical loads on a 480 V bus — per IEEE 315 for facility design review.
1-bit full adder built from XOR, AND, and OR gates — the foundational building block of every arithmetic logic unit, from a functional description.
Cross-border tax holding structure with Irish IP company, Dutch distribution, and APAC entity — per OECD BEPS transfer-pricing documentation requirements.
Ishikawa fishbone for a website traffic drop — six causal categories covering content, technical SEO, backlinks, UX, competition, and algorithm changes.
Moreno sociogram of classroom playground dynamics — mutual friendships, one-way choices, and peer conflicts mapped by gender group using force-directed layout.
03 / なぜSchematexか
無料。完全オープンソース。AI対応。
汎用のフローチャートツールはプロ仕様の図解を描けません。Schematexは各規格をファーストクラスとして扱い、全体がAGPL-3.0・依存ゼロで、LLMが一発で出力できるよう設計されています。
各図解タイプは公開された仕様を実装しています — McGoldrick、IEC 61131-3、IEEE 315、NSGC、Newick。医師・エンジニア・法律家がすでに手書きしているものを、コードから生成できるようになります。
D3なし、dagreなし、パーサージェネレーターなし、テレメトリーなし、機能制限なし。KBサイズのバンドル、SSR対応、クローズドソース向け商用ライセンスも利用可能。
LLMが実際にテキストを書く方法に合わせた最小限の文法 — CJK引用符、ネスト曖昧さ、AI可読エラー。ChatGPTやClaudeの出力をそのまま貼り付けて、一発でプロ仕様の図解を得られます。
04 / 位置づけ
ただのフローチャートライブラリではありません。
Schematexと既存ツールの比較。
| ツール | 専門分野の図解 | 価格 | 開発者向け | AI対応 |
|---|---|---|---|---|
| Mermaid | フローチャートのみ | 無料 | ✓ (npm) | 一部 |
| D2 | アーキテクチャのみ | 無料 | ✗ (Go CLI) | 一部 |
| WaveDrom | タイミングのみ | 無料 | ✓ (npm) | 一部 |
| PlantUML | UMLのみ | 無料 | ✗ (Java) | — |
| schematex | 45ファミリー · 仕様準拠 | 無料 | ✓ (0 deps, npm) | 専用設計 |
05 / クイックスタート
10秒でインストール。
関数1つ、文字列を渡すとSVGが返ります。TypeScriptが動く環境ならどこでも使えます。
npm install schemateximport { render } from 'schematex';
const svg = render(`
genogram "Smiths"
john [male, 1950]
mary [female, 1952]
john -- mary
alice [female, 1975, index]
`);import { render } from 'schematex';
export default function Page() {
const svg = render(dsl);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}'use client';
import { render } from 'schematex';
import { useMemo } from 'react';
export function Diagram({ dsl }: { dsl: string }) {
const svg = useMemo(() => render(dsl), [dsl]);
return <div dangerouslySetInnerHTML={{ __html: svg }} />;
}1つの文字列から始めましょう。
Playgroundを開いて45種類の図解をライブでレンダリング — またはギャラリーでDSLをコピー・貼り付け・アレンジしてみてください。