ファイルアップロード設計ガイド|図面・写真・資料を安全に扱う要件まとめと実装方針

見積依頼、現地調査、修理受付、RMA、予約、車検証の提出、紹介状の送付など、業務システムでファイルアップロードが必要になる場面は増えています。 図面、現場写真、仕様書、見積書、検査資料、車両書類などをWeb上で受け取れると、電話やメール添付だけでやり取りするよりも情報を管理しやすくなります。

ただし、ファイルアップロードは、単に「添付できる欄」を追加すればよい機能ではありません。 容量、拡張子、スマホ写真、通信失敗、ウイルス対策、閲覧権限、社外共有、削除・差し替え、監査ログまで考えておかないと、運用開始後に問題が起きやすい領域です。

この記事では、図面・写真・資料を安全に受け取り、社内で扱いやすくするためのファイルアップロード設計を、実務要件から整理します。

この記事で扱う論点
・容量/拡張子/スマホ撮影の現実
・ウイルス対策、公開範囲、期限付きURL
・後から探せるメタ情報設計
・削除/差し替えと監査ログ
アップロード設計では、「送れるか」だけでなく、誰が見られるか、いつまで見られるか、何のファイルか、後から差し替えられるかを決める必要があります。 UI、セキュリティ、社内運用を同時に考えることが重要です。

1. まず決める:何を添付させるか(必須化しすぎると離脱が増える)

アップロードを必須にすると、入力途中で止まる人が増えます。 特にスマホでは、写真を探す、撮影する、通信環境のよい場所で送るといった手間が発生します。

まずは、最初の送信時点で必須にするファイルと、後から依頼してもよいファイルを分けます。 業務上は必要でも、初回フォームで必須にしない方がよいものもあります。

アップロード要件の分け方
必須 最初にないと処理できないもの

RMAのロット写真、申請に必要な証明書など。送信前に必要な理由を短く示します。

任意 あると判断しやすいもの

現地写真、参考図面、補足資料など。任意でも添付しやすい見せ方にします。

後追い 必要な場合だけ依頼するもの

詳細図面、追加写真、社内確認用資料など。受付後に担当者から依頼できるようにします。

「必須項目を減らす」ための考え方は、情報まとめワークフローと同じです。 最初に集める情報、後から確認する情報、担当者が内部で補う情報を分けておくと、フォームが重くなりすぎません。

2. UI/UX:スマホ撮影が前提なら“重さ”と“再試行”を設計に入れる

スマホで撮影した写真は高解像度になりやすく、1枚で数MBになることもあります。 現場写真や車検証画像、設備の型番写真などを複数枚添付する場合、通信環境によってはアップロードに時間がかかります。

そのため、ドラッグ&ドロップだけのUIではなく、スマホからのファイル選択やカメラ起動を前提にした見せ方が必要です。 また、アップロード中に何も表示されないと、ユーザーは止まったと感じて画面を閉じることがあります。

スマホ画面mock:写真・資料アップロード欄の例
9:41
100%
現地写真の添付 任意です。写真があると確認が早くなります
写真・資料を選択する JPG / PNG / PDF、合計20MBまで。最大5ファイル。
bathroom_photo_01.jpg 68%

全体写真、気になる箇所、型番が分かる写真があると確認しやすくなります。

入力内容の確認へ進む 下書き保存

入力途中で通信が切れたときの体験は、入力内容保持と同じです。 アップロードも、一時保存や再試行の設計があると、最初から入力し直す負担を減らせます。

3. セキュリティ:公開範囲と期限を“添付ファイル単位”で持つ

添付ファイルは、情報漏えいの起点になりやすい部分です。 URLを知っていれば誰でも見られる、連番のファイル名で推測できる、社外共有リンクが期限なく残る、といった設計は避ける必要があります。

最低限の守り
・ファイルは推測できないIDで管理する(連番URLにしない)
・アクセス時は権限チェックを通す(直リンクで落とせる状態にしない)
・ダウンロードログを残す(誰がいつ取得したか)
・期限付きURL(社外共有)を用意し、期限切れ後は無効化する

特に、社外共有が必要な場合は、案件全体ではなくファイル単位で公開範囲を持たせます。 「この図面だけ協力会社に共有したい」「この写真は社内担当者だけに見せたい」といった要件があるためです。

管理画面mock:ファイル単位の公開範囲と期限設定
添付ファイル管理 案件 #A-1048

添付ファイル

現場写真_浴室_01.jpg 社内のみ / 2026-05-02 受付
参考図面_rev2.pdf 担当者・協力会社共有 / 期限あり
見積補足資料.xlsx 担当者のみ / ダウンロード制限あり

参考図面_rev2.pdf

担当者 / 上長 / 指定した協力会社
2026/05/16 23:59 まで
ログ記録あり / 再共有不可
有効 / Rev.2 / 旧版あり

権限設計の基本は ロール×スコープ×例外承認 の考え方で把握できます。 「社外共有はできるが、全社共有はしたくない」といった要件は、ファイル単位の公開範囲がないと判断が難しくなります。

4. ウイルス対策と拡張子:運用上の落とし穴を先に潰す

ファイル添付では、マクロ付きOfficeファイル、実行形式、圧縮ファイルなどに注意が必要です。 業務上必要なファイル形式をホワイトリスト化し、危険度が高いものは別の受け渡し方法に分けるのが現実的です。

