MarkDownにPlantUMLを埋め込んでWord形式で出力する – 【VS Code】

MarkDownにPlantUMLを埋め込んでWord形式で出力する – 【VS Code】

前提

  • Javaインストール済み
  • Graphizインストール済み
  • plantuml.jarダウンロード済み

VS Codeプラグイン

VS Codeに以下プラグインをインストールします。

  • PlantUML
  • Markdown Preview Enhanced

Markdown Preview Enhanced設定

plantuml.jarを配置した場所を設定します。

追加インストール

Pandocをインストールします。

Download and install Pandoc with winget
If you need to convert files from one markup format into another, pandoc is your swiss-army knife.

ImageMagicをインストールします。※PlantUMLをWordに埋め込むのに必要

Download and install ImageMagick with winget
Use ImageMagick to create, edit, compose, or convert digital images.

ImageMagicはVS Codeの設定でPath追加が必要です。

Markdown

VS CodeでMarkdownを記述します。その中にplantumlを記述します。

先頭にtitleからoutputまでの記述が必要です。これでword出力されます。

---
title: "test"
author: Takahashi
date: April 1, 2099
output: word_document
---
# ER

```plantuml
@startuml
entity "employee\n従業員マスタ" as employee {
**id** : ID
--
- name: 名前
- age : 年齢
}
@enduml
```

プレビューです。

Word出力

プレビュー部分を右クリックしてPandocを選択してWord作成します。

出来上がりがこんな感じです。

参考サイト

Markdown Preview Enhanced
Description

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました