round-rand https://blog.hatena.ne.jp/round-rand/ ランドML https://ml-rand-note.hatenablog.com/ ツール紹介 記事で以下のようなディレクトリ構造を書く際には、毎回他サイトからコピペしてファイルを書き換えるという手段をとっていたのですが、毎回それをやるのは面倒に感じていました。 dir1/ ├── file1 ├── file2 ├── dir2/ │ ├── file3 └── dir3 そこで、作成ツールはないかと調べたところ、以下の「tree.nathanfriend.com」が良さげでした。 tree.nathanfriend.com サイトを開くとこのようになっています。 Wordの箇条書きのように「Tab」でインデントを調節し、改行でファイル・ディレクトリを増やせばOKです。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fml-rand-note.hatenablog.com%2Fentry%2Ftool%2Ftree" title="ディレクトリ構成図の作成ツール「tree.nathanfriend.com」の紹介 - ランドML" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/r/round-rand/20260225/20260225230103.png Hatena Blog https://hatena.blog 2026-02-26 00:00:00 rich https://ml-rand-note.hatenablog.com/entry/tool/tree 1.0 100%