広告が嫌いですか? 行く 広告なし 今日

ディレクトリ/フォルダツリー生成器(ASCII)

開発者文章

オプション

ガイド

ディレクトリ / フォルダツリー生成器(ASCII)

ディレクトリ/フォルダツリー生成器

インデントされたファイルリストまたはスラッシュで区切られたパスのセットを、適切なボックス描画文字を使用したクリーンなASCIIディレクトリツリーに変換します。README、技術ドキュメント、ブログ記事、コードレビューなど、視覚的なプロジェクト構造がフラットなファイルパスリストよりも伝わる場面に最適です。

使用方法

  1. インデントされたファイルリスト(スペースまたはタブ)またはスラッシュで区切られたパス(1行ずつ)を入力ボックスに貼り付けます。
  2. 入力フォーマットを選択 — 「そのまま」を保持 自動検出 ほとんどの場合に。
  3. ツリーのスタイルを選択:Unicodeボックス描画、シンプルASCII、または純粋なスペースインデント。
  4. ファイル/フォルダアイコン、フォルダのトレーリングスラッシュ、またはコンパクトモードを必要に応じて切り替えます。
  5. クリック コピー 生成されたツリーを取得するボタン、または ダウンロード それをとして tree.txt ファイル。

機能

  • 2つの入力フォーマット – インデントされたリストまたはスラッシュで区切られたパス、自動検出付き。
  • 3つのレンダリングスタイル – Unicodeボックス描画(├── └── │)、純粋ASCII(|– `– |)、またはシンプルインデント。
  • アイコン切り替え – 📁 と 📄 のマークを前置し、フォルダとファイルを一目で区別します。
  • トレーリングスラッシュオプション – フォルダにトレーリングスラッシュを付けて、出力が明確になるようにします。
  • コンパクトモード – 深いネストのツリーに対して、より狭い水平スペースを確保します。
  • 自動フォルダ検出 – 子要素を持つパスはフォルダとしてレンダリングされ、子要素を持たないものはファイルとして扱われます(トレーリングスラッシュを付加することで例外を設定できます)。
  • 即時クライアントサイドレンダリング – アップロードやサーバー通信、データがブラウザから離脱することはありません。

一般的な使用例

  • READMEドキュメント – コントリビューターがコードベースを迅速にナビゲートできるように、プロジェクトのレイアウトを表示します。
  • チュートリアルおよびブログ記事 – コード例を紹介する前に、ファイル構造を説明します。
  • コードレビューおよび設計ドキュメント – 新しい機能の提案されたフォルダ構造を伝達します。
  • オンボーディング資料 – 新しいエンジニアがモノリスやマイクロサービスのレイアウトを理解できるようにします。
  • イシュー報告およびバグ再現 – GitHubのイシューを提出する際に、最小限のリポジトリレイアウトを貼り付けます。

よくある質問

  1. ボックス描画文字とは何ですか?

    ボックス描画文字は、Unicode文字(U+2500–U+257F)の範囲に属し、モノスパーステキストで箱、線、ツリー接続を描画するためのジェイロです。ディレクトリツリースタイルは、├(U+251C)、└(U+2514)、─(U+2500)、│(U+2502)を使用して、ビットマップグラフィックを使わずにブランチ構造を描画します。これらは、コードエディタ、Markdownプレビュー、ターミナルなど、すべてのUTF-8環境で信頼性を持って表示されます。

  2. ASCIIスタイルを使用すべきタイミングはいつですか?

    Unicodeボックス描画を使用するのではなく、ターゲット環境がUnicodeを正しく表示できない場合(古いターミナル、特定のログ集約システム、シンプルテキストメール、ASCIIのみの制限があるシステムなど)に、シンプルASCII(|-- および `--)を使用します。ボックス描画文字は、現代のエディタ、GitHubのREADME、ほとんどのドキュメントプラットフォームでよりきれいに見えます。

  3. ツールはフォルダとファイルをどのように区別しますか?

    スラッシュで区切られた入力では、そのパスの成分が下に子要素を持つ場合、フォルダと見なされ、葉の名前はファイルと見なされます。このヒューリスティックを上書きするには、末尾にスラッシュ(例:my-project/empty-folder/)を付けて、子要素を持たないノードもフォルダとしてレンダリングできます。インデントされた入力では、同じ葉と親のルールが適用されます。

  4. なぜツリー出力にはモノスパーステキストを使用するのですか?

    ツリー接続は、各文字が同じ水平幅を占める場合にのみ、垂直方向に並びます。比例フォントは、縦線のような細い文字を圧縮し、親と子の行の間の並びを破壊します。出力は、コードブロック、ターミナル、またはプレフォーマットされたMarkdownなどのモノスパーステキストコンテキストに貼り付けてください。

広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

スコアボードが到着しました!

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します!

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って