# Mernyx vs VS Code：Mermaid のプレビューかエディタか VS Code が Markdown プレビューに描く Mermaid は、ドキュメントの中の 1 枚の絵です。Mernyx は図そのものをファイルとして扱い、マウスで編集したい場面のためのツールです。 [Mernyx Pro を購入 — $19](https://checkout.dodopayments.com/buy/pdt_0NqGkcihHxe79ekZgVhC4?redirect_url=https%3A%2F%2Fmernyx.com%2Fthanks%2F) [無料ダウンロード](https://releases.mernyx.com/Mernyx-1.0.0.dmg) ## Mernyx を選ぶ理由 2 つのツールの答えが分かれる 3 つの行で、Mernyx が何をしているか。 ### あなたのファイル .mmd ファイル自体を編集します。 ### キャンバスでの編集 対応 ### Finder のプレビュー 対応 ## VS Code が向いている場面 すでに VS Code でドキュメントを書いているなら、内蔵の Mermaid プレビューがいちばん近道です。 Markdown ドキュメントの中の図はドキュメントの中の 1 枚の絵で、VS Code はそれをうまく描きます。拡張機能も、プレビュー用のサーバも、2 つめのウィンドウも要りません。Mernyx は、その絵が絵でなくなってファイルそのものになったときのためのものです。ノードを動かしたいのに、ソースコードも一緒に変わる必要があるときです。多くの人は両方を持ちます。問題はどちらが優れているかではなく、いま手元に持っているのはどちらかです。 ## メカニズムごとに比較 機能ごとに 1 行。左の列が Mernyx、右の列がこのページの比較対象です。 - ネイティブ描画 - ✓ Mernyx: ネイティブに描画します。すべてのノードが本物のビューで、レイアウトは手元の Mac で計算されます。 - ◐ VS Code: 非ネイティブの技術で描画されます。 - あなたのファイル - ✓ Mernyx: .mmd ファイル自体を編集します。 - ◐ VS Code: 図は Markdown ドキュメントの Mermaid コードブロックの中にあります。 - Finder のプレビュー - ✓ Mernyx: 対応 - ○ VS Code: 非対応 - Finder のサムネイル - ✓ Mernyx: 対応 - ○ VS Code: 非対応 - キャンバスでの編集 - ✓ Mernyx: 対応 - ○ VS Code: 非対応 - オフラインでの動作 - ✓ Mernyx: コンパイル、レイアウト、エクスポートはすべて手元の Mac で行うので、ネットワークがなくても同じように動きます。 - ✓ VS Code: VS Code はローカルアプリなので、ネットワークがなくても同じ図が描けます。 - エクスポート - ✓ Mernyx: PNG・SVG・PDF を、透かしなしで、好きなサイズで書き出せます。 - ○ VS Code: プレビューは図を描き、ソースコードをコピーします。画像の書き出しはできません。 - インストール不要 - ✓ Mernyx: 1 つのアプリです。拡張機能を入れる必要も、実行環境を準備する必要もありません。 - ✓ VS Code: 拡張機能のインストールが必要です。 - 共有 - ✓ Mernyx: ファイルを共有する - ✓ VS Code: ファイルを共有する - アイコン - ✓ Mernyx: 対応 - ✓ VS Code: 対応 - AI - ✓ Mernyx: キーは自分で用意します。エンドポイントもキーもあなたの指定で、制限はありません。 - ◐ VS Code: VS Code には Mermaid 用の AI は同梱されていません。 - アカウント不要 - ✓ Mernyx: アカウントは不要 - ✓ VS Code: アカウントは不要 ## よくある質問 ### VS Code は今 Mermaid を描きますか？ Markdown の中からのみです。第三者の拡張機能をインストールすれば描けます。 ### では、なぜ別のアプリなのか？ より強いビジュアル編集、macOS のシステム機能（Quick Look など）との連携、ネイティブな高パフォーマンス描画です。 ### VS Code でノードを動かすと Mermaid のソースコードも変わりますか？ 内蔵のプレビューでは変わりません。描かれるのは結果であって、編集できるキャンバスではありません。Mernyx ではキャンバスとソースコードが 1 つのドキュメントを映す 2 つのビューです。ノードをドラッグするとソースコードが書き換わり、ソースコードを編集するとキャンバスが再描画されます。 ## 無料で試す ダウンロードして、手元にあるファイルを開いて、変更したいものがあったときにキャンバスが $19 の価値があるかどうか確かめてください。 [Mernyx Pro を購入 — $19](https://checkout.dodopayments.com/buy/pdt_0NqGkcihHxe79ekZgVhC4?redirect_url=https%3A%2F%2Fmernyx.com%2Fthanks%2F) [無料ダウンロード](https://releases.mernyx.com/Mernyx-1.0.0.dmg)