画像投稿ガイド（導入事例の写真添付）🔗

導入事例(05_導入事例/)に 写真を添付してナレッジに公開 するための運用ガイド。

投稿の2ルート🔗

ルート	対象者	やり方
(Y) Slack経由 ← 推奨デフォルト	全営業(70名)	Slackに画像と要点を投稿 → 営業企画が反映
(X) GitHub Desktop直接	技術寄り営業	自分でリポジトリに画像を追加してコミット

ルートY: Slack投稿(全員向け)🔗

手順🔗

現場で写真を撮影 / 顧客から提供を受ける
顧客の書面公開許諾を取得(個人が写る場合は本人許諾も必須)
Slack #営業ナレッジ-投稿 に以下をまとめて投稿:

【事例タイトル】(顧客名 or 業界・規模)
【顧客許諾】あり / なし / 一部
【概要】3〜5行で要点
【写真用途】Before/After/設置シーン/お客様の声/etc.
【公開範囲】🟢顧客提示OK / 🟡代理店共有OK / 🔴社内限
[写真添付]

営業企画が 5営業日以内 に対応:
画像をリサイズ&リネーム
リポジトリの images/ フォルダに配置
Markdownを編集してナレッジに反映
Slackで投稿者に完了通知

ルートX: GitHub Desktop直接(技術寄り営業向け)🔗

前提🔗

GitHub Desktopインストール済み
リポジトリ denbajapan/sales-knowledge をローカルに clone 済み

手順🔗

1. 画像を準備🔗

横幅1200px以下にリサイズ(プレビュー.app or オンラインツール)
JPG品質80%程度
ファイルサイズ5MB以下

2. ファイル名を規則通りに変更🔗

YYYY-MM-DD_顧客名_内容.jpg

例:
2026-05-08_アパホテル_客室導入.jpg
2026-05-08_岡慎之助_練習風景.jpg

3. 画像を配置🔗

カテゴリ別サブフォルダに分けて配置：

カテゴリ	配置先
鮮度保持(DENBA+ / Mobile / Freezer)	`images/鮮度保持/`
フライヤー(DENBA FRYER)	`images/フライヤー/`
その他(Sleep / Health / Medical 等)	`images/` 直下

公式追加候補(投稿box)：_投稿box/05_導入事例/images/{鮮度保持,フライヤー}/
既存事例の追記(オーナー権限のみ)：05_導入事例/images/{鮮度保持,フライヤー}/

4. Markdownに記述🔗

事例ファイル(.md)の写真セクションに:

<!-- 鮮度保持事例の例 -->
![ドリップロス比較](images/鮮度保持/2026-05_カネスエ_水産解凍_compare.jpg)

<!-- フライヤー事例の例 -->
![油色比較](images/フライヤー/2026-05_◯◯トンカツ_油色_compare.jpg)

<!-- その他事例の例 -->
![客室導入の様子](images/2026-05-08_アパホテル_客室導入.jpg)

→ 自動的にLightbox(クリックで拡大)機能つき。

5. GitHub Desktopでコミット&プッシュ🔗

ファイル一覧に画像が表示されることを確認
コミットメッセージ:Add 事例: アパホテル客室導入の写真
「Commit to main」→「Push origin」

6. Slackで報告🔗

#営業ナレッジ-投稿 に「投稿しました」とコメント → オーナーがレビュー。

画像の最適化ガイド🔗

サイズの目安🔗

用途	横幅	品質	容量目安
本文挿絵	1200px	80%	< 500KB
高精細用	1600px	85%	< 1MB
サムネイル	600px	75%	< 200KB

→ 5MB超の画像はNG(リポジトリが膨らみビルドが遅くなる)

リサイズツール(無料)🔗

ツール	用途	OS
プレビュー.app	macOS標準。「ツール → サイズを調整」	macOS
TinyPNG (web)	一括圧縮	全OS
Squoosh (web)	Google製。WebP変換も可	全OS

iPhone HEIC形式の場合🔗

HEIC → JPG変換が必要
macOSの「プレビュー」で開いて「書き出す」→ JPG

ファイル名規則(必須)🔗

YYYY-MM-DD_顧客名_内容.拡張子

良い例🔗

2026-05-08_アパホテル_客室導入.jpg
2026-05-08_アパホテル_setup.jpg
2026-05-08_スーパー大手チェーン_before.jpg(顧客名公開不可)
2026-05-08_岡慎之助_練習風景.jpg

悪い例🔗

IMG_4521.jpg ❌ 内容不明
image (1).jpg ❌ 何の画像かわからない
アパホテル.jpg ❌ 日付・内容なし
2026-05-08_apa_setup.jpg 🔻 顧客名は日本語(検索しやすい)

顧客許諾と肖像権🔗

必須チェック(投稿前)🔗

顧客名公開: 書面許諾あり
施設・店舗の写真: 顧客書面許諾あり
個人が写る写真: 本人許諾あり(社員・顧客問わず)
第三者(無関係な客等)が写り込み: 顔モザイク or トリミング

許諾が取れていない場合🔗

状況	取扱い
顧客許諾なし	画像投稿しない(または顧客名伏せて社内限スコープ)
個人許諾なし	モザイク or トリミングで顔を消す
グレーゾーン	オーナー(営業企画)に相談

公開レベルと画像🔗

事例の公開レベルタグに合わせて画像も扱う:

公開レベル	画像の扱い
🟢 顧客提示OK	OK。商談で見せて良い
🟡 代理店共有OK	代理店まで。一般客には見せない
🔴 社内限	社員のみ。代理店・顧客には見せない

→ ナレッジ画面はClerk認証(社員ログイン)経由なので、社員以外は画像にアクセス不可。ただし 画像URLを取り出してメール添付などで外部共有するのは禁止。

失敗したらどうする🔗

間違った画像を上げてしまった🔗

即座にSlack #営業ナレッジ-投稿 で営業企画に通知
オーナーが画像をリポジトリから削除&再デプロイ
過去のGit履歴には残る → 機密情報の場合は別対応(git filter-repo 等)

モザイクが甘かった🔗

即座にオーナーに連絡
修正版に差し替え

顧客から「公開取り下げて」と連絡が来た🔗

即座にオーナーに連絡(緊急対応)
該当ページを 公開レベル: 🔴 社内限 に変更 or 画像のみ削除
顧客に対応完了を報告

動画はどうする?🔗

結論: リポジトリに直接置かない🔗

理由: - 動画は容量が大きい(数十〜数百MB) - リポジトリが肥大化&ビルド遅延

動画の配置ルール🔗

社内サーバ or Google Drive にアップロード
ナレッジには リンクのみ記載

## 動画

- [導入の様子(YouTube限定公開)](https://...)
- [社内ドライブ](https://...)

→ 大量の動画ナレッジ化が必要になったら Cloudflare R2(オブジェクトストレージ) 移行を検討。