メインコンテンツへ移動

図の生成と出力

💡TL;DR

1 回の実行で複数の図表タイプを選び、タイプごとに複数の出力形式を指定できます。選択を解除しても形式の設定は保持されます。すべて解除すると、本文を自動解析します。

各図のプレビューで拡大・縮小、移動、全体表示、実際のサイズを個別に操作できます。Ctrl/Command+ホイールでズームし、通常のホイールでスクロールします。 大きな PNG の書き出しでも、選択した 72〜600 PPI(初期値 300)を保持します。SVG はベクター形式であり、PPI はラスター画像の書き出しにのみ適用されます。

Obsidian 対応の画像を生成 — 既定で有効です。Obsidian で PNG をデコードできるか確認し、失敗した場合は指定 PPI の原本を残して低 PPI のコピーを追加します。両方のファイル名に PPI を表示します。無効時は指定の原本のみ出力します。 (note_drawnix_300ppi.png, note_drawnix_obsidian_87ppi.png).

三つの選択を区別する​

選択決めること例
図の種類図が表す意味フロー、シーケンス、回路、データチャート
ソース形式編集/再利用するファイルMermaid、JSON Canvas、Draw.io、Drawnix、CircuitikZ
出力形式共有用の画像や文書SVG、PNG、PDF

図形 HTML は拡大縮小できる図、構造化要約 HTML は文章・構造・引用を含みます。編集可能な HTML/SVG はレンダラー名であり、ブラウザー内エディターではありません。編集にはネイティブソースを使ってください。PPTX・MP4 などのプレゼンテーション出力は設定と依存関係が独立しています。

ソース形式を選ぶ​

形式用途ソース
MermaidMarkdown 内に置く図Mermaid コードブロック
JSON CanvasObsidian 標準 Canvas.canvas
Draw.io後から diagrams.net 等で編集.drawio
Drawnix手書き/ホワイトボード風の編集.drawnix
CircuitikZ構造化された電気回路・トランジスター回路.tex

対応形式を先に表示し、非対応の選択肢は表示したまま無効にします。既存の無効な要求は削除できます。形式は各タイプに属します。要求した形式がすべて使えない場合、実際のレンダラーの既定のソース形式を試し、利用できない要求を報告します。

生成して出力する​

  1. 対応する源ノートを開きます。段落だけを図にする場合は別ノートに置きます。テキスト選択はファイル生成の範囲を狭めません。
  2. 1 回の実行で複数の図表タイプを選び、タイプごとに複数の出力形式を指定できます。選択を解除しても形式の設定は保持されます。すべて解除すると、本文を自動解析します。
  3. チェックボックスで生成対象に含めます。名前をクリックすると、そのタイプを選択して形式設定を開きます。ホバーやキーボードフォーカスでは設定を保存せずプレビューだけ切り替えます。Escape でメニューを閉じ、フォーカスを戻します。
  4. サイドバー/パレットで 図を生成 を実行します。
  5. 選択したファイルは元のノートと同じフォルダー、または指定した出力フォルダーへ直接、自動保存されます。名前には topic_drawnix.pdf や topic_flowchart.svg のようにタイプを付けます。同名の場合は -2、-3 などを追加し、既存ファイルを上書きしません。
  6. プレビューを点検します。Drawnix と Mermaid は源順序で一つの縦スクロール領域に並び、Mermaid は描画高で表示されます。
  7. 各パネルの Export SVG/PNG/PDF で一つを、上部画像出力で全パネルを出します。複数パネルは原フォルダーか Vault 相対パスを選び、決定的な名前で別ファイルに保存します。個別失敗後も残りを進めます。 編集用には ソースファイルを保存 を使います。

中間ファイル用に共通の Vault 相対パスを設定できます。空欄なら各ソースの隣の notemd_assert/ を使います。復旧記録、描画キャッシュ、任意の添付ファイルを保存します。既存の出力が参照するファイルは保持してください。フォルダー変更は新しい実行だけに適用されます。

タイプを順番に生成します。1 つが失敗しても残りは続行し、キャンセルすると待機中のタイプを停止して完成済みファイルを保持します。出力失敗はプレビューや履歴からモデルへの再要求なしで再試行できます。生成失敗はそのタイプの再生成が必要です。旧 v1/v2 復旧記録も読み取れます。

プレビューのエクスポートメニューと各パネルヘッダーは同じ三形式を提供します。大きな結果全体を一枚の画像に固める必要はありません。

History はプレビューを閉じず Vault 履歴ドロワーを開きます。完了した図を検索・絞り込み、再表示や保存ファイルの参照ができます。アクティブノートがなくてもコマンドパレットやサイドバーから直接開けます。

SVG と PDF はベクトル幾何に基づき、PDF は SVG のレイアウトと文字メトリクスを使います。プレビュー全体をラスター化しません。PPI は PNG のみに影響し、72–600、既定300です。

密度の高い図を読みやすくする​

編集可能 HTML/SVG のレーン図は先に要約を測定・折返しし、その領域を避けてタイトルとレーンヘッダーを置きます。セルを先、線とラベルを後に描き、占有領域を避ける直交グリッドで線を引きます。長文で文字を隠したり横方向のパンを必須にしたりしないためです。

Mermaid の象限図は系列別に正規化します。quadrantChart にフローチャート専用の引用符/形修復を適用せず、点ラベル末尾の対応しない余分な開き括弧だけを除去します。タイトル、軸、象限名に意図した括弧は残します。

図の実例には実 Vault の入力、英中説明、SVG/PNG、機械可読 manifest があります。passed は記録された実行と bundle に対する結果で、後の版ですべて再実行した証拠ではありません。

実行カタログは33項目、UI は21ロケール、サイトは34ルートで別の面です。五つの厳密な参照文法は独立したレイアウト証拠が揃うまで選択肢に入りません。

