ITエンジニア/デザイナ向けにオープンソースを毎日紹介

idb.filesystem.jsはIndexedDBを使ったWebベースのファイルマネージャです。

Webブラウザ上でまるでファイルシステムのようにファイルやフォルダを階層管理できるのがidb.filesystem.jsです。HTML5のFilesytem APIを使い、データの保存にはIndexedDBを用いています。


デモです。下の方がファイル管理部分になっています。


ファイルをアップロードしました。ウィンドウにドロップするだけです。


画像であればクリックで内容を閲覧できます。


フォルダにも対応しています。


こちらはさらにアイコン表示に対応したモデルです。


ドロップしようとするとウィンドウ全体がハイライト表示されます。


ファイルごとにダウンロードや内容閲覧、削除といったアイコンが表示されます。


ファイルの閲覧している際の表示です。


リスト表示にもできます。


リネームに対応しています。

idb.filesystem.jsではファイルのドラッグアンドドロップによる登録、フォルダやファイルの新規作成、リネーム、ダウンロードができます。データはオフラインアクセスでき、リロードしても消えません。

idb.filesystem.jsはHTML5/JavaScript製のオープンソース・ソフトウェア(Apache License 2.0)です。


MOONGIFTはこう見る

HTML5だけでファイル管理ができるようになれば、Web OSの可能性は飛躍的に向上するかもしれません。オフラインで扱うのでWebブラウザだけでネットワークがなかったとしても利用できます。それと画像編集やテキスト編集を行うWebアプリケーションが組み合わさればローカルのソフトウェアと変わらない使い勝手が実現できます。

とは言え、Webブラウザでローカルの機能全てが補えるとは言いがたいでしょう。ローカルでできることがすべて実現できなければいけないのではなく、Webブラウザは別物として異なる魅力を考える必要があります。Filesystem APIを使ってどんんな面白いことができるでしょうか。

idb.filesystem.js Sample App

HTML5 Filesystem Playground

ebidel/idb.filesystem.js · GitHub

 

MOONGIFTの関連記事

  • DevRel
  • Com2