----------------------------------------------------------------------
ご利用方法・説明書
----------------------------------------------------------------------
FileMakerレイアウト画像からWebアプリ自動生成 - AI業務アプリ開発
WebAppExpress
----------------------------------------------------------------------
■ 概要
----------------------------------------------------------------------
WebAppExpress は、FileMaker などの業務アプリ画面・レイアウト画像をもとに、
ChatGPT / AI を利用して Webアプリの画面、テーブル構造、基本的な処理を
自動生成するための業務アプリ開発支援ツールです。
既存の業務アプリ画面、FileMaker レイアウト、帳票イメージ、管理画面などを
画像として読み込み、AI に解析させることで、HTML / CSS / テーブル定義などを
自動生成し、内蔵 HTTPServer 上で Webアプリとしてプレビューできます。
従来のように、画面設計、テーブル設計、HTML作成、CSS調整、Webサーバー設定、
DB接続などを一つずつ手作業で行うのではなく、
「画面画像 → AI解析 → Webアプリ生成 → プレビュー → 外部ファイルで調整」
という流れで、業務アプリ開発の初期工程を大幅に短縮することを目的としています。
【主な特長】
・FileMaker レイアウト画像、業務アプリ画面画像から Webアプリ画面を自動生成
・ChatGPT / AI 連携により、画面項目、テーブル構造、入力項目などを解析
・内蔵 HTTPServer により、生成した Webアプリをすぐにプレビュー可能
・HTML / CSS / JavaScript などの外部ファイルを編集してカスタマイズ可能
・Webフレームワーク、DB、HTTPServer を含めたコンパクトな実行環境
・ZIP を解凍して exe を起動するだけで利用可能
・FileMaker 風の業務画面、管理画面、入力フォーム、一覧画面などの試作に対応
・業務アプリの画面設計、プロトタイプ作成、既存システム再構築の検討に利用可能
・画面レイアウトとデータ構造を分離し、再利用しやすい業務アプリ構成を目指す設計
----------------------------------------------------------------------
■ 基本情報
----------------------------------------------------------------------
・対象：
個人非ビジネス利用 / 評価目的：無料（10分の使用制限あり）
商用利用（個人ビジネス・企業・業務利用）：要ライセンス
・対応OS：
Windows 10（32bit / 64bit）、Windows 11（64bit）
※ 本ソフトは 32bit（x86）アプリです。
64bit OS 上では WoW64 環境で動作します。
----------------------------------------------------------------------
■ 主な利用シーン
----------------------------------------------------------------------
・FileMaker で作成した業務アプリを Webアプリ化したい
・既存の業務システム画面を参考に、新しい Webアプリを試作したい
・画面設計からテーブル設計までの初期工程を短時間で進めたい
・顧客との打ち合わせ用に、業務アプリの画面モックを素早く作成したい
・ノーコードツールや業務アプリ開発ツールの代替案を検討したい
・社内専用の小規模 Webアプリを、できるだけ簡単に作成したい
・AI を使った業務アプリ開発の可能性を検証したい
・古い業務アプリの画面資産を、新しいシステム設計の参考にしたい
----------------------------------------------------------------------
■ 同梱ファイル一覧
----------------------------------------------------------------------
・WebAppExpress.exe
アプリ本体
・KeyTool.exe
ChatGPT APIキーを暗号化して config.ini に保存するためのプログラム
・config.ini
設定ファイル
・data1.db
SQLite データベースファイル
・prompt1.txt
ChatGPT API 用プロンプトファイル
・www フォルダ
表示用 HTML、CSS、JavaScript ファイル
・tmp フォルダ
アプリ生成用テンプレートファイル
・output フォルダ
ChatGPT API の結果保存用フォルダ
・log フォルダ
ログ出力用フォルダ
・sample フォルダ
サンプル画像
・ご利用方法・説明書.txt
本ファイル
・ご利用規約.txt
ライセンス条件および免責事項
・バージョン・変更履歴.txt
更新履歴
----------------------------------------------------------------------
■ 動作環境
----------------------------------------------------------------------
OS:
Windows 10 / Windows 11（32bit / 64bit）
※ アプリ本体は 32bit（x86）アプリです。
64bit OS 上では WoW64 環境で動作します。
----------------------------------------------------------------------
■ セキュリティ / プライバシー
----------------------------------------------------------------------
・推奨実行環境：
まずはテスト用PC または VPS / 仮想環境でお試しください。
・外部データ送信：
ChatGPT API への送信のみ行います。
・入力した情報、選択した画像、生成に必要な情報は、
ChatGPT API サーバーへ送信されます。
・APIキー保存：
ChatGPT APIキーは、KeyTool.exe により暗号化して config.ini に保存します。
平文保存は行いません。
・レジストリは一切使用していません。
フォルダ配下に設定ファイル、ログファイル、生成ファイル等を出力するのみです。
・Windows のセキュリティ設定により、以下の操作が必要な場合があります。
社内ポリシーがある場合は、IT 管理者の指示に従ってください。
- ダウンロードした ZIP ファイルのブロック解除
（ZIP ファイルのプロパティ → 「ブロックの解除」）
- SmartScreen 表示時の実行許可
- 「ウイルスと脅威の防止」の設定 → 除外の追加
（誤検知時の最終手段として）
----------------------------------------------------------------------
■ インストール方法
----------------------------------------------------------------------
インストーラーは使用していません。
ZIP を解凍してご利用ください。
ダウンロード後、ファイルを解凍し、フォルダごとお好きな場所にコピーしてください。
レジストリは一切使用しておりません。
出力ファイル、ログファイル、生成ファイルは、基本的にプログラムと同じ場所に生成されます。
----------------------------------------------------------------------
■ 初期設定：ChatGPT APIキーの保存
----------------------------------------------------------------------
1. ChatGPT APIキーを取得してください。
OpenAI Platform（APIキーの作成）
https://platform.openai.com/api-keys
※アカウント未作成の方は、以下からサインイン後に「API Keys」へ移動してください。
https://platform.openai.com/login
2. KeyTool.exe を使用して、ChatGPT APIキーを暗号化して config.ini へ保存します。
WebAppExpress.exe、config.ini と同じ場所で KeyTool.exe を起動してください。
テキストボックスに ChatGPT APIキーを入力し、「保存」ボタンを押します。
config.ini へ暗号化された ChatGPT APIキーが保存されます。
----------------------------------------------------------------------
■ 基本的な使い方
----------------------------------------------------------------------
1. WebAppExpress.exe を起動します。
2. アプリ生成に必要な情報を入力します。
入力例：
・データベース名
例：顧客管理、商品管理、プロジェクト管理、販売管理 など
・内部名
例：client、item、project、sales など
内部名は半角英小文字で入力してください。
この名前をもとに、SQLite 内に以下のようなテーブルが作成されます。
例：
内部名 client → wdb_client
内部名 item → wdb_item
3. FileMaker レイアウト画像、または業務アプリ画面画像を選択します。
4. レイアウトタイプを選択します。
5. 「アプリ生成」ボタンを押します。
入力した情報と選択した画像をもとに、Webアプリが生成されます。
生成時間の目安：
平均 1〜2分程度
※生成時間は、画像の複雑さ、通信環境、ChatGPT API のモデル、
API サーバーの応答状況により変動します。
----------------------------------------------------------------------
■ アプリ生成時の主な処理内容
----------------------------------------------------------------------
アプリ生成時には、主に以下の処理を行います。
・選択した画像を ChatGPT API へ送信
・画面項目、入力欄、ボタン、一覧表などを解析
・HTML テンプレートファイルをもとに HTML ファイルを生成
・CSS / JavaScript などの表示用ファイルと連携
・データベース名、内部名、画像解析結果をもとに SQL 文を生成
・SQLite データベース内にテーブルを作成
・左メニューに生成した画面へのリンクを追加
・生成結果を output フォルダ等に保存
----------------------------------------------------------------------
■ プレビュー方法
----------------------------------------------------------------------
「プレビュー」ボタンを押すと、Webブラウザが開き、
生成した Webアプリを確認できます。
左メニューにリンクが追加され、生成された画面を確認できます。
内蔵 HTTPServer により、ローカル環境で生成画面を表示します。
----------------------------------------------------------------------
■ 設定変更・カスタマイズ
----------------------------------------------------------------------
config.ini の以下の設定を変更することで、
ChatGPT API のモデルを変更できます。
例：
Model=gpt-4o-mini
必要に応じて、利用可能な ChatGPT API モデル名に変更してください。
prompt1.txt に記載されたプロンプトを変更することで、
画像解析内容、HTML生成方針、テーブル生成方針などをカスタマイズできます。
www フォルダ内の HTML、CSS、JavaScript ファイルを編集することで、
表示デザインや画面構成を調整できます。
tmp フォルダ内のテンプレートファイルを編集することで、
生成される Webアプリの基本構造を変更できます。
data1.db は SQLite データベースファイルです。
DB Browser for SQLite などのツールを使用して、テーブル構造やデータを確認・編集できます。
----------------------------------------------------------------------
■ 注意事項
----------------------------------------------------------------------
本ソフトは、AI による自動生成を利用するため、
生成される画面、テーブル定義、コード、項目名などが
必ずしも完全に正確であるとは限りません。
生成結果は、必ず内容を確認し、必要に応じて修正してください。
複雑な画像、文字が小さい画像、解像度が低い画像、サイズが大きすぎる画像では、
ChatGPT API 側でエラー、レスポンスタイムアウト、
または意図しない生成結果が発生する場合があります。
他社製ソフト、既存システム、第三者が権利を有する画面デザイン等を利用する場合は、
著作権、契約、利用規約、機密保持義務等に十分注意してください。
本ソフトは、業務アプリ開発の試作、検討、設計支援を目的としたツールです。
実運用に利用する場合は、セキュリティ、データ保護、入力チェック、バックアップ、
アクセス制限、権限管理等を別途十分に確認してください。
----------------------------------------------------------------------
■ アンインストール / 削除方法
----------------------------------------------------------------------
インストーラーは使用していません。
レジストリも一切使用していません。
解凍したフォルダごと削除していただければ、アンインストール完了です。
----------------------------------------------------------------------
■ ライセンス / サポート
----------------------------------------------------------------------
・対象：
個人非ビジネス利用・評価目的：無料（10分の使用制限あり）
商用利用（個人ビジネス・企業・業務利用）：要ライセンス契約
・個別サポート：
本ソフトは無償提供の評価版のため、個別サポートは原則として行っておりません。
バグレポート・ご意見・ご要望は Web サイトのお問い合わせフォームよりご連絡ください。
対応・返信をお約束するものではありませんが、今後の改善の参考とさせていただきます。
----------------------------------------------------------------------
■ カスタマイズ / OEM について
----------------------------------------------------------------------
以下のような個別のご要望に応じてご相談を承ります。
・特定業務向けの機能追加・カスタマイズ
・既存 FileMaker アプリ、Access アプリ、業務システムの Web化支援
・AI を活用した業務アプリ開発支援
・自社専用の業務アプリ生成ツール化
・OEM 提供・自社製品への組み込み
・大規模システムの一部コンポーネントとしての利用
----------------------------------------------------------------------
■ その他・お問い合わせ
----------------------------------------------------------------------
個別サポート、カスタマイズ、OEM、開発依頼、大規模システム開発、
代理店・パートナー・ビジネス協業・共同開発など、
お気軽にお問い合わせください。