本文へスキップ
Build

Column

コラム

ツール・環境

Web制作会社向け:納品ZIPの運用ルールと文字化け事故を防ぐワークフロー

この記事には広告リンクを含みます。紹介している商品・サービスの一部はアフィリエイトプログラムを利用しています。 商品・サービスの選定はご自身の判断でお願いいたします。

Web制作会社向け:納品ZIPの運用ルールと文字化け事故を防ぐワークフロー のアイキャッチ

納品したZIPを開いたクライアントから「ファイル名が文字化けしていて使えない」と連絡が来ると、納期直前であっても対応に追われます。
技術的な原因はMacとWindows間の文字コード違いで既に整理していますが、現場で実際に起きるのは「知っていたのに防げなかった」というケースです。
この記事では制作者視点で、納品ZIPの運用ルールを「作成・検収・納品」の3ステップで整理します。クライアントからの問い合わせを発生させない仕組み化が目的です。

こういう納品後のやり取りは運用設計で防げます

納品後にクライアントから連絡を受ける制作者のイメージ

以下のような連絡が納品後にきた経験はありますか。

  • 「ZIPの中身が記号の羅列で何のファイルか分からない」
  • 「圧縮し直してほしい」とクライアントから再送依頼
  • 外注先に素材を渡したら「開けない」と戻される
  • 社内の別担当者が触ったZIPで文字化けが発生する

これらは圧縮ソフトの選択と命名規約をルール化するだけでほぼ消せます。
「毎回Kekaで圧縮していれば防げたはず」と後悔するより、最初から運用ルールとして回した方が確実です。

納品ZIPワークフロー ― 作成・検収・納品の3ステップ

納品用のZIPを作成している制作現場のイメージ

作成: 社内標準を Keka (UTF-8フラグ有) に揃える

納品ZIPはFinderでは作らない、というルールを最初に置きます。
具体的には以下の3点を社内規約として明文化します。

  • ZIP作成はKeka (「Windows互換のUTF-8フラグ」有効化) 以外使わない
  • .DS_Store と __MACOSX/ は常に除外設定
  • コマンドラインで作る場合は zip -r output.zip ./target -UN=UTF8 -x "*.DS_Store" -x "__MACOSX/*" をスニペット化

外注に業務委託する場合も同じ規約を渡します。
Kekaはインストールするだけで使える無料ツールなので、規約の浸透コストは実質ゼロです。

検収: 納品前に自分のWindows環境で開ける確認

どれだけ社内設定を揃えても、最終的な「相手環境での再現」を1回踏んでおくのが効きます。
自分の制作環境と別に、以下のどれかでWindows環境を用意しておきます。

  • Windows実機を共有PCとしてオフィスに1台置く
  • クラウドWindows (Azure Virtual DesktopやAWS WorkSpaces) を月極で借りる
  • ParallelsなどでMac上にWindows VMを動かす

納品ZIPをWindowsで解凍し、エクスプローラ上でファイル名が正しく表示されるか確認するだけでOKです。
1案件1分以内の作業で、事故を未然に9割減らせます。

納品: 解凍手順ガイドを添えて送る

ZIP単体で送るのではなく、「解凍方法と万一の対処手順」をテキストで添えるのが効果的です。
具体例:

納品ファイルを送付します。ZIPファイルは7-Zip (無料) または標準のエクスプローラで解凍してください。日本語ファイル名で表示が崩れる場合は、7-Zip をインストールいただくか、展開後に該当ファイル名だけ英数字に置き換えてご確認ください。

この1文があるだけで、問い合わせ前にクライアントが自己解決できるケースが増えます。

納品ファイル命名規約 ― 英数字ルールで事故を根絶

運用ルールで最も効くのがファイル名規約です。
制作物は英数字・ハイフン・アンダースコアのみで命名すれば、OSや解凍ソフトに関わらず文字化けは発生しません。

用途

命名例

避けたい例

デザイン原稿

top-mv-v2.png

トップメインビジュアル_v2.png

コーディングデータ

about-section.html

会社概要セクション.html

フォルダ構成

assets/images/, assets/js/

素材/画像/, 素材/スクリプト/

クライアントから受け取った日本語ファイル名の素材は、納品物として返す前に自分側で英数字に揃えておく、という手順をワークフローに組み込みます。

1人制作 vs チーム制作 ― 運用ルールの回し方

制作チームで納品ルールを共有する場面

1人制作の場合、Kekaと命名規約をローカルで徹底するだけで完結します。
チーム制作や外注が入る場合は、以下のどれかで規約の逸脱を防げます。

  • 制作開始時のキックオフMTGで納品ルールを口頭+書面で共有
  • Slackや社内Wikiに納品前チェックリストを常設
  • Gitフック等で日本語ファイル名を検出してコミットを止める

「言ったのにやってくれなかった」を防ぐには、規約の可視化と検査の自動化が効きます。

まとめ

  • 納品ZIPの文字化けは「ルール化+検収1分」でほぼ全件防げる
  • 作成ツールは Keka (UTF-8フラグ) に社内標準を統一
  • 納品前に自分のWindows環境で開いて検収する
  • ファイル名規約は英数字・ハイフン・アンダースコアのみ
  • 納品時に解凍手順ガイドを1文添えることで、問い合わせを先回りで潰せる

技術的な文字コードの仕組みや、受け取り側が化けたZIPを復旧する手順についてはMacとWindowsのZIPファイル共有と互換性まとめを参照してください。

制作会社向けにコーディング代行・保守受託を承っています。
納品フローやツール選定で詰まっている場合はお気軽にご相談ください。