MadoHub Docs

ファイルツリー

プロジェクトファイルを参照し、操作します。

ファイルツリーは、フレームに埋め込まれたナビゲーターパネルとして表示され、必要に応じてキャンバス上の独立したタイルとしても使えます。

フレームナビゲーター

各フレームは、そのフレームのファイル構造を示すナビゲーターパネルを表示できます。フレームごとにオン/オフを切り替えられ、有効にすると幅は 160px から 240px の範囲(フレーム幅の 12.5%)に収まるようクランプされます。

操作

  • フォルダをクリックすると展開または折りたたみできます。
  • ファイルをキャンバスへドラッグするとタイルを作成できます。
    • 画像ファイル(PNG、JPG、GIF、WebP、SVG、BMP、ICO、TIFF)→ 画像タイル
    • それ以外のすべてのファイル → コードタイル
  • ファイルはそのフレームのルートディレクトリからの相対パスで表示されます。

フィルタリング

ドット付きの隠しファイル・ディレクトリは自動的に非表示になり、それに加えて node_modules、.git、dist、target、.next、.cache、.turbo、__pycache__、.svn、.DS_Store といったビルド/依存関係由来の一般的なノイズも固定リストとして非表示になります。これは .gitignore の解析ではなく静的なリストです — プロジェクトの .gitignore が除外していてもこのリストにないものは表示されたままになります。

ファイルツリータイル

キャンバス上に独立したファイルツリータイルを作成することもできます(既定サイズ 440×540px)。ターミナルと並べて、常設のファイルブラウザーとして使うのに便利です。

Cmd+Shift+P → Open File から作成するか、ファイルツリーを有効にしたフレームを作成する際に併せて作成できます。

On this page