01ABOUT 02WORKS 03PLANNING 04WEB DESIGN 05APP 06CONTACT

MACHINE MANAGEMENT

MACHINE MANAGEMENT

機械管理WEBアプリ

工場の機械稼働状況や生産予定を
一元管理する業務Webアプリ。

機械ごとの稼働状況・生産数・発注情報を可視化し、
発注数から完成予定日時を自動計算。
定休日や祝日も考慮したスケジュール管理に対応しています。

さらに、月間スケジュールの確認、次回受注の登録、
完了履歴の検索・編集・CSV出力までをひとつのシステムに集約。

HTML / CSS / Vanilla JavaScript / PHP / MySQLを使用し、
フロントエンドからAPI・データベースまで一貫して構築しました。


主な機能

01|機械稼働状況の可視化

登録した機械をカード形式で一覧表示。

稼働中・待機中・停止中をステータス別に表示し、
現在の状況をひと目で確認できます。

稼働中は現在の推定生産数をリアルタイムに更新し、
発注数・開始日時・完成予定・メモなども同じ画面で確認できます。

02|完成予定の自動計算

発注数と機械の稼働条件を入力することで、
完成予定日時を自動算出。

さらに、毎週の定休日・祝日・休業期間を考慮して
計算することで、より実際の現場に合わせた
スケジュール管理を可能にしています。

03|受注・生産スケジュール管理

発注元・発注数・希望納期・メモなどの
情報を登録。

現在稼働している案件だけでなく、
次に生産する予定の案件を最大3件まで登録
できるようにしています。

04|スケジュールカレンダー

各機械の稼働予定を月単位で一覧表示。

機械ごとに色分けし、
実際に稼働している案件と、
まだ確定していない次の予定を視覚的に区別
できるようにしました。

05|完了履歴・CSV出力

完了した案件をデータベースに蓄積し、
期間を指定して検索。

履歴の編集・削除に加えて、
複数の記録を選択して
CSV形式でダウンロードできるようにしています。


TECHNICAL

Frontend
HTML5 / CSS3 / Vanilla JavaScript

Backend
PHP / PDO

Database
MySQL

Hosting
ロリポップ

Other
REST API / JSON / PWA / Basic認証

フロントエンドはフレームワークを使用せず、
HTML・CSS・Vanilla JavaScriptで構築。
PHPによるAPIとMySQLを
組み合わせた3層構成としています。




ジャンル

Webアプリ

制作内容

製造現場での使用を想定した機械稼働状況を管理するWEBアプリ

使用ソフト

AI / Claude / VS Code