本文へスキップ

運用中・2026⁠年7⁠月公開

納品請求書システム

店舗へ納品するカナダの事業者様向けの、納品ごとに請求書を作る請求アプリです。操作はスペイン語・英語・韓国語、請求書は英文(USレター)で出力します。

お客様のシステム・当社が開発・運用

サマリー

概要
店舗へ納品するカナダの事業者様向けの、納品ごとに請求書を作る請求アプリ
当社の担当
納品数量を入力するだけで請求書を自動作成してクラウドデータベースに保存、三言語の画面、下書き保存と発行、控え・お客様用の印刷、納品後の保守・運用
成果
カナダの事業者様が納品のたびにExcelへ手入力されていた請求書を、納品数量を入力するだけで自動作成・保存できる仕組みにしました。操作画面はスペイン語・英語・韓国語から選べ、請求書は英文(USレター)で出力します。
  1. 納品数量の入力
  2. 自動作成・保存
  3. 控え・お客様用を印刷
ご利用の流れの図・画面は掲載していません

プロジェクト情報

お客様
お客様名非公開お客様名は伏せています
担当範囲
開発・多言語画面・下書き保存・発行・請求書・明細書の印刷・自動テスト・保守・運用
チーム
デザイナー1⁠名(業務委託、企画・画面デザイン)+代表(開発全般・運用)このプロジェクトの担当チーム⁠
期間
2026⁠年7⁠月
プラットフォーム
Web(PC)・スペイン語・英語・韓国語
公開後の状況
運用中(保守・運用は当社)
使用技術
React・Tailwind CSS・クラウドデータベース・自動テスト

成果

  • 納品実績

    3

    画面の言語(スペイン語・英語・韓国語)

    担当者が使いやすい言語を選び、取引先の店舗に渡す帳票は常に英語です。

    資料:納品記録・2026-10-311

  • 納品実績

    2

    印刷帳票の種類

    納品ごとの請求書と月次明細書。どちらも控えとお客様用をUSレターで印刷します。

    資料:納品記録・2026-10-311

  • 納品実績

    234

    納品時点の自動テスト

    納品時点のコミットで、テストランナーの一覧コマンドを使って数えた件数です。

    資料:納品記録・2026-10-312

業務指標は、お客様が公開されていません。

背景

事業者様は店舗へ納品するたびに、その請求書をExcelに手入力して作成されていました。

取引先の店舗に渡す帳票は英語で、USレターの用紙に合わせる必要があり、納品ごとに控えとお客様用の両方が求められていました。

制作したもの

数量を入れるだけで作成・保存される請求書

担当者が入力するのは納品数量だけです。請求書の残りの項目は自動で埋まり、クラウドデータベースに保存されます。作成した請求書は下書きとして残し、内容を確認してから発行します。

担当者が選べる画面言語と英文の帳票

画面はスペイン語・英語・韓国語の3言語から、担当者が使いやすい言語を選べます。印刷する帳票は納品ごとの請求書と月次明細書の2種類で、どちらも控えとお客様用を英文のUSレターで印刷します。1

自動テストで確かめた納品

納品時点のコードには、画面の動作や計算・印刷を確かめる自動テストが234⁠件あります。2納品後も当社が保守・運用を担当しています。3

ご利用の流れ

  1. 担当者(スペイン語・英語・韓国語) — 画面の言語は担当者が選択
  2. 納品数量を入力 — 入力するのは納品数量だけ
  3. 自動作成・保存 — 数量から請求書を自動で作成・保存、発行までは修正可能
  4. 発行
  5. 印刷帳票 USレター — 納品ごとの請求書・月次明細書、控えとお客様用(英語)
  6. 取引先店舗

設計判断

  1. 作成した請求書はクラウドデータベースに

    理由
    どの端末から開いても同じ記録が見られ、端末を替えても過去の請求書はそのまま残ります。
    トレードオフ
    使うにはインターネット接続が必要です。
  2. 担当者が入力するのは納品数量だけ

    理由
    請求書の残りの項目は自動で埋まるため、納品のたびに同じ内容を書き直す必要がありません。
    トレードオフ
    あまり変わらない基本情報は、あらかじめ登録しておく必要があります。
  3. 画面の言語と帳票の言語を分ける

    理由
    担当者はスペイン語・英語・韓国語から使いやすい言語で操作し、取引先の店舗に渡す帳票は常に英語で出力されます。
    トレードオフ
    帳票の文面は英語の一種類だけです。
  4. 下書き保存と発行を分ける

    理由
    発行までは内容を修正でき、発行済みの請求書が誤って二重に発行されることはありません。
    トレードオフ
    発行前の確認が一段階増えました。

品質と運用

保証すること方法数値・日付
納品時点の自動テスト納品時点のコードの自動テスト一式で、画面の動作と計算・印刷を確認(納品時点の集計)2342026-10-312

次に作るなら

  • Excelで作っていた請求書の見本をもっと早くいただき、印刷レイアウトを先に合わせます。
  • 実際の納品一件で、入力から印刷までを担当者と先に一緒に通して確かめます。

出典と方法

  1. 1画面の言語:納品時点(2026⁠年7⁠月)のコードの言語設定で確認しました(2026-10-31)。印刷帳票の種類:代表が確認した事実です(2026-10-30)。
  2. 2自動テスト:納品時点(2026⁠年7⁠月)のコミットで、テストランナーの一覧コマンドを使って数えた件数です(2026-10-31)。依存関係のロックファイルが古かったため依存関係だけを新たにインストールし、テストファイルとランナーの設定は納品時のままです。スキップされたテストは含みません。テストファイルに書かれた宣言だけを数えると、複数のファイルが共通で使うテスト群が漏れるため、これより少なくなります。
  3. 3納品・運用:納品月(2026⁠年7⁠月)は代表が確認した事実です(2026-10-31)。納品後の保守・運用も代表が確認しています(2026-10-30)。

納品請求書システム

このプロジェクトの担当チーム

2026⁠年7⁠月公開・運用中

  • キム・ミョンソプ

    代表・プログラマー

    • 納品数量を入力するだけで請求書を自動作成し、クラウドデータベースに保存
    • スペイン語・英語・韓国語の画面、下書き保存と発行
    • 納品ごとの請求書と月次明細書を、控えとお客様用に印刷(USレター)
    • 納品後の保守・運用
  • デザイナー(業務委託)

    • 企画
    • 画面デザイン

次の事例

Young Signs様 Webサイトリニューアル

看板製作・施工|カナダ|Webサイト|2026

英語のみだったサイトを、見積もり依頼につながる3言語サイトへ刷新。施工事例519⁠件を移行し、現在も運用しています。

  1. 英・韓・日のページ
  2. 事例・地域
  3. 電話・見積もり