種類 扱い 設計時の注意点
許可 PDF・画像 見積資料、写真、紹介状、車検証画像などでよく使う 容量上限、画像向き、HEIC対応、プレビュー可否を決める。
要確認 Office・圧縮 図面一式、仕様書、見積明細などで必要になることがある マクロ付きファイルやZIPは、スキャンと運用ルールを用意する。
禁止 実行形式 exe、bat、js など 通常のフォームでは受け付けない。必要なら別経路で管理する。

フォームの安全性は、スパム対策(reCAPTCHA・ハニーポット・IP制御)と合わせて考えると、入口と添付の両方を守りやすくなります。

5. 後から探せる設計:ファイルにもメタ情報が必要

添付ファイルが増えると、社内で「どれが最新版か」「どの写真がどの部位か」「この図面はどの案件に使ったものか」が分かりにくくなります。 ファイル名だけに頼ると、担当者ごとの命名差も出ます。

そのため、ファイルにも最低限のメタ情報を持たせます。 案件、対象物、種別、版、公開範囲、登録者、登録日を管理しておくと、後から確認しやすくなります。

メタ情報 用途 入力・自動付与の考え方
ファイル種別 図面、写真、仕様書、証明書などを分類する フォーム上の選択項目、またはアップロード欄ごとに自動付与する。
対象ID 案件、車両、設備、物件、顧客などと紐付ける フォームや管理画面の文脈から自動付与する。
版・差し替え履歴 最新版と旧版を区別する 差し替え時に新規ファイルとして追加し、旧版を無効化する。
公開範囲 誰が閲覧・ダウンロードできるかを制御する 初期値を決めたうえで、必要に応じて管理画面で変更する。

検索性を上げるなら、FAQのキーワード設計(検索性向上のための設計)と同じく、現場がどの言葉で探すかを先に想定してタグや分類を決めると扱いやすくなります。

6. 削除・差し替え:安全に扱うなら“追記”と“ログ”が必要

添付ファイルは、誤りが見つかったときに「消したい」と考えやすい情報です。 しかし、完全に削除してしまうと、後から「どのファイルが送られていたか」「誰が確認したか」を説明できなくなることがあります。

基本は、削除ではなく無効化です。 差し替えも、既存ファイルを上書きするのではなく、新しいファイルを追加し、旧版を無効化する方法が安全です。

削除・差し替えフローの例
STEP 1 新ファイル追加

最新版の図面や写真を、新しい添付として登録します。

STEP 2 旧版を無効化

古いファイルは削除せず、画面上で非表示にします。

STEP 3 理由を記録

誤添付、最新版あり、個人情報含むなどの理由を残します。

STEP 4 ログ確認

登録者、無効化者、確認者、ダウンロード履歴を確認できます。

監査ログmock:ファイル操作で残したい履歴
2026/05/02 10:14 担当者Aが、参考図面_rev2.pdf を案件 #A-1048 に追加 追加
2026/05/02 10:29 上長Bが、参考図面_rev1.pdf を「最新版あり」の理由で無効化 無効化
2026/05/02 11:05 協力会社Cが、期限付きURLから参考図面_rev2.pdf をダウンロード DL記録

この方針は、監査ログの考え方(追記のみで説明責任に耐える設計)と同じです。 アップロード機能では、便利さだけでなく、誤添付や外部共有ミスが起きたときに確認できる状態を作っておくことが大切です。

業種別に有効な設計ポイント(例)

建設・工務店(図面・現場写真)

建設・工務店では、図面の版管理と現場写真の分類が重要です。 同じ現場でも、見積前、施工中、完了後、是正対応などで写真の意味が変わります。 見積や現地調査とセットで考えるなら、建設・工務店向け の業務像を前提に、図面の版、写真の部位、工期、担当者を紐付けておくと確認しやすくなります。

自動車販売・整備・タイヤショップ(車検証・損保・部品見積)

自動車販売・整備・タイヤショップでは、車検証、保険書類、修理写真、部品見積など、機微情報を含む添付が多くなります。 業務像は 自動車販売・整備・タイヤショップ向け のように工程で分け、添付の公開範囲も受付、フロント、整備、本部で分けると安全です。

まとめ

ファイルアップロードは、UIだけで完結する機能ではありません。 容量、再試行、公開範囲、期限付きURL、ウイルス対策、メタ情報、削除・差し替え、監査ログまで含めて設計する必要があります。

入力負担を減らす

必須ファイルと任意ファイルを分け、必要な場合だけ後から追加回収します。

安全に共有する

ファイル単位で公開範囲と期限を持たせ、ダウンロード履歴を残します。

履歴を残す

削除ではなく無効化を基本にし、差し替えや共有の記録を確認できるようにします。

最初からすべてを必須にせず、必要なファイルを受け取りやすくし、社内では探しやすく、社外共有では期限と権限を管理する。 この前提で設計しておくと、添付ファイルが増えても扱いやすくなります。

インテンスでも、アップロードは最後に追加する小さな機能ではなく、業務フローと同じタイミングで要件化することをおすすめしています。 ファイルは、問い合わせや案件の補足情報ではなく、見積・調査・確認・説明責任に関わる重要な業務データとして扱うことが大切です。

本記事は、Webシステム開発・スマホ自動変換「movo」・業務システム構築・フォームUX改善・EC支援を提供する 株式会社インテンスが、実際の開発プロジェクトで蓄積した知見をもとにまとめています。 株式会社インテンス(公式サイト)