ファイル添付の設計|写真・PDF・図面アップロードを安全に運用する実務ポイント

見積依頼、現地調査、技術問い合わせ、入庫予約、物件資料の送付などでは、フォームや管理画面にファイル添付が必要になる場面が多くあります。 写真があれば現場の状態を把握しやすくなり、PDFや図面があれば仕様の確認も進めやすくなります。

一方で、ファイル添付は便利な反面、設計を軽く見てしまうと問題が出やすい機能でもあります。 容量が大きくて送信できない、どの添付が最新版か分からない、顧客に見せてはいけない資料を共有してしまう、直リンクでファイルが見えてしまう、危険なファイルを受け取ってしまう。 こうしたリスクを抑えるには、単に「添付できる欄」を追加するのではなく、形式・容量・分類・保存先・権限・保管期限まで決めておく必要があります。

この記事で扱う論点
・許可する形式と容量をどう決めるか
・写真・PDF・図面をどう分類し、案件に紐づけるか
・公開領域に置かず、権限チェックできる保存方式にする理由
・社内・取引先・顧客で見える範囲をどう分けるか
・危険ファイル対策、保管期限、削除ルールをどう設計するか

1. まず「なぜ添付が必要か」を決める

ファイル添付は、何でも受け取れるようにすると管理が難しくなります。 最初に、添付ファイルの役割を明確にしておくと、必要な形式・容量・分類も決めやすくなります。

建設・工務店の見積や現地調査では、図面や現場写真が判断材料になります。 この場合は、図面アップロード設計 と合わせて考えると、必要な項目を決めやすくなります。

製造業の不具合受付であれば、現象写真、使用条件、ログ、型式ラベルなどを一緒に受け取る必要があります。 この考え方は、不具合受付フォーム の設計にも近い内容です。

2. アップロード画面では「分類」と「制限」を見せる

ファイル添付の画面では、ユーザーに「何を添付すればよいか」「どの形式なら送れるか」を分かるようにしておく必要があります。 制限を送信後のエラーで伝えるより、アップロード前に表示した方が、やり直しを減らせます。

画面例 添付アップロード画面

現地調査依頼:添付ファイル 写真・PDF・図面を登録
ファイルを追加
ここにファイルをドラッグ、または選択 jpg / png / pdf|1ファイル20MBまで|最大10件
現場写真_全景.jpg 分類:現場写真|2.4MB|社内・顧客共有可
確認済
平面図_1F.pdf 分類:図面|8.1MB|社内限定
権限確認
estimate_data.zip 分類:未設定|形式が許可されていません
不可
添付ルール
許可形式

写真はjpg/png、資料・図面はPDFを基本にする。CADや圧縮ファイルは別導線で扱う。

分類

現場写真、図面、仕様書、証跡、その他から選択。その他の場合は説明を入力。

公開範囲

社内限定、取引先共有可、顧客共有可を分ける。既定値は社内限定にする。

添付欄は、ファイルを受け取るだけでなく、分類・公開範囲・制限を同時に扱える設計にしておくと管理しやすくなります。

3. 形式・容量は「現場で必要な範囲」に絞る

ファイル形式と容量を無制限にすると、送信エラーや保管コストだけでなく、セキュリティ上の不安も増えます。 まずは、写真・PDF・図面の3系統に分けて考えるのが現実的です。

種類 主な用途 許可形式の例 設計上の注意点
写真 現場状況、損傷箇所、型式ラベル、施工前後の確認 jpg / jpeg / png スマホ写真は容量が大きくなりやすいため、枚数上限・合計容量を決める。
PDF 仕様書、見積書、説明資料、申請書、保証書 pdf 社外共有しやすい一方、個人情報や社内メモが含まれていないか確認が必要。
図面 平面図、立面図、設備図、施工図 原則PDF。CADは必要時のみ。 CADファイルは閲覧環境や容量の問題が出やすいため、基本はPDF化して受ける。
圧縮ファイル 複数ファイルの一括送付 原則は避ける。必要時のみ個別対応。 中身の確認やスキャンが必要になり、管理負荷が高くなる。
上限値は業務に合わせて決めます。
例としては、写真は最大10枚・合計30MB、PDFは1ファイル20MBまで、図面はPDFのみ許可、といった形です。 大事なのは、具体的な数値そのものではなく、無制限にしないことです。

容量制限は、ユーザーを制限するためだけのものではありません。 アップロード処理が重くなると、フォーム送信の失敗や離脱につながります。 イベント申込や見積依頼の離脱対策は、イベント申込フォームの改善ポイント とも共通するテーマです。

4. 添付には必ず「意味付け」を持たせる

添付ファイルが増えてくると、「どれが何の資料か分からない」という問題が必ず出てきます。 ファイル名だけに頼ると、担当者ごとの付け方に差が出ます。 そのため、添付ファイルには分類を持たせる設計が必要です。

分類 添付カテゴリの例

現場写真

全景、損傷箇所、型式ラベル、設置環境など。写真の種類まで選べると後から確認しやすくなります。

図面

平面図、立面図、設備図、施工図など。版や対象箇所を補足できるようにします。

仕様書・資料

製品仕様、施工要領、保証書、説明資料など。社外共有可否を必ず確認します。

分類として持たせたい項目

