広島県三原市でリサイクル事業を営む株式会社中博リサイクルプラント様より、日々の取引伝票のデジタル化についてご相談をいただき、業務用の伝票入力システムを開発・納品いたしました。
ご相談の背景
これまで取引伝票は手書きで作成されており、その内容を事務所で基幹システムへ入力し直すという二重の作業が発生していました。転記の手間や入力ミスのリスク、担当者間の受け渡しの煩雑さが課題となっていました。
ご提案した解決策
現場・経営者・事務それぞれの業務に合わせた3つの入力モードを持つ伝票入力システムをご提案しました。現場で入力した伝票データがそのまま経営者の単価確認へ、さらに事務処理へと引き継がれ、最終的には既存の基幹システムへ取り込める形式で出力されます。一度入力した情報を二度と入力し直さない、これがこのシステムの核となる設計です。
働く方のITスキルはさまざまであることから、「操作に迷わないこと」を最優先にUIを設計しました。取引先や現場の名称は入力中に候補が自動表示され、伝票の印刷や領収書の発行もワンクリックで完了します。
また、取引先マスタの更新作業も事務担当者様がおひとりで行えるよう専用の変換ツールを併せて開発し、操作マニュアル・仕様書などのドキュメント類も整備してお渡ししています。
技術スタック
本システムは、特定の製品やフレームワークに依存しない「Web標準技術のみ」で構築しています。これは10年先も保守し続けられること、セキュリティリスクを持ち込まないことを重視した設計判断です。
| フロントエンド | HTML5 / CSS3 / JavaScript（ES2020+） |
|---|---|
| アーキテクチャ | フレームワーク・外部ライブラリ不使用の単一ファイル構成（ビルド環境も不要。ファイルひとつで完結し、依存関係の更新切れが起きません） |
| データ管理 | Web Storage による自動保存／JSON による工程間のデータ受け渡し |
| 文字コード処理 | 基幹システム連携のための Shift_JIS（CP932）読込・変換を実装 |
| CSV処理 | クォート・改行・文字コードに対応したCSVパーサーを自社実装 |
| ファイル生成 | ZIP生成（CRC32計算含む）を外部ライブラリなしでフルスクラッチ実装 |
| 帳票出力 | 印刷用CSSによるミリ単位のレイアウト制御（伝票・領収書） |
| 動作環境 | Windows PC の Chrome / Edge（サーバー構築・インストール不要） |
外部のサーバーやCDNとの通信は一切行わないため、お客様の取引データが社外に送信されることはありません。すべての処理が社内のPCの中だけで完結し、サーバー維持費や月額利用料といったランニングコストも一切かかりません。
納品後の伴走
納品後も実際の運用の中で寄せられた現場の声をもとに、保存方式の改善や帳票の追加、品目の追加といった改修を迅速に行っています。「作って終わり」ではなく、お客様の業務に合わせてシステムを育てていくことを大切にしています。
おわりに
サウザンドクリエイトでは、Webサイト制作にとどまらず、お客様の業務に合わせたシステム開発も承っております。「紙の運用をデジタル化したい」「毎日の転記作業をなくしたい」といったお悩みがございましたら、お気軽にご相談ください。
