----------------------------------------------------------------------
ご利用方法・説明書
----------------------------------------------------------------------
AS/400・オフコン 画面・画像からWebアプリ自動生成 - AI業務アプリ開発
WebAppExpress
----------------------------------------------------------------------
■ 概要
----------------------------------------------------------------------
WebAppExpress は、AS/400・iSeries・IBM i の 5250 画面（いわゆる緑画面）や、
国産オフコン（東芝・富士通・NEC 等）、その他の業務アプリ画面・帳票などの
「画面イメージ」をもとに、ChatGPT / AI を利用して Webアプリの画面、
テーブル構造、基本的な処理を自動生成する業務アプリ開発支援ツールです。
RPG プログラムを書く必要も、データベースに直接アクセスする必要もありません。
画面のスクリーンショットを画像として読み込み、AI に解析させることで、
HTML / CSS / テーブル定義などを自動生成し、内蔵 HTTPServer 上で
Webアプリとしてプレビューできます。
長年使われてきた基幹システムは、ソースや DB がブラックボックス化していたり、
内部に触れられる技術者がいなくなっていることが少なくありません。
WebAppExpress は「内部に手を入れる」のではなく、
「外から見えている画面を起点に再構成する」という発想で、
レガシー画面資産を Web 側へ引き出す初期工程を支援します。
画面イメージ → AI解析 → Webアプリ生成 → プレビュー → 外部ファイルで調整
という流れで、画面設計・テーブル設計・HTML作成・CSS調整・Webサーバー設定・
DB接続といった初期工程を、大幅に短縮することを目的としています。
【主な特長】
・AS/400・iSeries の 5250 画面、オフコン画面、業務アプリ画面の
「画像」から Webアプリ画面を自動生成
・RPG を書かない／DB に直接触れない。画面イメージだけで Web化の検討が可能
・ChatGPT / AI 連携により、画面項目、テーブル構造、入力項目などを解析
・内蔵 HTTPServer により、生成した Webアプリをすぐにプレビュー可能
・HTML / CSS / JavaScript などの外部ファイルを編集してカスタマイズ可能
・Webフレームワーク、DB、HTTPServer を含めたコンパクトな実行環境
・ZIP を解凍して exe を起動するだけで利用可能
・業務画面、管理画面、入力フォーム、一覧画面などの試作に対応
・既存システムの再構築検討、移行前のプロトタイプ作成に利用可能
・画面レイアウトとデータ構造を分離し、再利用しやすい業務アプリ構成を目指す設計
----------------------------------------------------------------------
■ 基本情報
----------------------------------------------------------------------
・対象：
個人非ビジネス利用 / 評価目的：無料（10分の使用制限あり）
商用利用（個人ビジネス・企業・業務利用）：要ライセンス
・対応OS：
Windows 10（32bit / 64bit）、Windows 11（64bit）
※ 本ソフトは 32bit（x86）アプリです。
64bit OS 上では WoW64 環境で動作します。
----------------------------------------------------------------------
■ 主な利用シーン
----------------------------------------------------------------------
・AS/400・iSeries・IBM i の緑画面（5250画面）を Webアプリ化したい
・国産オフコン（東芝・富士通・NEC 等）の画面資産を Web 側へ活かしたい
・RPG 技術者の不足・高齢化で、基幹システムの手直しに着手できていない
・ソースや DB がブラックボックス化していて、内部に直接触れられない
・既存の基幹画面を参考に、新しい Webアプリを試作したい
・移行コストやリスクが高く、本格刷新に踏み切る前に検討材料がほしい
・顧客・社内との打ち合わせ用に、業務アプリの画面モックを素早く作成したい
・古い業務アプリの画面資産を、新しいシステム設計の参考にしたい
・AI を使ったレガシーシステムの Web化・モダナイズの可能性を検証したい
----------------------------------------------------------------------
■ 同梱ファイル一覧
----------------------------------------------------------------------
・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 フォルダ
ログ出力用フォルダ
・ご利用方法・説明書.txt
本ファイル
・ご利用規約.txt
ライセンス条件および免責事項
・バージョン・変更履歴.txt
更新履歴
----------------------------------------------------------------------
■ 動作環境
----------------------------------------------------------------------
OS:
Windows 10 / Windows 11（32bit / 64bit）
※ アプリ本体は 32bit（x86）アプリです。
64bit OS 上では WoW64 環境で動作します。
----------------------------------------------------------------------
■ セキュリティ / プライバシー
----------------------------------------------------------------------
・推奨実行環境：
まずはテスト用PC または VPS / 仮想環境でお試しください。
・外部データ送信：
ChatGPT API への送信のみ行います。
・入力した情報、選択した画像、生成に必要な情報は、
ChatGPT API サーバーへ送信されます。
・基幹システムの画面には、取引先・金額・個人情報などの機密データが
含まれることがあります。AI へ送信する画面は、テスト用データや
マスキング済みの画面を使用することを強く推奨します。
外部送信に関する社内ポリシーがある場合は、必ず事前に確認してください。
・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. アプリ生成に必要な情報を入力します。
入力例：
・タイトル
例：販売管理、在庫管理、受発注管理、生産管理、得意先管理 など
3. AS/400・オフコンの画面イメージ、または業務アプリ画面画像を選択します。
5250 エミュレータ（PCOM 等）の画面は、スクリーンショットを撮って
画像ファイル（PNG / JPG 等）として保存し、それを選択してください。
4. 「アプリ生成」ボタンを押します。
入力した情報と選択した画像をもとに、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生成方針、テーブル生成方針などをカスタマイズできます。
なお、5250 の緑画面は等幅フォントの文字格子で構成されており、
一般的な GUI 画面とは見た目が異なります。緑画面を扱う場合は、
prompt1.txt のプロンプトを「等幅テキストの行・桁で並んだ項目を、
ラベルと入力欄として解釈する」方針に調整すると、再現性が向上することがあります。
www フォルダ内の HTML、CSS、JavaScript ファイルを編集することで、
表示デザインや画面構成を調整できます。
tmp フォルダ内のテンプレートファイルを編集することで、
生成される Webアプリの基本構造を変更できます。
data1.db は SQLite データベースファイルです。
DB Browser for SQLite などのツールを使用して、テーブル構造やデータを確認・編集できます。
----------------------------------------------------------------------
■ 注意事項
----------------------------------------------------------------------
本ソフトは、AI による自動生成を利用するため、
生成される画面、テーブル定義、コード、項目名などが
必ずしも完全に正確であるとは限りません。
生成結果は、必ず内容を確認し、必要に応じて修正してください。
複雑な画像、文字が小さい画像、解像度が低い画像、サイズが大きすぎる画像では、
ChatGPT API 側でエラー、レスポンスタイムアウト、
または意図しない生成結果が発生する場合があります。
緑画面（5250画面）やオフコン画面は、解像度・配色・フォントによって
解析精度が変わります。文字がはっきり読める解像度でキャプチャし、
1画面ずつ生成することを推奨します。
本ソフトが生成するのは、あくまで「画面とデータ構造のたたき台（プロトタイプ）」です。
基幹システムとの実データ連携、入力チェック、権限管理、運用設計などは
含まれません。本格的な Web化・基幹連携をご検討の場合は、
本ページ下部のお問い合わせより、受託開発としてご相談ください。
他社製ソフト、既存システム、第三者が権利を有する画面デザイン等を利用する場合は、
著作権、契約、利用規約、機密保持義務等に十分注意してください。
本ソフトは、業務アプリ開発の試作、検討、設計支援を目的としたツールです。
実運用に利用する場合は、セキュリティ、データ保護、入力チェック、バックアップ、
アクセス制限、権限管理等を別途十分に確認してください。
----------------------------------------------------------------------
■ アンインストール / 削除方法
----------------------------------------------------------------------
インストーラーは使用していません。
レジストリも一切使用していません。
解凍したフォルダごと削除していただければ、アンインストール完了です。
----------------------------------------------------------------------
■ ライセンス / サポート
----------------------------------------------------------------------
・対象：
個人非ビジネス利用・評価目的：無料（10分の使用制限あり）
商用利用（個人ビジネス・企業・業務利用）：要ライセンス契約
・個別サポート：
本ソフトは無償提供の評価版のため、個別サポートは原則として行っておりません。
バグレポート・ご意見・ご要望は Web サイトのお問い合わせフォームよりご連絡ください。
対応・返信をお約束するものではありませんが、今後の改善の参考とさせていただきます。
----------------------------------------------------------------------
■ カスタマイズ / 受託開発 / OEM について
----------------------------------------------------------------------
AS/400・iSeries・IBM i・国産オフコンの「画面起点 Web化」について、
以下のような個別のご要望に応じてご相談を承ります。
・緑画面（5250画面）・オフコン画面の Webアプリ化（業種特化カスタム）
・画面からのデータ自動取得・CSV化（画面キャプチャ／端末連携による自動化）
・RPG・DB に手を入れずに、外側から既存システムを Web / API 化する開発
・既存 FileMaker / Access / 業務システムの Web化支援
・自社専用の業務アプリ生成ツール化、OEM 提供・自社製品への組み込み
・大規模システムの一部コンポーネントとしての利用
まずは「Web化したい画面のスクリーンショット 1 枚」をお送りください。
Web化が可能か、どの範囲を自動化できるかを判定し、
オンライン（Zoom 等）で具体的にご説明します。
----------------------------------------------------------------------
■ その他・お問い合わせ
----------------------------------------------------------------------
個別サポート、カスタマイズ、受託開発、OEM、開発依頼、
大規模システム開発、代理店・パートナー・ビジネス協業・共同開発など、
お気軽にお問い合わせください。