Folder To CSV

選択したフォルダ内のファイル情報を一覧化し、CSV / JSON / Markdown / HTML / TSV / XML の任意の形式でエクスポートできるブラウザ専用ツールです。

バックエンド不要。ファイルはローカルで処理され、外部に送信されません。

機能

• フォルダ内のファイルを再帰的にスキャン
• 出力カラムを自由に選択（ファイル名、拡張子、サイズ、更新日時、親ディレクトリ、相対パス、MIMEタイプ）
• 6種類のエクスポート形式に対応（CSV、JSON、Markdown、HTML、TSV、XML）
• 各カラムでソート可能
• ファイル名によるリアルタイムフィルタリング
• ページネーション（100件ごと）
• キーボードショートカット: Ctrl + E でエクスポート

使い方

必要なもの

• モダンなブラウザ（Chrome 86+ / Edge 86+ 推奨）
• ローカルHTTPサーバー（File System Access API は file:// では動作しません）

起動方法

# Node.js (npx) の場合
npx serve .

# Python の場合
python -m http.server 8000

# PHP の場合
php -S localhost:8000

ブラウザで http://localhost:8000（または表示されたURL）にアクセスし、「フォルダを選択」ボタンから対象フォルダを選んでください。

レガシーブラウザ対応

showDirectoryPicker が利用できない環境では、自動的に従来のファイル入力（webkitdirectory）にフォールバックします。

エクスポート形式

形式	拡張子	特徴
CSV	.csv	UTF-8 BOM付き（Excel対応）
TSV	.tsv	タブ区切り、UTF-8 BOM付き
JSON	.json	プリティプリント配列
Markdown	.md	GitHub Flavored Markdown テーブル
HTML	.html	単体で開けるテーブルページ
XML	.xml	構造化XML

ファイル構成

folder-to-csv/
  index.html   HTML構造
  style.css    スタイル
  app.js       アプリケーションロジック
  README.md    このファイル

技術スタック

• バニラ JavaScript（フレームワーク不使用）
• File System Access API（フォルダ読み取り）
• CSS カスタムプロパティ + ガラスモーフィズム
• Google Fonts（Orbitron / Noto Sans JP / JetBrains Mono）