11
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

PlantUMLを使用してテキストでディレクトリ構成図を描く

Posted at

PlantUMLでは、様々な図を記載することができますが、ディレクトリ構成図も記載することができます。

書き方はシンプルで、+記号を増やしていけば子ディレクトリの表現になります。また、|を利用することで、ディレクトリの説明も記載できます。

記載例

@startuml
title ディレクトリ構成図
skinparam TitleFontSize 0

salt

{
  {T
    + ルートディレクトリ
      ++ 子ディレクトリ1     | xxxを格納する
        +++ 子ディレクトリ1  | xxxのaaaを格納する
      ++ 子ディレクトリ2
  }
}

@enduml

skinparam TitleFontSize 0はタイトルを出力しないようにしています。表示されて問題なければ不要です。

出力例

上記の記載例を出力すると以下のような結果になります。
ディレクトリ構成図.png

11
6
1

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
11
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?