Movatterモバイル変換

[0]ホーム
URL:

jQueryを使ってディレクトリツリーを表示させるPHP、配布します！ | ITキヲスク

Own products

  • 新規事業のアイディア創造機

Freebie

jQueryを使ってディレクトリツリーを表示させるPHP、配布します！

この記事の読了時間：約2分36秒

「いま現在サーバの中にあるフォルダとファイルを表示する」という機能、つまり「ディレクトリツリー」。

先日、ちょいと必要になったので情報を探してみたところ、まさにそのまんまのスクリプトを丁寧な解説つきで掲載しているサイトがあるじゃありませんか！

しかもjQueryをオシャレに使って、表示部分にまで配慮が為されてる始末。

思い余って管理人さんに確認を取ったところ、紹介・改変・再配布も快諾してくださいました。

Lateral Codeさん、ありがとーございますっ！Thanx,Karthik!!

なので、今回のエントリーでは、その「いま現在サーバの中にあるフォルダとファイルを表示するPHP製ディレクトリツリー」を配布いたします。

jQueryを使って表示させるPHP製ディレクトリツリー

ファイルのダウンロードと使い方

下記よりzipファイルをダウンロードしてください。

Download

解凍しますと、中には「dir_tree.php」というPHPファイルが１つ入っております。

このファイルを、可視化したいディレクトリにぶっ込んでください。

あとは、アップロードしたファイルをブラウズすれば、あら不思議、フォルダ構成丸見えのディレクトリツリーが表示されるハズです。

試しに某レン鯖にて設置してみたので、デモ代わりに表示風景をご覧ください。

Demo view

使用上の注意

今回の再配布に際して、主にjQueryの挙動部分を改修しました。

元サイトではFisheye的だったjQueryの挙動をサックリとしたtoggleの挙動に修正し、一括で指定できるものは一括化しました。

また、元サイトではPHPファイルの他にJavaScriptファイルとCSSファイルを必要としていたのですが、より簡易に設置できるようにシンプルかつ必要最小限に、全てをまとめて１ファイルにしちゃいました。

配布するPHPファイル１つをサーバ内にアップロードするだけで、アップしたディレクトリ以下の全フォルダとファイルが視認出来るようになります。

スクリプトの細かい内容に関しては、ダウンロードしたファイルを分析するか、ネタ元サイトであるLateral Codeさんの記事をご参照ください。

英語ですが、もんのすごい詳細に解説なさっています。

使用上の注意

このスクリプトを設置すると、アップロードしたディレクトリ以下のフォルダ/ファイル構成が全て見えてしまいます。

セキュリティ的には「手の内が見える（内部構成がバレバレになる）」という意味での問題があります。

隠したいファイルは除外させるなど、くれぐれも使用には注意を払い、自己責任でお使いください。

また、当ファイルはＭＩＴライセンスで配布いたします(License:MIT-license)（MITに関しての解説エントリーはコチラ）。

使い方次第ではかなり便利なこのスクリプト。自分は「サーバ内のリアルタイム確認＆簡易ダウンローダ」として使用しています。

他にもなにか良い使用法とか思いついたら、教えてくれたらいいと思うよ。うん。

関連する記事

同じカテゴリーの記事

コメント一覧

2 Responses to [jQueryを使ってディレクトリツリーを表示させるPHP、配布します！]

kia より：

2010/04/25 11:02 AM

これ便利ですね。
イントラ用サーバに突っ込んでファイルサーバーとして使わせていただきました。
フォルダ、ファイルともに日本語表記でも問題ないですしとっても便利です。
更新もフォルダに入れるだけ…。事務所の子だけでも更新可能ですね。

smkn より：

2010/04/25 1:55 PM

>kia さん

見た目でサーバ内の様子がすぐわかるので、確かにITに疎い方でもカンタンに使えますね。

是非ともバリバリ活用しちゃってくださいー♪

コメントを投稿する

お名前

ご連絡先メールアドレス※非公開

コメント

CAPTCHA


  • このブログのRSSを購読する
  • このブログをtwitterでつぶやく
  • このブログをFacebookで共有する
  • このブログをはてなブックマークで共有する

Search

Memo log

»一覧を見る

Popular posts

Contact

    お名前※必須

    ご連絡先メールアドレス

    お問い合わせ内容※必須


    Blog parts

    Affiliate

    Useful links

    Archive

    Tag list

    About this

    このブログはウェブデザインやプログラミングなどをはじめ、web制作者向けの様々な技術や情報を掲載しています。

    Author

    smkn

    smkn

    (1979 / 5.22 / ♂)

    元・和太鼓奏者。
    元・ドラマー。
    現・フリーランスwebクリエイター。

    東京都内にて「kiki verb」として、フルスタックフリーランスやってます。

    ホームページ制作やwebサービス企画開発、WordPress構築からSEOまで、ご質問やご相談などお気軽にどぞ☆

    Tools

    HTML / CSS / JavaScript / jQuery / PHP / MySQL / WordPress / Photoshop / Illustrator / Sublime Text / EmEditor / Firefox / Google chrome / Thunderbird / XAMPP / FFFTP / WinSCP / Namery / DF / Devas / IcoFX / Dropbox / Color Dialog 003 / Bar code generator / Audacity / Janetter

    © copyright 2009- ITキヲスク All Rights Reserved.
    [8]    ページ先頭
    ©2009-2025 Movatter.jp