テキストなどでディレクトリ構造を伝える便利な記号
2022年3月19日

メールやチャットなどテキストベースでディレクトリ構造を伝えなければならない事がある場面があると思いますがそんな時に便利な記号を紹介します。
ディレクトリ構造とは?
Webサイトやアプリケーションを開発した際、さまざまな用途のファイルがフォルダ分けされて格納されています。それらのマップのようなものがディレクトリ構造です。
Webサイトの構造は下記の様なものになります。FTPクライアントなどでよく目にするものです。

ディレクトリ構造を記号で表す
では、ディレクトリ構造を記号で表す際はどのように記載するのか紹介します。
先ほどのFTPのスクリーンショットをテキストベースで記載してみます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | WWW/ ├ .htaccess ├ ads.txt ├ demo/ │ ├ asc/ │ │ └ index.html │ ├ css/ │ ├ form01/ │ ├ web_app01/ │ ├ web_app02/ │ ├ web_app03/ │ ├ web_app04/ │ └ zucks_ads/ ├ download/ |
あまり見かけない記号を多数使っています。
便利な記号
コピペ用に記号を紹介します。
参考のディレクトリ構造で利用したのは「たて(│)」「たてみぎ(├)」「ひだりした(└)」の3種でしたがそれ以外にも多数記号は存在します。
| 読み | 記号 |
|---|---|
| たて | │ |
| たてひだり | ┤ |
| たてみぎ | ├ |
| ひだりうえ | ┌ |
| ひだりした | └ |
| まんなか | ┼ |
| みぎうえ | ┐ |
| みぎした | ┘ |
| よこ | ─ |
| よこうえ | ┴ |
| よこした | ┬ |
これが書ければちょっとエンジニアぽく見えるかもしれません。
S.E->関連記事;
- XSERVERにSSHを利用してLaravel環境を構築する
![XSERVERにSSHを利用してLaravel環境を構築する XSERVERにSSHを利用してLaravel環境を構築する]()
- Udemyでプログラミング学習をしてみた-iPhone(iOSアプリ)編-
![Udemyでプログラミング学習をしてみた-iPhone(iOSアプリ)編- Udemyでプログラミング学習をしてみた-iPhone(iOSアプリ)編-]()
- プログラマー になる為に必要な プログラミング以外 の知識・スキル
![プログラマー になる為に必要な プログラミング以外 の知識・スキル プログラマー になる為に必要な プログラミング以外 の知識・スキル]()
- CrowdWorks いつの間にか「プロクラウドワーカー」になっていた
![CrowdWorks いつの間にか「プロクラウドワーカー」になっていた CrowdWorks いつの間にか「プロクラウドワーカー」になっていた]()
- Udemyでプログラミング学習をしてみた 登録〜購入〜学習 ブラックフライデーセール11月27日まで
![Udemyでプログラミング学習をしてみた 登録〜購入〜学習 ブラックフライデーセール11月27日まで Udemyでプログラミング学習をしてみた 登録〜購入〜学習 ブラックフライデーセール11月27日まで]()
- macOS Monterey にアップデート後、composerやhomebrewでenv: php: No such file or directoryが出る
![macOS Monterey にアップデート後、composerやhomebrewでenv: php: No such file or directoryが出る macOS Monterey にアップデート後、composerやhomebrewでenv: php: No such file or directoryが出る]()
- AI ロボットが活躍!人不足の時にも安心
![AI ロボットが活躍!人不足の時にも安心 AI ロボットが活躍!人不足の時にも安心]()
- Udemyでプログラミング学習をしてみた-iPad(iPadOSアプリ)編-
![Udemyでプログラミング学習をしてみた-iPad(iPadOSアプリ)編- Udemyでプログラミング学習をしてみた-iPad(iPadOSアプリ)編-]()
- CrowdWorks 提案後、受注に繋がりました。提案〜契約までの流れを解説
![CrowdWorks 提案後、受注に繋がりました。提案〜契約までの流れを解説 CrowdWorks 提案後、受注に繋がりました。提案〜契約までの流れを解説]()
S.E->Weekly Ranking;
S.E->プロフィール;












![Apple AirPods Pro[MWP22J/A]の偽物(コピー品)を正規品と徹底比較 Apple AirPods Pro[MWP22J/A]の偽物(コピー品)を正規品と徹底比較](https://www.programming-se.com/wp-content/uploads/2020/07/スクリーンショット-2020-07-13-0.00.32-300x176.jpg)







