💻 システム開発

README

最終更新 2026年05月04日 ／ 31_システム開発部/scale-industries/_README.md

scale-industries（業界知識ガイド）

「31大業界 × 459中業界の市場感・主要プレイヤー・課題・営業切り口を5分で押さえるサイト」
SCALE CRM パートナー向けの営業ナレッジ独立サイト。SalesNow統一の業界マスタに対応。

クイックアクセス

項目 値
本番URL https://scale-industries.pages.dev/
ローカル /Users/oogushiyuuki/株式会社SCALE/scale-industries/
Cloudflare project scale-industries
技術 Vanilla HTML / CSS / JS / Cloudflare Pages
テーマ シアン（cyan）
ファイル index.html（130KB・自動生成） / style.css / common.js
想定読者 パートナー（テレアポ・LinkedIn 担当者）

役割

観点 一言
核心 31大業界 × 459中業界の営業ナレッジ集
用途 架電・LinkedIn 前の業界予習 / リスト依頼時の業種選定の精度向上
読了目安 業界1つ約2分
SCALE CRM からの導線 サイドメニュー「業界知識ガイド」/ リスト依頼ページの「📚 業界の詳細を見る」ボタン

コンテンツ構造

各業界ページに以下5項目：

セクション 内容
業界の概要 市場規模・トレンド・利益構造
主要プレイヤー 大手企業・代表例
ターゲット部署 / 役職 アタックすべき部署
業界の主な課題 営業フックになる課題
アプローチのコツ テレアポ／LinkedIn 共通の切り口
中業界一覧 SalesNow 統一の中業界（説明付き）

デザイン

業務マニュアル v4 流儀を踏襲：

  • 280px 左固定サイドバーTOC（31業界縦リスト + 検索ボックス）
  • スクロールスパイで現在地ハイライト
  • 各業界セクションに INDUSTRY 番号 + 中業界カウントバッジ
  • 課題＝オレンジ左ボーダーカード / アプローチ＝シアン左ボーダーイタリック
  • 中業界グリッド（auto-fill 260px minmax）
  • 進捗バー / スクロールトップボタン
  • モバイル(980px↓)サイドバー非表示

経緯

2026-05-04 v3: Phase 2A 全業界に6セクション追加（マスター級ボリューム）

追加された6セクション（全31業界に展開）:

セクション 内容
商談トーク 受付突破 → 担当者接続 → クロージングの3フェーズ × 各2-3個のスクリプト（業界別の実用トーク）
業界に営業を仕掛けてくる主要競合 5-7社（業界の主戦場で必ず比較される企業）
業界経験者の暗黙知 4個（決裁プロセス・予算サイクル・人脈構造・現場ヒント・業界経験者しか知らない情報）
業界タブー 3個（避けるべき発言・行動・営業手法 + その理由）
業界KPIベンチマーク 4-5個（業界平均値・健全ライン・業界標準）
季節性 / 予算サイクル 1業界1段落（繁忙期・予算化タイミング・意思決定停止期）

ボリューム感:
- 1業界あたり追加データ：約 1500-2500字
- 31業界合計：約 50,000-75,000字 の新規追加
- Phase 1 の既存拡張（detailedOverview / structure / glossary / objections）と合わせて、1業界 4,000-6,000字 規模

データ管理:
- scripts/build.py 内の PHASE2 dict（31業界の Python dict）に inline 記述
- 既存 EXTENDED と分離して管理（保守性向上）
- HTML 生成スクリプトでマージ → 個別ページに展開

HTMLテンプレート / CSS 拡張:
- 6セクションのスタイル追加（label色分け：商談トーク=緑 / 競合=オレンジ / 暗黙知=黄 / タブー=赤 / KPI=紫 / 季節性=シアン）
- セクション順序：概要 → 構造 → 主要プレイヤー/ターゲット → 課題 → アプローチ → 商談トーク → 反論パターン → 競合 → 暗黙知 → タブー → KPI → 季節性 → 用語集 → 中業界

2026-05-04 v2: 31業界別ページ化 + 拡張データ追加

