More than 3 years have passed since last update.

Qiitaの記事にディレクトリ構造を記述するにはどうするか？

Last updated at 2022-03-13Posted at 2022-03-13

はじめに

今回は、下記のようにQiitaの記事にディレクトリ構造を記述する方法をお伝えします。

ディレクトリ構造

.
├── Dockerfile
└── src
    ├── Gemfile
    ├── Gemfile.lock
    └── app.rb

以下の手順を行えばOKです。

$ tree

treeコマンドは、現在のディレクトリ以下の構造をテキストで表示してくれます。

私の環境では、実行結果はこのようになります。

ディレクトリ構造

.
├── Dockerfile
└── src
    ├── Gemfile
    ├── Gemfile.lock
    └── app.rb

ここで、もし「treeコマンドがないよ」と表示されたらどうしたら良いでしょうか？

treeコマンドがないよ！

zsh: command not found: tree

簡単です。

treeコマンドをインストールしましょう！

MacOSの場合

brew install tree

Debian系Linuxの場合

apt install tree

RedHat系Linuxの場合

yum install tree

インストールが終了したら、再度treeコマンドを実行してください。

1.の実行結果をコピーし、Qiitaの記事の編集画面でペーストします。

ディレクトリ構造

.
├── Dockerfile
└── src
    ├── Gemfile
    ├── Gemfile.lock
    └── app.rb

するとどうでしょう。

綺麗にディレクトリ構造が記述できました！

ポイントとしては、「```」で囲っておくことをおすすめします。

「```」で囲うと、自動的にコードブロックとしてレンダリングしてくれます。

treeコマンド、とても便利ですね！

これからも活用していきます。

それでは。