リクエスト詳細
💡 新機能の要望
対応完了
QualityGate - 製品検査・品質記録管理システム
## 1. アプリの目的・ターゲットユーザー
中小製造業の品質管理担当者・検査員を対象に、受入検査・工程内検査・最終検査の結果を記録・集計・管理するWebアプリ。紙の検査票やExcelバラバラ管理を脱却し、スマホ・タブレットから現場でその場入力し、不良率・工程別傾向・月次品質レポートをリアルタイムに把握できる環境を提供する。
## 2. 主要機能
- **検査記録入力**:検査種別(受入/工程内/最終)、品番、ロット番号、検査員、検査数・合格数・不良数・不良内容(選択式+自由記入)をフォームで登録。不良内容は「寸法不良/外観不良/機能不良/欠品/その他」のチェックボックスで複数選択可能
- **不良品写真メモ(ブラウザ内)**:スマホカメラ起動またはファイル選択で不良画像を最大3枚アップロードし、検査レコードに紐付けて保存
- **品質ダッシュボード**:月次不良率推移(折れ線グラフ)、工程別・品番別・不良種別の集計(棒グラフ・ドーナツグラフ)、前月比増減を色分けカードで表示
- **NGアラート&工程ロック**:不良率が設定閾値(品番ごとに登録可)を超えた際にダッシュボードに警告バナーを表示。管理者は対象品番の「出荷保留フラグ」をセット可能
- **検査成績書PDF印刷**:検査レコードを選択してA4縦の検査成績書レイアウトでブラウザ印刷。会社名・ロゴテキスト・検印欄を含む
- **CSV出力**:期間・品番・検査種別を絞り込んでCSVエクスポート。Excelで二次加工可能な形式
## 3. 画面構成
| 画面 | 概要 |
|------|------|
| ダッシュボード (index.php) | 月次不良率カード、工程別棒グラフ、最近10件の検査ログ、NGアラートバナー |
| 検査記録一覧 (records.php) | 日付・品番・検査種別・不良率でフィルター&ソート、ページネーション付き一覧テーブル |
| 検査記録入力 (record_form.php) | 検査種別・品番(マスタから選択)・ロット・検査員・数量・不良内容チェック・写真アップロード・備考のフォーム |
| 品番マスタ管理 (items.php) | 品番・品名・工程・不良率閾値(%)の登録・編集・削除 |
| 検査員マスタ (inspectors.php) | 検査員名・所属の登録・編集 |
| 検査成績書プレビュー (report_print.php) | 対象レコードをA4印刷レイアウトで表示、ブラウザ印刷ボタン |
| CSV出力 (export.php) | 期間・品番・種別を指定してCSVダウンロード |
## 4. データ構造(MySQLテーブル概要)
```sql
-- 品番マスタ
CREATE TABLE items (
id INT AUTO_INCREMENT PRIMARY KEY,
item_code VARCHAR(50) NOT NULL UNIQUE,
item_name VARCHAR(100) NOT NULL,
process VARCHAR(50), -- 受入/塗装/組立/最終 等
defect_rate_limit DECIMAL(5,2) DEFAULT 3.00, -- 不良率閾値(%)
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);
-- 検査員マスタ
CREATE TABLE inspectors (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
department VARCHAR(50)
);
-- 検査記録
CREATE TABLE inspection_records (
id INT AUTO_INCREMENT PRIMARY KEY,
inspected_at DATE NOT NULL,
inspection_type ENUM('受入','工程内','最終') NOT NULL,
item_id INT NOT NULL,
lot_number VARCHAR(50),
inspector_id INT,
total_qty INT NOT NULL,
pass_qty INT NOT NULL,
defect_qty INT NOT NULL,
defect_types VARCHAR(255), -- カンマ区切り: 寸法不良,外観不良 等
remarks TEXT,
hold_flag TINYINT(1) DEFAULT 0, -- 出荷保留フラグ
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (item_id) REFERENCES items(id),
FOREIGN KEY (inspector_id) REFERENCES inspectors(id)
);
-- 不良写真
CREATE TABLE defect_photos (
id INT AUTO_INCREMENT PRIMARY KEY,
record_id INT NOT NULL,
file_path VARCHAR(255) NOT NULL,
uploaded_at DATETIME DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (record_id) REFERENCES inspection_records(id)
);
```
## 5. デザインの方向性
- **カラー**:白背景 × 濃紺(#1a3a5c)ヘッダー × アクセントにアンバー(#f59e0b)。品質・信頼性を連想させる落ち着いたトーン
- **レイアウト**:PC時はサイドナビ+メインエリアの2カラム。スマホ時はハンバーガーメニューに切り替えて縦1カラム
- **入力フォーム**:大きめのタップターゲット(44px以上)、チェックボックスは太字ラベルで現場でも誤タップしにくい設計
- **グラフ**:Chart.js(CDN)で折れ線・棒・ドーナツグラフを描画。外部APIキー不要
- **NGアラート**:不良率超過品番は赤いバナーカードで画面上部に固定表示、出荷保留フラグはオレンジバッジで一覧に表示
- **印刷CSS**:`@media print` で検査成績書をそのままA4に収まるレイアウトに整形。社名・日付・検印枠・QRなし
- 規模感は品番マスタ最大500件・検査記録数万件まで快適に動作する現実的な範囲
中小製造業の品質管理担当者・検査員を対象に、受入検査・工程内検査・最終検査の結果を記録・集計・管理するWebアプリ。紙の検査票やExcelバラバラ管理を脱却し、スマホ・タブレットから現場でその場入力し、不良率・工程別傾向・月次品質レポートをリアルタイムに把握できる環境を提供する。
## 2. 主要機能
- **検査記録入力**:検査種別(受入/工程内/最終)、品番、ロット番号、検査員、検査数・合格数・不良数・不良内容(選択式+自由記入)をフォームで登録。不良内容は「寸法不良/外観不良/機能不良/欠品/その他」のチェックボックスで複数選択可能
- **不良品写真メモ(ブラウザ内)**:スマホカメラ起動またはファイル選択で不良画像を最大3枚アップロードし、検査レコードに紐付けて保存
- **品質ダッシュボード**:月次不良率推移(折れ線グラフ)、工程別・品番別・不良種別の集計(棒グラフ・ドーナツグラフ)、前月比増減を色分けカードで表示
- **NGアラート&工程ロック**:不良率が設定閾値(品番ごとに登録可)を超えた際にダッシュボードに警告バナーを表示。管理者は対象品番の「出荷保留フラグ」をセット可能
- **検査成績書PDF印刷**:検査レコードを選択してA4縦の検査成績書レイアウトでブラウザ印刷。会社名・ロゴテキスト・検印欄を含む
- **CSV出力**:期間・品番・検査種別を絞り込んでCSVエクスポート。Excelで二次加工可能な形式
## 3. 画面構成
| 画面 | 概要 |
|------|------|
| ダッシュボード (index.php) | 月次不良率カード、工程別棒グラフ、最近10件の検査ログ、NGアラートバナー |
| 検査記録一覧 (records.php) | 日付・品番・検査種別・不良率でフィルター&ソート、ページネーション付き一覧テーブル |
| 検査記録入力 (record_form.php) | 検査種別・品番(マスタから選択)・ロット・検査員・数量・不良内容チェック・写真アップロード・備考のフォーム |
| 品番マスタ管理 (items.php) | 品番・品名・工程・不良率閾値(%)の登録・編集・削除 |
| 検査員マスタ (inspectors.php) | 検査員名・所属の登録・編集 |
| 検査成績書プレビュー (report_print.php) | 対象レコードをA4印刷レイアウトで表示、ブラウザ印刷ボタン |
| CSV出力 (export.php) | 期間・品番・種別を指定してCSVダウンロード |
## 4. データ構造(MySQLテーブル概要)
```sql
-- 品番マスタ
CREATE TABLE items (
id INT AUTO_INCREMENT PRIMARY KEY,
item_code VARCHAR(50) NOT NULL UNIQUE,
item_name VARCHAR(100) NOT NULL,
process VARCHAR(50), -- 受入/塗装/組立/最終 等
defect_rate_limit DECIMAL(5,2) DEFAULT 3.00, -- 不良率閾値(%)
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);
-- 検査員マスタ
CREATE TABLE inspectors (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
department VARCHAR(50)
);
-- 検査記録
CREATE TABLE inspection_records (
id INT AUTO_INCREMENT PRIMARY KEY,
inspected_at DATE NOT NULL,
inspection_type ENUM('受入','工程内','最終') NOT NULL,
item_id INT NOT NULL,
lot_number VARCHAR(50),
inspector_id INT,
total_qty INT NOT NULL,
pass_qty INT NOT NULL,
defect_qty INT NOT NULL,
defect_types VARCHAR(255), -- カンマ区切り: 寸法不良,外観不良 等
remarks TEXT,
hold_flag TINYINT(1) DEFAULT 0, -- 出荷保留フラグ
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (item_id) REFERENCES items(id),
FOREIGN KEY (inspector_id) REFERENCES inspectors(id)
);
-- 不良写真
CREATE TABLE defect_photos (
id INT AUTO_INCREMENT PRIMARY KEY,
record_id INT NOT NULL,
file_path VARCHAR(255) NOT NULL,
uploaded_at DATETIME DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (record_id) REFERENCES inspection_records(id)
);
```
## 5. デザインの方向性
- **カラー**:白背景 × 濃紺(#1a3a5c)ヘッダー × アクセントにアンバー(#f59e0b)。品質・信頼性を連想させる落ち着いたトーン
- **レイアウト**:PC時はサイドナビ+メインエリアの2カラム。スマホ時はハンバーガーメニューに切り替えて縦1カラム
- **入力フォーム**:大きめのタップターゲット(44px以上)、チェックボックスは太字ラベルで現場でも誤タップしにくい設計
- **グラフ**:Chart.js(CDN)で折れ線・棒・ドーナツグラフを描画。外部APIキー不要
- **NGアラート**:不良率超過品番は赤いバナーカードで画面上部に固定表示、出荷保留フラグはオレンジバッジで一覧に表示
- **印刷CSS**:`@media print` で検査成績書をそのままA4に収まるレイアウトに整形。社名・日付・検印枠・QRなし
- 規模感は品番マスタ最大500件・検査記録数万件まで快適に動作する現実的な範囲
💬 返信 (3)
🛠 開発を開始しました (新規アプリ)
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「QualityGate - 製品検査・品質記録管理システム」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=quality-gate
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/quality-gate/
ご利用ありがとうございます!
ご要望いただいた「QualityGate - 製品検査・品質記録管理システム」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=quality-gate
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/quality-gate/
ご利用ありがとうございます!
Echo
Iris