0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

EmacsのMarkdown ModeでシンプルにPlantUMLを埋め込む一手法

Last updated at Posted at 2025-03-16

はじめに

Emacsで技術資料のMarkdownを編集していると、PlantUMLで生成したダイアグラムを挿入したくなるシーンが多々ある。

Visual Studio Codeは、MPEプラグインを導入することで埋め込みのPlantUML記法をサポートしている。ただし、埋め込み記法は、Viewerを選ぶのでMPEの方式も一長一短のように思う。

一方で、EmacsもVisual Studio Codeの後塵を排するわけもなく、Markdown Modechatuのコンビネーションで、シンプルかつ使い勝手の良いPlantUMLのダイアログの挿入手法を提供している。

必要パッケージ

  • Markdown Mode
  • chatu
    • PlantUML mode

      chatuがplantuml-jar-pathを使用するので、Emacsの初期化ファイルなどで定義が必要。

      • macOSにmacportsでplantumlをインストールした場合の指定例を以下に示す。

          (setq plantuml-jar-path "/opt/local/share/java/plantuml/plantuml.jar")
        

各パッケージの設定については、それぞれのオフィシャル・サイトを確認されたい。

使用方法

以下の全ての操作は、Emacs上で行う。

  1. chatu-new関数のコール(デフォルトのキーバインドなし)
    Markdown Modeで編集中のファイルにchatu専用のコメントを挿入して保存。

    保存を忘れると、chatuで生成したダイアグラムが想定外のところに挿入されてしまう可能性がある。

  2. chatu-open関数のコール(C-c C-o)
    関数コールで新たに開いた外部PlantUMLファイルを編集して保存。

  3. 1.のMardownファイルのバッファに移動

  4. chatu-add関数のコール(C-c C-c C-c)
    1.のコメント上で、chatu-add関数をコールすることで、chatuがコメントの直下にダイアグラムを挿入する。

注記

使用例

上記のpullreqを適用したchatuを使った使用例を以下に示す。

chatu.gif

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?