【無料お試し版あり】ブラウザ内ファイル・フォルダ管理ライブラリ｜JavaScript / TypeScript・localStorage対応
- 無料お試し版ダウンロード商品¥ 0
- 有料版ダウンロード商品¥ 500
Webアプリに、ファイルやフォルダを作成・編集・整理する機能を組み込みたい。 そんなときに利用できる、TypeScript / JavaScript製のブラウザ内ファイル管理ライブラリです。 ブラウザの `localStorage` を利用し、Webアプリ内にファイル・フォルダ構造を持たせることができます。 React / Vue / Svelte などのフレームワークに依存せず、一般的なJavaScript / TypeScriptの開発環境から利用できます。
🆓 購入前に、無料お試し版で動作を確認できます
「実際にどんな操作ができるのか、購入前に試してみたい」という方向けに、**無料お試し版（Free Demo）**を用意しています。 ブラウザ上でファイルやフォルダの作成・編集・移動・アップロード・ダウンロード・ZIPダウンロードなどを実際に操作し、`localStorage` にデータが保存される様子を確認できます。 - **無料お試し版：** ブラウザ上で操作感や基本的な動作を確認 - **有料版：** TypeScriptソースコードや型定義、テストコードなどを利用して、自分のWebアプリへの組み込みやカスタマイズを検討 無料お試し版は、購入前の動作確認を目的としたデモです。ご自身のアプリにライブラリを組み込んで利用する場合は、有料版をご利用ください。
💡 ゼロから実装する前に、既存のライブラリを検討しませんか？
ブラウザ内でファイル・フォルダの作成、移動、コピー、テキスト読み書き、ダウンロードなどを実装したい場合、本ライブラリをベースにすることで、基本的なファイル管理機能を一から作る手間を減らせます。 TypeScriptソースコード、ビルド済みファイル、テストコード、動作確認用Demoを同梱しています。必要な機能を確認したうえで、既存コードをベースに拡張したい方に向いています。 ※ 保存先はブラウザのlocalStorageです。OSのファイルシステムを操作するライブラリではありません。容量制限などの制約を確認してご利用ください。
🔎 こんな用途に
- Webアプリ内にファイル・フォルダを作成したい - ユーザーが作成したテキストやメモを、ファイルとして保存したい - アプリ内の設定やデータを、フォルダ構造で整理したい - ブラウザ上でファイルのコピー・移動・名前変更などを行いたい - ローカルに保存したファイルをアップロード／ダウンロードしたい - 複数のファイルやフォルダをZIPとしてまとめてダウンロードしたい 小規模なWebアプリや、ブラウザ内で完結するデータ管理機能などに向いています。
✨ 主な機能
■ ファイル・フォルダ操作 - ファイル／フォルダの作成・削除 - コピー・移動・名前変更 - ファイル／フォルダの存在確認 - ディレクトリ構造の作成 - `.` / `..` を含むパスの正規化 ■ ストレージ - `localStorage` を利用したデータ保存 - `MemoryStorage` によるメモリ上での利用 - `StorageLike` によるストレージ差し替え - ストレージ容量・クォータ超過の検出 - 保存データの破損検証と安全な初期化 ■ テキストファイル - テキストファイルの読み書き - ファイルサイズの取得 - MIMEタイプの判定・追加登録 ■ アップロード・ダウンロード - ファイルのアップロード - 相対パスを利用したフォルダ構造の再現 - ファイルのダウンロード - 複数ファイル／フォルダのZIPダウンロード
🧪 Demo・ソースコード・テストを同梱
商品ZIPには、ライブラリ本体に加えて、ブラウザ上で操作を試せるDemoを含めています。 Demoでは、ファイルやフォルダの作成・編集・削除、コピー・移動、アップロード／ダウンロード、ZIPダウンロード、`localStorage`への保存状態などを確認できます。 同梱内容： - TypeScriptソースコード（`src/`） - ビルド済みJavaScript・型定義（`dist/`） - テストコード（`tests/`） - ブラウザ動作確認用Demo（`demo/`） - README / LICENSE / NOTICE - npm / TypeScript / Vitest等の開発用設定ファイル `node_modules/` は含まれていません。
🌐 動作環境
■ ライブラリの利用 - モダンブラウザ - JavaScript / TypeScript - `localStorage` が利用可能な環境 **通常のライブラリ利用にNode.jsは必要ありません。** ソースコードの変更、テスト、ビルドを行う場合は、Node.jsなどの開発環境が必要です。
⚠ 利用上の注意
- 保存先はブラウザの `localStorage` です。保存できるデータ量にはブラウザや環境による制限があります。 - テキストデータを基本とした仕組みであり、OSのファイルシステムやサーバー上のファイルシステムを置き換えるものではありません。 - 利用するブラウザや実行環境によって、利用できる容量や挙動が異なる場合があります。
📜 ライセンス
商用利用・個人利用・企業内利用、購入者自身のソフトウェアへの組み込み・改変・配布・販売などの条件については、商品に同梱している `LICENSE.txt` をご確認ください。 本商品自体の再配布・再販売などについても、同梱ライセンスの条件をご確認ください。
🔗 関連ツール・開発者情報
個人開発プロジェクトや、その他の開発支援ツールも公開しています。 - [Pekemalu Works（BOOTH）](https://pekemalu.booth.pm/) — その他の開発支援ツール - [sYamcs Portfolio（GitHub）](https://github.com/sYamcsPublic/Portfolio) — 個人開発プロジェクト・技術活動の一覧
🔖 Version
1.0.0 — Pekemalu Works