• 目次
• 概要
  • 時間割から学校の授業用フォルダを作成するツール
  • 指定した数の範囲で連番フォルダ作るツール
• ★今すぐこのアプリを使用する方法
  • オンライン：このリポジトリのGitHub Pagesにアクセス
  • ローカル・オフライン：ビルド済みの単一htmlを開いて使用
• このアプリをビルド/実行する方法
  • 必要となる環境
  • npmでパッケージをインストール
  • httpプロトコルで動くやつをビルド(デフォルト)
  • httpプロトコル＋fileプロトコルでも動くやつをビルド
• 使用しているJSのライブラリ
  • JSZip.js：ZIPファイルの作成
  • FileSaver.js：ファイルの保存とDL
• リポジトリのライセンス

よく使うフォルダの構造を一発で作るための超簡単なWebアプリです。

・時間割の表に科目名、下部のフォームに授業の回数を入力すると、
　「各曜日＞各授業＞各回」という構造のフォルダを生成します。
・エクセルに貼り付けて利用するためのTSVも一緒に生成します。

・指定した数の範囲で連番フォルダを作るツールです。
・フォルダ名と数字の範囲を入力した後に、
　連番の形式を選択するとフォルダを生成します。

GitHub Pages↓にデプロイしています。
https://tweeteafox223.github.io/directory-structure-generator/

dist-offline/index.htmlをダウンロードし、
ブラウザでindex.htmlを開くことで使用可能です。
ローカルかつオフライン環境でも動作可能です。

下記のリンクに入り、右上の「・・・」→「Download」を押す、
又は、中央付近にある「↓」のボタンを押すとダウンロードできます。
https://github.com/TweeTeaFOX223/directory-structure-generator/blob/main/dist-offline/index.html

「vite」と「vite-plugin-singlefile」でビルドする仕様です。
node.js v22.2.0とnpm v10.7.0のインストールが必要です。

このリポジトリをCloneし、ターミナルを開きます。
npmのコマンドを実行し必要パッケージをローカルにインストールします。

npm install

npm run dev

：Viteの機能でDEVサーバを起動してアプリを動作させます。
：コンソールに出てくるローカルホストにアクセスすると動きます。

npm run build

：./distにhtmlとjsとcssが生成されます。
：それをサーバーに設置してhttpプロトコルでアクセスすると動く。

npm run build-offline

：./dist-offlineに単一のindex.htmlが生成されます。
：そのindex.htmlをブラウザで開くと動かすことができます。
：このhtmlはローカルかつオフライン環境でも動作が可能です。

これらのライブラリを使用しています。

https://github.com/Stuk/jszip
Copyright (c) 2009-2016 Stuart Knightley, David Duponchel, Franz Buchinger, António Afonso.

https://github.com/eligrey/FileSaver.js
Copyright © 2016 Eli Grey.

・MIT licenseです。