この分類は、管理画面の一覧にも関係します。 添付ありの案件だけを抽出したい、図面が未提出の案件を確認したい、写真の種類ごとに絞り込みたい、といった要望が後から出るためです。 一覧画面での見せ方は、一覧カラム設計 と合わせて考えると整理しやすくなります。

5. 保存方式は「直リンクで見えない」ことを前提にする

添付ファイルを公開ディレクトリに置き、URLを知っていれば誰でも見られる状態にすると、情報漏えいの原因になります。 特に、図面・見積・現場写真・本人確認書類・医療介護系の資料などは、直リンクで閲覧できる構成にすべきではありません。

基本方針

社内だけで見る添付と、顧客・取引先に共有する添付は、同じ扱いにしない方が安全です。 権限設計の基本は 権限・ログ の考え方と共通します。

6. 共有範囲は「社内・取引先・顧客」で分ける

添付ファイルは、誰が見るかによって扱いが変わります。 社内判断用のメモが入った資料、顧客へ渡す正式資料、取引先に確認してもらう図面では、公開範囲を分ける必要があります。

権限 添付ファイルの閲覧範囲

社内限定

  • 営業メモ
  • 社内見積根拠
  • 原価資料
  • 判断中の写真

取引先共有可

  • 確認用図面
  • 作業指示資料
  • 現地写真
  • 仕様確認資料

顧客共有可

  • 正式見積PDF
  • 提出用図面
  • 報告書
  • 保証書

既定値は、社内限定にしておく方が安全です。 顧客や取引先に共有する場合だけ、担当者が明示的に公開範囲を変更する設計にすると、誤共有を減らせます。

7. 危険ファイル対策は「受け取らない」設計から始める

理想的にはウイルススキャンまで含めて設計したいところですが、運用環境によっては難しい場合もあります。 その場合でも、危険なファイルを受け取らない設計は必須です。

最低限入れておきたいチェック

「何でも受け取ってから判断する」より、「必要な形式だけ受け取る」方が安全です。 外部共有がある場合は、公開範囲、再送、期限付きURLの扱いも含めて慎重に設計します。

8. 保管期限と削除ルールを決める

添付ファイルは、残せば残すほど便利に見えますが、保管コストと情報管理上のリスクも増えます。 案件完了後もずっと残すのか、一定期間で削除するのか、アーカイブに移すのかを決めておく必要があります。

運用 添付ファイルのライフサイクル

1

受付

分類・公開範囲・案件IDを付けて保存する。

2

確認

担当者が内容を確認し、必要なら差し替えを依頼する。

3

共有

社内、取引先、顧客の範囲に応じて閲覧権限を分ける。

4

完了

案件完了時点で保管期限のカウントを開始する。

5

削除・保管

期限後に削除、またはアーカイブへ移動する。

決めておきたい運用項目

ステータス運用と連動させると、管理しやすくなります。 たとえば「案件完了」になった時点で保管期限のカウントを始める、といった設計です。 ステータス設計は ステータス管理の運用ルール と合わせて確認できます。

9. 業種別の典型例

建設・工務店:図面と現場写真をセットで扱う

建設・工務店では、図面と現場写真が見積や現地調査の前提になります。 平面図、立面図、設備図、現場写真、施工前写真などを受け取る場合は、分類と公開範囲を分けて管理することが重要です。

業務像は 建設・工務店向けWebシステム活用アイデア を前提にすると考えやすくなります。 現地調査や見積依頼では、図面・写真の事前回収 と合わせて、添付資料が後続の確認作業を減らす役割を持ちます。

自動車販売・整備・タイヤショップ:車両写真と見積根拠を残す

自動車販売・整備・タイヤショップでは、車両状態、損傷箇所、装着状態、タイヤサイズ表記、持込部品の写真などが確認材料になります。 写真の種類を選択できるようにしておくと、受付後に必要な情報がそろっているか確認しやすくなります。

業務像は 自動車販売・整備・タイヤショップ向けWebシステム活用アイデア を前提にすると整理しやすくなります。 入庫予約は 入庫設計、持込取付や適合確認は 持込取付の予約 と合わせて考えると、添付ファイルの役割が明確になります。

製造業:不具合写真・ログ・仕様資料を案件に紐づける

製造業の技術問い合わせや不具合受付では、現象写真、型式ラベル、使用環境、測定ログ、仕様書などが重要です。 どのファイルが原因調査用で、どのファイルが顧客提出用かを分けておかないと、後から確認に時間がかかります。

不具合受付では、不具合受付フォーム と同じく、添付ファイルも「現象確認」「仕様確認」「証跡」のどれにあたるかを分類しておくと、技術部門や品質保証部門で扱いやすくなります。

最後に

ファイル添付は、フォームや管理画面にとって便利な機能ですが、同時に情報管理の責任も増えます。 形式・容量を絞り、添付の分類を持たせ、公開領域に直接置かず、閲覧権限と保管期限を決める。 この流れで設計すれば、写真・PDF・図面を業務の中で安全に扱いやすくなります。

まずは、自社のフォームや管理画面で受け取っている添付ファイルを洗い出し、「何のために必要か」「誰が見るか」「いつまで残すか」を確認してみてください。 そこが整理できると、添付欄の追加だけでなく、案件管理・見積・現地調査・技術問い合わせまで含めた運用設計につなげられます。

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