マークダウンからディレクトリ構造をツリー形式で生成してくれるもの

[pss-aileen]

理想系

src/
├─app
|   ├─page.tsx
|   ├─layout.tsx
|   ├─loading.tsx
|   └─not-found.tsx
|
├─components
|   ├─header.tsx
|   ├─footer.tsx
|   └─ui
|     └─button.tsx

• https://tree.nathanfriend.io/
• https://www.text-tree-generator.com/

[pss-aileen]

@kazzyfrog さん、↑のディレクトリ構造のツリー形式のテキスト？ってどのように作られましたか？
テキストから生成できるようなgenerator探しているのですが
コンパクトでないものが多くて↓
このような感じで - が長いというか...
もし簡単にうまいこと @kazzyfrog さんの作られたテキストみたいに生成できる何かがあれば教えていただきたいです！

Edit me to generate
├── a
│   └── nice
│       └── tree
│           ├── diagram!
│           └── :)
└── Use indentation
    ├── to indicate
    │   ├── file
    │   ├── and
    │   ├── folder
    │   └── nesting.
    └── You can even
        └── use
            ├── markdown
            └── bullets!

/
├── bin
├── boot
│   └── grub
│       ├── fonts
│       └── locale
├── cdrom
└── dev
    ├── block
    ├── bsg
    └── bus
        ├── usb
        ├── 001
        └── 002

[pss-aileen]

あ〜それか自分で作ればいいのか...

[kazzyfrog]

自分は、よく使いまわしているのがあったので、それをベースに手書きで作成しました！

確かに、「テキストから生成できるようなgenerator」あったら良さそうですよね！

[pss-aileen]

ありがとうございます！

なるほど、そうなんですね！
確かに、普通の使い回しでも良いですね...！

ジェネレーター、こちら個人で作るか、他に作りたい方がいらっしゃれば作ったり色々ありかな〜と思いました。

いつか個人で作るかもです...！
自分が自分用に欲しい...笑

[kazzyfrog]

面白そうですね！

「ディレクトリ構成図」で調べてみたら、結構いろんな方法で生成できるっぽいです：

• macのtreeコマンドで生成
• VSCodeの拡張で制する方法

色々試しつつ、ジャストフィットするのがなかったら作るのもありですね！
chatGPT使ったり、VSCodeの拡張にしたりも出来そうです！