ディレクトリツリー生成ツール｜DirTree Generator

使い方

💡 主な機能

• フォルダ構造の自動生成：フォルダをドラッグ&ドロップするだけで、階層構造を視覚的なツリー形式で生成
• 隠しファイル対応：.git、.DS_Storeなどの隠しファイル・フォルダの表示/非表示を切り替え可能
• 除外設定（.gitignore 形式）：node_modules/、*.log、devlog/*.mdのような指定で、不要なファイル・フォルダを除外してスッキリ表示
• 自動コピー：生成されたツリーは自動的にクリップボードにコピーされ、すぐに貼り付け可能

🎯 活用例

• プロジェクト文書化：READMEやドキュメントにディレクトリ構造を記載
• 技術資料作成：システム設計書やプロジェクト説明資料に使用
• コードレビュー：プロジェクト構造の共有や説明
• バグ報告：問題のあるファイルの場所を視覚的に共有
• チーム共有：新メンバーへのプロジェクト構造説明

⚙️ 便利なオプション

• 隠しファイル表示：開発に必要な設定ファイルも含めて完全な構造を表示
• 柔軟な除外設定：.gitignoreの内容をそのまま貼り付けて使えます（#のコメント行、!での除外解除に対応）
• ワンクリック操作：フォルダを選ぶだけで即座にツリー生成
• クロスプラットフォーム：ブラウザがあればどこでも使える

🚫 除外パターンの書き方

• node_modules：どの階層にあっても、この名前のファイル・フォルダを除外
• node_modules/：末尾の/で、フォルダだけを除外（中身ごと非表示）
• *.log、Icon*、debug.?：*は任意の文字列、?は任意の1文字（/は越えない）
• devlog/*.md：/を含む指定は、選択したフォルダ直下が起点。devlogフォルダは表示し、中の.mdだけ非表示
• docs/**/*.tmp：**は、間のフォルダが何階層でも一致
• !icons/：先頭の!で、それまでの除外を取り消し。複数のルールはあとに書いた方が優先
• icons/*＋!icons/*.png：iconsフォルダは表示し、中身は.pngだけ表示
• # メモ：#で始まる行はコメント。空行は無視されます
• 従来のカンマ区切り（.git, node_modules）も、そのまま使えます
• 大文字・小文字は区別します
• 除外したフォルダの中身は、!で個別に戻せません（先にフォルダ自体を!で戻し、フォルダ/*で中身を除外してください）