Mermaid を含む Drawnix​

Mermaid を持つ成果物では SVG をサニタイズし、.drawnix メタデータにソースを保存します。プレビューには Drawnix/Plait 実行環境は不要です。既定は自己完結で .assets を別作成しません。引渡し用には Also export complete Mermaid visuals でソース、SVG、manifest を付属出力できます。旧 .assets をサポートし、欠損した SVG は保存ソースから再構築できる場合があります。

解決済み埋込み画像には可能ならデータを内包した SVG プレビューを使います。埋込みデータ、従来の付属ファイル、利用可能な原ソースの順で読み込みます。既存図が参照するディレクトリを残してください。新規出力が自己完結でも共有旧ディレクトリが不要とは限りません。

一つのスクロール面で、Drawnix ボードの後に源順序の Mermaid パネルを並べます。履歴から再度開くと同じパネル列、寸法、出力操作を復元します。

Drawnix は明示的な有向関係をすべて保持し、総数やノードごとの上限を設けません。同じ関係だけを重複除去し、異なる述語と逆方向の関係は保持します。外側経路の区間が重なる場合は別の軌道を割り当て、重ならない場合は再利用します。ラベルの実寸に合わせて行とキャンバスを確保します。ラベルのない矢印、一般的な関連、階層の重複は理由付きでメタデータに残ります。PDF の枠内文字と旧 SVG キャッシュにも対応します。枝をまたぐ矢印は静的で、Drawnix で再配置すると接続が外れる場合があります。

ネイティブ出力の境界​

ソースと画像は別の成果物です。配布前に代表例を対象アプリで確認します。PowerPoint の表は対応する編集可能構造と、修正された結合セル下の罫線を保持しますが、Mermaid/SVG は画像フォールバックの場合があります。プレビューやスライド全体の画像点数はネイティブ検証の代用ではありません。

回路図​

対応する要求では Circuit diagram と CircuitikZ source file を選びます。まず構造化回路を生成し、そこからソースを出すため、無制限の LaTeX 生成をモデルに任せるより制御できます。

現在の対応範囲は限定されています。ソース接地 NMOS アンプと対応 CMOS 部品の組合せが中心です。技術資料や出版物に使う前にプレビューとソースを点検してください。

SVG は Notemd が出す確認用の図で、ローカル LaTeX/TikZJax が .tex のコンパイルに成功した証拠ではありません。

任意のネイティブコンパイル:プレビューや SVG、PNG、プレビュー PDF に LaTeX は不要です。デスクトップでネイティブ PDF や診断が必要なら CircuitikZ native compile environment を開きます。システム tectonic/pdflatex、独自実行ファイル、または明示的な Install による固定 Tectonic を使えます。進捗とエラーを表示し、管理ランタイムは後で削除できます。

トラブルシューティング​

図の種類が違う​

自動判定ではなく種類を指定します。回路は Circuit diagram と 図を生成 を使い、旧 Mermaid 図として要約 ではありません。

ソース形式が合わない​

対応形式を先に表示し、非対応の選択肢は表示したまま無効にします。既存の無効な要求は削除できます。形式は各タイプに属します。要求した形式がすべて使えない場合、実際のレンダラーの既定のソース形式を試し、利用できない要求を報告します。

出力メニューがない​

SVG、PNG、PDF には視覚プレビューが必要です。ソースだけなら保存して対応ツールで開きます。

CircuitikZ が外でコンパイルできない​

CircuitikZ native compile environment で検査し、管理ランタイムを修復するかシステム/独自コンパイラーが circuitikz を取得できるか確認します。プラグインに完全な TeX 配布物は含まれません。

1.9.10 — 安全なプレビューと Vault ごとのローカル設定​

読み込んだ SVG のプレビューでは、動的コンテンツと外部リソースを除去し、中国語ラベルとパネルのスタイルを保持します。端末専用プロバイダーは Vault ごとに分離されます。設定から旧一覧を明示的に読み込むと、元の一覧と既存設定は保持されます。プレゼンテーションは共有利用者の終了を管理する loopback サーバーを使います。お気に入り保存やコピーの失敗を通知し、削除は Vault の設定に従います。PNG 互換性は既定で有効です。原図を保持し、必要な場合だけ検証済みの低 PPI コピーを追加します。Drawnix の関係数に固定上限はなく、プレゼンテーションの設定は独立したままです。同じ版のファイルをインストールして再読み込みし、一括処理前に一つのノートで確認してください。

1.9.11 — 見やすい図と安定した PDF エクスポート​

Drawnix は関係の強い枝を近くに配置し、接続線の重なりや交差を減らします。すべてのノードと明示的な関係を保持します。枝をまたぐ矢印は、再配置後も固定座標のままです。

PDF エクスポートは、SVG のサニタイズ後に複雑なセレクターと継承スタイルを処理します。欠けている viewBox を補い、大きすぎるページはベクターを保持して縦横比を変えずに縮小します。

診断はタグ別にまとめ、初期状態では折りたたみます。展開するとすべてのメッセージと提案を読めます。重大度別の件数は常に表示されます。

プラグインのセッション中は、タスクの各段階やプレビューの再表示をまたいでログを蓄積します。「ログを消去」でリセットできます。プラグインを再読み込みすると履歴は残りません。

1.9.12 — すっきりした診断プレビュー​

エラーがない場合、診断パネル全体を初期状態で折りたたみ、タイトルと重大度別の件数だけを表示します。エラーがある場合は自動で展開します。パネルとタグ別のグループを展開すると、すべてのメッセージと提案を読めます。診断記録は削除しません。 自動で展開するのはエラーのグループだけです。同じタグでも警告と情報は分けて折りたたんだままにします。