JavaScript+SQLite楽々Webシステム

? JavaScript+SQLite楽々Webシステム とは？

このソフトは、**JavaScript（クライアント側）＋ SQLite（サーバー側）**で構成された、軽量なWebベースの業務システム構築用テンプレートです。
PHPが動くWebサーバー上で動作し、簡単なデータ管理Webアプリを素早く構築できます。

? 主な特徴

• データベース：SQLite3
• インターフェース：HTML＋JavaScript
• サーバー側処理：PHP
• 動作環境：XAMPP、ロリポップなどのPHP対応サーバー

用途例：

• 顧客管理
• 売上管理
• 社内の備品台帳
• 小規模な業務アプリ開発　など

✅ 基本的な使い方

① ダウンロードと解凍

1. 上記のリンクからソフトをダウンロード。
2. 解凍すると、以下のようなフォルダ構成になります：

/
├─ index.html         ← メイン画面
├─ config.php         ← データベース設定
├─ db/                ← SQLiteファイル保存用
├─ js/                ← JavaScriptコード
├─ php/               ← PHPバックエンド処理
└─ data.sqlite3       ← SQLiteデータベース本体

② Webサーバー環境の準備（ローカル or サーバー）

✅ ローカル環境で動かす場合（例：XAMPP）

1. XAMPP をインストール
2. 解凍したフォルダを htdocs にコピー（例：C:\xampp\htdocs\rakuraku）
3. ブラウザで http://localhost/rakuraku/index.html にアクセス

✅ レンタルサーバーの場合

• PHPとSQLiteが動作可能なサーバーにアップロード
• ブラウザから index.html にアクセス

③ 初期設定

• config.php でSQLiteのファイルパスなどの設定ができます。
  デフォルトでは data.sqlite3 を使うようになっています。

// config.php の例
$db_file = './data.sqlite3';

④ 操作画面の構成（一般的な構成）

• データ一覧の表示（テーブル形式）
• 追加・編集・削除ボタン
• 検索ボックス
• ソート機能

JavaScriptにより、画面操作は即時反映される形になっています。PHPはデータベースとの橋渡しをしています。

⑤ データの編集方法

1. 「新規作成」ボタンでデータ追加フォームが開く
2. 必要な項目を入力して「登録」
3. 一覧に即座に反映される
4. 各行の「編集」「削除」ボタンで更新・削除可能

? カスタマイズのポイント

⚠️ 注意点

• PHPのバージョンが古いと動作しない可能性あり（推奨 PHP 7 以上）
• 複数人同時アクセスを想定する場合は SQLite より MySQL等を検討
• バックアップは SQLiteファイルをコピーするだけでOK

✅ まとめ