# Mernyx

> Mernyx は macOS 向けのネイティブな Mermaid エディタです。キャンバスでノードを動かせば、Mermaid ソースコードがついてきます。WebView も Electron もありません。

Mernyx は macOS 向けのネイティブな App です。ソースコードエディタ、本物のベクターキャンバス、プロパティインスペクタは、1 つのドキュメントの 3 つのビューです。34 種類の図表タイプを描画し、PNG、SVG、PDF に書き出し、macOS 14.0 以降が必要です。

下のチートシートには、Mernyx が描画する 34 種類の図表タイプ の Mermaid ソースコードが載っています。規則のすぐそばには、その規則が描く図が並んでいます。載っている図はすべて Mernyx 自身のレンダラーが描いたもので、ブラウザの Mermaid.js ではありません。

## Mermaid チートシート

- [チートシート](https://mernyx.com/ja/cheat-sheet/index.md): 34 種類の図表タイプ の一覧と、どの図にもあてはまる 4 つの規則。
- [Flowchart](https://mernyx.com/ja/cheat-sheet/flowchart/index.md): 四角、矢印、分岐——Mermaid というとき、たいていの人が思い浮かべる図。
- [Sequence diagram](https://mernyx.com/ja/cheat-sheet/sequence/index.md): 時間順に並ぶ、参加者どうしのメッセージ。
- [Class diagram](https://mernyx.com/ja/cheat-sheet/class/index.md): 型と、そのメンバー、そして型どうしの関係。
- [State diagram](https://mernyx.com/ja/cheat-sheet/state/index.md): 状態と、その間の遷移、そしてそのあいだの分岐。
- [ER diagram](https://mernyx.com/ja/cheat-sheet/er/index.md): エンティティと、そのカラム、そしてエンティティ間の基数。
- [Mindmap](https://mernyx.com/ja/cheat-sheet/mindmap/index.md): 矢印を書かずに、木になるテキストのアウトライン。
- [Architecture diagram](https://mernyx.com/ja/cheat-sheet/architecture/index.md): サービスと、そのサービスが属するグループ、そしてサービス間のエッジ。
- [Requirement diagram](https://mernyx.com/ja/cheat-sheet/requirement/index.md): 要件と、その種類、そしてそれを満たすもの。
- [Block diagram](https://mernyx.com/ja/cheat-sheet/block/index.md): ブロックの壁を、左から右へ読む。
- [Swimlane diagram](https://mernyx.com/ja/cheat-sheet/swimlane/index.md): 責任ごとに 1 本ずつ割り振った処理。
- [Agent flow diagram](https://mernyx.com/ja/cheat-sheet/agentflow/index.md): エージェントのステップと、それぞれが何のステップか。
- [Use case diagram](https://mernyx.com/ja/cheat-sheet/usecase/index.md): アクター、ユースケース、そしてそれらを囲むシステム。
- [Pie chart](https://mernyx.com/ja/cheat-sheet/pie/index.md): ラベルつきの値の一覧を、切り片で描いたもの。
- [Gantt chart](https://mernyx.com/ja/cheat-sheet/gantt/index.md): タスク、セクション、日付を、時間軸に沿って並べたもの。
- [Quadrant chart](https://mernyx.com/ja/cheat-sheet/quadrant/index.md): 2 本の軸、4 つの象限、そしてその上にプロットされた点。
- [Radar chart](https://mernyx.com/ja/cheat-sheet/radar/index.md): 1 つの指標に 1 本の軸、比較する 1 つごとに 1 本の曲線。
- [Treemap](https://mernyx.com/ja/cheat-sheet/treemap/index.md): 入れ子の長方形で、面積がそのまま値になるもの。
- [Kanban diagram](https://mernyx.com/ja/cheat-sheet/kanban/index.md): カードが並ぶ列。作業の 1 段階が 1 列です。
- [Packet diagram](https://mernyx.com/ja/cheat-sheet/packet/index.md): ネットワークパケットのビットを、項目ごとに見たもの。
- [Info diagram](https://mernyx.com/ja/cheat-sheet/info/index.md): Mermaid のバージョン表示。Mernyx は認識しますが、まだ描画しません。
- [Timeline](https://mernyx.com/ja/cheat-sheet/timeline/index.md): 片側に時期、そのそばに出来事。
- [Sankey diagram](https://mernyx.com/ja/cheat-sheet/sankey/index.md): 1 行に 3 つのフィールドで書く流れ。
- [User journey](https://mernyx.com/ja/cheat-sheet/journey/index.md): すべてのステップにスコアがついた経路。
- [Venn diagram](https://mernyx.com/ja/cheat-sheet/venn/index.md): 重なっている集合と、その共有領域。
- [C4 diagram](https://mernyx.com/ja/cheat-sheet/c4/index.md): アーキテクチャのビューを、3 段階のズームで見たもの。
- [Cynefin diagram](https://mernyx.com/ja/cheat-sheet/cynefin/index.md): 5 つのドメイン、それぞれに決め方の違うもの。
- [Git graph](https://mernyx.com/ja/cheat-sheet/gitgraph/index.md): ブランチの履歴を、描いてみたもの。
- [XY chart](https://mernyx.com/ja/cheat-sheet/xychart/index.md): 2 本の軸の上の、折れ線グラフまたは棒グラフ。
- [Wardley map](https://mernyx.com/ja/cheat-sheet/wardley/index.md): コンポーネントが見えやすさと進化のうえでどこに置かれるか。
- [Railroad diagram](https://mernyx.com/ja/cheat-sheet/railroad/index.md): 文法の規則を、描いてみたもの。
- [ZenUML diagram](https://mernyx.com/ja/cheat-sheet/zenuml/index.md): メソッド呼び出しのために書かれたシーケンス図。
- [Event modeling diagram](https://mernyx.com/ja/cheat-sheet/eventmodeling/index.md): 情報が時間とともにどう変わったか。
- [Ishikawa diagram](https://mernyx.com/ja/cheat-sheet/ishikawa/index.md): ひとつの問題と、その下にある原因。
- [Tree view](https://mernyx.com/ja/cheat-sheet/treeview/index.md): ディレクトリの一覧を、描いてみたもの。

## 製品

- [概要](https://mernyx.com/ja/index.md): Mernyx とは何か、キャンバスとソースコードがどう同期するか、ウィンドウで何ができるか。
- [機能マトリクス](https://mernyx.com/ja/capabilities/index.md): キャンバスで何を編集できるかを図表タイプごとに：構造、スタイル、ラベル、数値——34 種類すべて。
- [料金](https://mernyx.com/ja/pricing/index.md): ソースコードの閲覧と編集は永久無料。キャンバス編集と納品向けの書き出しは、1 回の購入 $19 で。
- [変更履歴](https://mernyx.com/ja/changelog/index.md): 各リリースで変わった点。キャンバス、ソースコードエディタ、AI の生成と修復、書き出し。
- [サポート](https://mernyx.com/ja/support/index.md): 動作要件、バグの報告方法、そして図がどう扱われるか。
- [購入と有効化](https://mernyx.com/ja/thanks/index.md): 直接購入のあとライセンスキーはどこへ届くのか、Mac での有効化方法。

## 比較

- [Mernyx vs Mermaid Live Editor](https://mernyx.com/ja/compare/mermaid-live/index.md): メカニズムごとに比較。図の描き方、ファイルの居場所、マウスで変更できる部分。
- [Mernyx vs VS Code](https://mernyx.com/ja/compare/vs-code/index.md): 内蔵の Mermaid プレビューができることと、図がドキュメントの中の絵ではなくファイルそのものであるときに何が変わるか。

## 法律情報

- [プライバシーポリシー](https://mernyx.com/ja/privacy/index.md): アカウントもテレメトリもアクセス解析もありません。アプリが行う 3 つのネットワーク通信。
- [利用規約](https://mernyx.com/ja/terms/index.md): 1 回の買い切りのライセンス、その範囲と制限。

## Optional

- [GitHub の Mernyx](https://github.com/mernyx-app/mernyx): App 本体。Mermaid コンパイラ、キャンバスエディタ、そしてこのサイトのすべての図を描くレンダラー。
- [すべてのページを 1 つのファイルに](https://mernyx.com/ja/llms-full.txt): サイト全体を 1 つの Markdown ドキュメントに。チートシートの 34 種類の図表タイプとそれぞれのソースコード、製品ページ、法律文書。