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


投稿日: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デザインに変更

おすすめの記事

「アマレコTV」でWindows 10のPC画面に表示されている動画を撮影する方法

「アマレコTV」でWindows 10のPC画面に表示されている動画を撮…

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

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

Web制作の仕組みを根底から覆すかもしれないWix ADIの人工知能

Web制作の仕組みを根底から覆すかもしれないWix ADIの人工知能

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

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

iptablesの設定ファイルをシェルスクリプトを利用して動的に作成

iptablesの設定ファイルをシェルスクリプトを利用して動的に作成

作業効率を飛躍的に向上させる!実務で使うIllustratorのショートカット一覧

作業効率を飛躍的に向上させる!実務で使うIllustratorのショー…

「このアプリがシャットダウンを妨げています」と表示されるがアプリがわからない場合の対処法

「このアプリがシャットダウンを妨げています」と表示されるが…

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

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


コメントを残す

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

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