文字だけでフォルダのツリー構造や表を作成する方法


投稿日:2014年10月13日
  • 5
  • 0



いつもどうやって書いてたっけ?と調べるのでメモ。

keisen

説明のために表やグラフを使いしたい」そんな時も専用のソフトを使えば簡単に作成できるようになりました。
しかしちょっとしたメールや文章にわざわざ画像ファイルを添付するのは面倒なものです。

そういった場合に便利なのが、罫線を使った表現です。


ツリー構造の書き方

ちなみに罫線はすべて「けいせん」と入力して変換すると表示されます。

keisen01

ツリー構造が把握しやすいタイプ

root ―┬― bin
    ├― boot
    ├― usr ―┬― bin
    |     └― etc
    └― var ―┬― account
           └― cache

※.このサイトではシンタックスハイライターで表示しているので多少ずれていますが、テキストエディタにコピーペーストしていただければ綺麗に表示されます。

keisen02

コンパクトで幅を取らないタイプ

root
├bin
├boot
├usr
|├lib
|└etc
└var
  ├account
  └cache

フォルダとファイルの混在

wordpress
├wp-admin
||  about.php
||  admin.php
||  admin-footer.php
|├css
|└images
├wp-content
||   index.php
||   db.php
|├cache
|└themes
└wp-includes

罫線で書く表

こちらも箇条書きにするよりずっと見やすくなります。
ただ大型化すると修正が面倒なので「エクセルの表を文字に変化するツール」を利用すると楽です。

表の基本形

細いタイプ
┌┬┐
├┼┤
└┴┘

細いタイプ
┏┳┓
┣╋┫
┗┻┛

文字を入力する場合

┌────┬────┐
│ 氏名 │生年月日│
├────┼────┤
│  hoge  │  5/30  │
└────┴────┘

二重罫線を使った表

╔═════════╦═════════╗
║  name   ║  D.o.B. ║
╠═════════╬═════════╣
║  hoge   ║  5/30   ║
╠═════════╬═════════╣
║  hoge   ║  5/30   ║
╚═════════╩═════════╝

迷路も作れます

┏↓━━┳━━━━━┓
┃   ┃     ┃
┃ ┃ ┃ ┏━━━┫
┃ ┃   ┃   ┃
┃ ┣━━━┛ ┃ ┃
┃ ┃     ┃ ┃
┃ ┃ ┏━━━┫ ┃
┃ ┃ ┃   ┃ ┃
┃ ┃ ┃ ┃ ┃ ┃
┃   ┃ ┃   ┃
┗━━━┻━┻━━↓┛

こんな感じで応用すれば文字だけで色々な表現ができます。

   〃∩ ∧_∧
   ⊂⌒(  ・ω・)  はいはいべんりべんり
     `ヽ_っ⌒/⌒c
        ⌒ ⌒

現在のページを共有する



現在のページに関連する記事

WordPressをインストールしたら初めに設定する項目 WordPressをインストールしたら初めに設定する項目
文字だけでフォルダのツリー構造や表を作成する方法 WordPressに「トップへ戻る」ボタンを設置して、フックの仕組みについて学ぼう
文字だけでフォルダのツリー構造や表を作成する方法 WordPressでpathやURLを取得するためのタグと出力例まとめ
文字だけでフォルダのツリー構造や表を作成する方法 Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方
WordPressにGoogle+、Facebook、Twitterボタンを追加 WordPressにGoogle+、Facebook、Twitterボタンを追加
文字だけでフォルダのツリー構造や表を作成する方法 これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
文字だけでフォルダのツリー構造や表を作成する方法 WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更

おすすめの記事

サーバで管理していたWordPressをローカル環境に移行する方法

サーバで管理していたWordPressをローカル環境に移行する方法

Windows 10でネットワークが不安定になった際の対策まとめ

Windows 10でネットワークが不安定になった際の対策まとめ

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャッシュの仕組み

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャ…

WordPressで手軽にAdblock対策するならBetter Stop AdBlockで決まり!

WordPressで手軽にAdblock対策するならBetter Stop AdBlockで決…

Google Fontsの日本語フォント「Noto Fonts」の使い方

Google Fontsの日本語フォント「Noto Fonts」の使い方

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

FuckAdBlockを利用して自由自在にAdblock対策をする方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

今さら聞けない、変数や関数の命名規則と、まず覚えるべき英単語200

今さら聞けない、変数や関数の命名規則と、まず覚えるべき英単…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。