Step 1: フォルダを選択
画面中央の「フォルダを選択」ボタンをクリックするか、解析したいフォルダを直接ウィンドウにドラッグ＆ドロップするだけで、自動的に解析が始まります。
面倒な手作業は、もう終わり。瞬時に生成、コピペで完了。
あなたのためのファイル構成図ジェネレーター
「ファイル構成マップ工房」
インストールも、コマンドも、もう不要。構成ツリーの生成に加え、Chrome / Edge では端末内 AI で概要・README のたたき台も作成でき、AI用ZIPとしてそのまま Cursor 等へ渡せます。ファイルは外部にアップロードされません。
ファイル構成マップ工房を試すファイル構成図、こんなことで困っていませんか？
- GitHubのREADME.mdに載せる構成図を、毎回手打ちしている
- インデントを手作業で調整していると、階層がずれて見栄えが悪くなる
- treeコマンドをたまにしか使わず、オプションを毎回調べている
- クライアントへの納品前に、ファイル一覧をサッと作りたい
- ファイルが増えるたびに、ドキュメントを手動で更新するのが大変…
- バックアップや「〇〇 - コピー」ファイルが混ざり、AIに渡す構成がノイズだらけになる
使い方は驚くほど簡単、わずか3ステップ
Step 2: 除外と設定
「AI解析用」プリセットに加え、AIがバックアップ・コピー系ファイルの除外候補を提案します。ワンクリックでまとめて適用でき、ツリーがすっきりします。
Step 3: コピー・ZIP・AI解析
Chrome / Edge では端末内 AI で概要・README を生成。AI用ZIPのほか、STRUCTURE + SUMMARY + README をまとめてコピーして Cursor 等へ渡せます（Gemini Nano 対応環境）。
エンジニアに嬉しいMarkdown出力
出力形式で「Markdown」を選ぶと、コードブロックで囲まれたツリーが生成されます。GitHubや各種ドキュメントツールにそのまま貼り付けるだけで、美しく整形された状態で表示できます。
柔軟な除外設定でノイズをカット
.gitやnode_modulesといった開発用フォルダは、チェック一つで簡単に非表示に。さらに独自のルールで「.log」ファイルや「dist」フォルダなどを指定すれば、共有したい情報だけをクリーンな状態で出力できます。Chrome では AI がプロジェクト固有の除外候補を提案することもできます。
AI用パッケージ（Chrome / Edge）
端末内の Gemini Nano でプロジェクト概要と README のたたき台を生成。STRUCTURE.md・SUMMARY.md・README.md とテキスト系ソースをまとめた AI用ZIP を作成でき、Cursor や ChatGPT への入力準備が短時間で完了します。処理はすべてブラウザ内で完結します。
プライバシー第一。あなたのためのファイル構成マップ工房
よくある質問 (FAQ)
Q1: 私のファイルはどこかにアップロードされますか？
A1: いいえ、されません。すべての処理はあなたのPCのブラウザ内で完結します。
Q2: 料金はかかりますか？
A2: いいえ、すべての機能は完全に無料でご利用いただけます。
Q3: Macでも使えますか？
A3: はい、モダンブラウザ（Chrome, Edgeなど）がインストールされていればOSを問わず利用できます。
Q4: 巨大なフォルダを読み込ませても大丈夫ですか？
A4: ファイル数が多い場合、解析に時間がかかったり、ブラウザが重くなる可能性があります。まずは小〜中規模のフォルダでお試しください。AI概要は大規模向けに分割要約します。
Q5: AI機能を使うには何が必要ですか？
A5: Chrome または Edge の最新版と、端末内 AI（Gemini Nano）が有効な環境が必要です。非対応ブラウザでもツリー生成と ZIP 出力は利用できます。
Q6: バックアップファイルはどう扱われますか？
A6: 「AIに除外候補を提案」で「〇〇 - コピー」「バックアップ」などを検出し、カスタム除外に追加できます。本番のソースや README は残したまま、ノイズだけを減らせます。
今すぐ、面倒な手作業から解放されよう
「ファイル構成マップ工房」は、ドキュメント作成の効率を劇的に向上させる、あなたのためのツールです。
ファイル構成マップ工房を試す(無料)