変更点:
- 旧: 1ページにすべて表示（業界1つ選んでサイドバーで切替）
- 新: 31業界それぞれ専用ページ（ind-1.html 〜 ind-31.html）+ 業界一覧 index.html
- 検索ボックス：一覧ページ・個別ページ両方に配置（業界名 + 中業界で絞り込み）
- 各個別ページに以下の 拡張セクション 追加：
- 市場規模・成長率：ヒーローに明示
- 業界構造 / バリューチェーン：上流→下流の説明
- 詳細概要（detailedOverview）：既存 overview を膨らませた版
- 業界特有の反論パターン（objections）：Q&A形式・3〜5個 / 業界特有の断り文句と切り返し
- 業界用語集（glossary）：5〜8個 / DX・SaaS・FL比・ZEH 等の現場用語
- データ正本：scale-industries/data/industries.json
- 生成スクリプト：scale-industries/scripts/build.py（再生成可能）
- 共通 CSS / JS は既存ファイルに追記（per-industry hero / objection / glossary / gallery 等のクラス追加）

デザイン:
- 各業界のテーマカラーで hero グラデーション
- アイコン（emoji）+ INDUSTRY 番号 + 市場規模/成長率/中業界数のメタ
- 業界ごとに色分けした 31 カード式の一覧ページ
- サイドバー：現在の業界に active 状態のハイライト + 自動スクロール
- 前後の業界ナビ（footer）

システム側更新:
- lib/industry_knowledge.js のリンクを 個別ページ に変更
- 旧: https://scale-industries.pages.dev/#ind-N
- 新: https://scale-industries.pages.dev/ind-N
- リスト依頼から「📚 業界の詳細を見る」クリック時、選択中業界のページに直接遷移
- ヒーローボタンも業界選択時は「{業界名} のページを開く」表記に変更

残タスク（Phase 2）:
- 各業界の 現場リアルを肉付け（業界経験者しか書けない情報）
- 業界別の商談トークテンプレ（受付突破・担当者接続・クロージング）
- 業界別の競合動向（営業を仕掛けてくる競合）

2026-05-04 v1: 独立サイト化

それ以前: SCALE CRM 内 lib/industry_knowledge.js 852行に IND_KNOW データ + renderIndustryKnowledge UI を内蔵。

問題点:
- 内部UIではサイドバー型でも横幅制約があり、業界数31を一覧しにくい
- 共有しにくい（ログイン必須）
- スクロールスパイなし
- パートナー向けに整備するには窮屈

解決: 業務マニュアル独立サイト化（teleapo-duties / linkedin-duties）と同じ流儀で独立サイト化。

変更点:
- lib/industry_knowledge.js 852行 → 47行（-94%）
- 旧 IND_KNOW データを削除（外部サイトに展開）
- renderIndustryKnowledge を外部URL遷移カード型に書き換え
- 新規 scale-industries.pages.dev 作成
- lreqOpenIndKnow（calllist.js:1691）の挙動はそのまま：選択中の業界を window._lreqOpenMajor に保存して industry_knowledge ルートへ → 外部サイトの該当業界アンカー（#ind-N）に直接ジャンプ

退化禁止ルール

絶対にやらない
- ❌ lib/industry_knowledge.js に IND_KNOW データを書き戻さない（外部サイトが正本）
- ❌ renderIndustryKnowledge を内部レンダリング型（サイドバー込み）に戻さない（47行を維持）
- ❌ scale-lead-manual に業界知識を統合しない（独立サイト維持）
- ❌ Cloudflare project 名 scale-industries をリネームしない

デプロイ

cd /Users/oogushiyuuki/株式会社SCALE/scale-industries
unset CLOUDFLARE_API_TOKEN
npx wrangler pages deploy . --project-name=scale-industries --branch=main --commit-dirty=true

業界データ更新時のフロー

業界知識データを更新したい場合：

  1. /tmp/ind_know.json を編集（または scale-industries 内に正本として置く）
  2. Python スクリプト（/tmp/gen_industries_html.py）で index.html を再生成
  3. デプロイ
  4. ※システム側 lib/industry_knowledge.js は触らない（業界一覧は SALESNOW_INDUSTRIES 由来）

将来的には scale-industries 内に data.json + 生成スクリプトを置く形に整備予定。

関連ノート