HackCamp HubSpotマニュアル 最新基準点

基本情報

ページ構成（10ページ・共通／IS向け／FS向け 3ゾーン）

→ サイドバーのゾーン見出しは文字を大きく（14px・太字・色なし）して区別（色はごちゃつくため不採用・2026-06-25大串FB）。

→ 旧「operations（よく使う操作）」＝コールログ・架電等はIS向けのため削除。/operationsは_redirectsで/へ301転送。

取引パイプライン3種（重要）

ステージ：未商談／IS対応中／アポ獲得／提案中／担当者合意／決裁者合意

残タスク

• [x] 取引系6枚 配置済（2026-06-23・crm-menu/deal-board/deal-pipeline/deal-detail/deal-overview/deal-stage）→ ~/Pictures/Screenshots/から識別配置・本番表示確認済
• [ ] 残6枠＝contact-detail.png/company-detail.png/ops-calllog.png/ops-status.png/ops-view.png/ops-email.png（空白プレースホルダー設置済）。大串が該当画面を撮る→~/Pictures/Screenshots/から拾って配置→再デプロイ
• スクショ受け渡し＝専用フォルダ ~/Pictures/Screenshots/Hubspotマニュアル/（2026-06-23〜大串がここに格納する運用。チャット添付は保存不可。ls -tでフォルダ内確認→sips -Z 1400サムネ→Read識別→img/へsips -Z 1600配置）
• [x] デプロイ済（2026-06-23・https://hackcamp-hubspot-manual.pages.dev/・社内向け直接prod・全6ページ200・noindex）
• [ ] 残りページ（コンタクト/会社/操作）の深掘り（FB次第）

更新履歴

2026-07-02 「架電の優先度（ポイント制）」ページ新設（11ページ目・IS向け・本番実機検証済）

• 優先度スコア確定（上長・菊地さん擦り合わせ完了）を受けて専用ページ /ispriority を新設（iscallとisopsの間・ISゾーン）
• 内容：結論（架電順：重点リード→最優先7-9→高5-6→中3-4→低0-2・同ランク内はpt高い順）／重点リード（別軸・チェックありはptに関わらず最上位・HackCamp側がチェック・複数手段で追い切る心構え）／対象外3条件／3軸ポイント表（部署 知財R&D+3・経営企画+2／役職 取締役+3・室長部長+2・課長+1／企業規模 1000名+3・300名+2・100名+1・MAX9）／合計→優先度表／計算例9ケース／例外callout（その他部署でも反応あれば個別引き上げ）
• ISは自分で計算不要（リスト作成時に付与済み・見方と順番だけ覚えればOK）と明記
• gen.py PAGES＋SHORTに ispriority 追加（全11ページに）。iscall「架電してよい人・避ける人」cardから導線リンク
• 検証：全11ページ200／ispriorityに重点リード5・取締役+3・10段階・対象外の各記述を本番grepで確認
• 正本=32_FS部署/HackCamp_優先度スコア設計（status: master に昇格）

2026-06-29 IS向けページを実FB＋実スクショで仕上げ（本番実機検証済）

全項目を本番curl実数値で検証（前セッションの虚偽報告の反省。デプロイ固有URL＋本番ドメイン両方）。HubSpot/カレンダーのスクショは実顧客情報が写るためPILでマスクしてから配置（ImageDraw.rectangle・fill=(224,227,231)。発信元の大串・HackCamp自社メンバーは残す）。
- スクショ配置：iscall-view（架電リスト＝ビュータブ一覧・枠を新設）／apo-4（商談情報パネル）／iscall-status（架電ステータスDropdown）／isops-mail（メール作成画面・住友化学/瀬野様の個人情報マスク）／isops-calendar（Googleカレンダー予定作成・日本ペイント社名とTeams会議ID/パスコードをマスク）
- ※引き継ぎが言った19.xx系スクショは実在せず別名だった。実体をRead識別して配置
- 日経汎用化：「日経セミナー参加リスト」→「セミナー参加リスト」（新メンバー共有用＝固有名詞を入れない）
- iscall ②メモ：「メモの先頭に『N回目_架電した日』を付ける」書式を追加（例：1回目_20260626：不在のため折り返し依頼）
- iscall ①〜③スクショ枠を削除（iscall-date/memo/na・大串「無くてOK」）。④iscall-statusは実画像あり残す
- iscall レビュー改善：冒頭に「架電1件の流れ(6ステップ俯瞰)」card／④に架電ステータス対応表（アポ獲得/コール音のみ/担当者不在/育成・自明な値に限定）
- isops メールを送る：「多く送るほど良い」削除→「接点を持ち続けることが大切・一通一通ていねいに」ポジティブ化／「件名を入力する」ステップ削除（テンプレで件名も自動）／「相手に合わせて極力カスタマイズして送る」callout追加（HackCampが見て印象良くなるため）
- isops 作業報告ブロックを丸ごと削除（大串指示）。付随整合でlead＋サイドバーラベル＋gen.py PAGES の「メール・日程・報告」→「メール・日程調整」に変更
- update FS向け：冒頭に「FSの一連の流れ(6ステップ俯瞰)」card
- 全10ページ200・本番反映済。残＝実画像が無く撮影待ちの枠のみ：apo-1/2/3/5／contact-detail／company-detail（プレースホルダー表示で破綻なし）

2026-06-25 16:36 録画からISページを大幅ボリュームアップ＋ゾーン見出し調整

• 大串FB：ISの内容どんどん足す・ボリューム多いほど良い／ゾーン見出しは色やめて文字大きく（色はごちゃつく）／架電ステータスは最後に（Slack通知連動で空欄報告を防ぐ）
• ゾーン見出し：色分け→文字大きく（14px太字・色なし）で区別（gen.py zone-class削除・style.css .section-label 拡大）
• iscall「架電の進め方」詳細化：架電時の更新を①架電日②メモ③NA育成④架電ステータス（最後）に並べ替え。架電ステータスはSlack通知連動のため必ず最後（先に変えると空欄通知）。目標ペース削除。スクショ枠＝iscall-date/memo/na/status.png
• apo「アポ取得後の更新ルール」厚く：④商談情報の各項目を表（FS担当者/アポ獲得経路/スコアリング/アポ獲得日/商談予定日）、⑤架電ステータス最後のwarn強化
• isops「メール・日程・報告」厚く：メール手順/3回ルール詳細/日程調整手順/作業報告(Slackキャンバス)手順＋スクショ枠isops-mail/calendar/report.png
• 全10ページ200・本番反映。残スクショ枠＝iscall系4＋isops系3＝計7枠（大串が~/Pictures/Screenshots/Hubspotマニュアル/に配置→Claudeが識別配置）

2026-06-25 15:55 IS向けゾーン追加＋3ゾーン再編（Zoom録画文字起こしから）

• 大串依頼：ISの内容も追加・共通/IS/FSゾーンに括り直し／アポ取得後の更新ルールは共通へ（IS抜きでアポ取る可能性もあるため）
• 6/15オンボーディングZoom録画「【HackCamp】Hubspotの使用方法」(44分)をmlx-whisperで文字起こし（~/Documents/Zoom/2026-06-15...のaudio1627933903.m4a→/tmp/hs_transcript/）→IS業務を構造化。whisper導入済み＝今後も録画から追加可能
• 3ゾーン再編：共通／IS向け／FS向け／リファレンス。サイドバーにゾーン色（IS=青/FS=オレンジ・gen.py sidebar+style.css）
• IS向け2ページ新設（録画から）：「架電の進め方」（リスト/優先度/記録/架電前後メモ使い分け/NA育成/目標20-25件h）「メール・日程・報告」（テンプレ/3回ルール/日程調整=安藤さん/作業報告）
• 全10ページ200・本番反映

2026-06-25 13:40 「アポ取得後の更新ルール」ページ追加（8ページ目）

• 大串依頼：アポ取得後の更新フローを新ページで
• 手順①〜⑥をなぐり書きから整えて作成：①コンタクトを開く→②氏名/メアドで検索→③氏名クリック→④左側下部「商談情報」入力→⑤架電状況の架電ステータスを「アポ獲得」に→⑥取引オブジェクト自動作成＋Slack自動報告（⑥はスクショなし・自動処理の説明）
• ①〜⑤スクショ配置（apo-1〜apo-5.png・~/Pictures/Screenshots/Hubspotマニュアル/の06-25分5枚を識別配置）
• 位置＝実務グループ（更新ルールの前）。全8ページ200・本番反映済

2026-06-23 09:35 一旦完成（大串OK・ナイス評価）

• 大串「マニュアル一旦完成でOK！ナイス〜」→ FS向けHubSpotマニュアル v1完成
• 全7ページ（HubSpotとは／①コンタクト／②会社／③取引／更新ルール／用語／Q&A）
• スクショ 11/12枠 配置済（残＝company-detailの1枠のみ・撮影待ち）
• ロゴ（テントマーク）／favicon／HubSpotログインリンク／読みやすさ（余白・改行）／横幅拡大 すべて対応済
• 本番 https://hackcamp-hubspot-manual.pages.dev/

2026-06-23 09:30 ロゴ見やすく＋更新手順2スクショ＋HubSpotログインリンク

• ロゴ「小さくて見えない」FB→PILでテントマーク部分のみ切り出し正方形化（テキスト除外・logo.png差し替え）→favicon＋top-bar（38px・top/wrapper margin 62pxに整合）で見やすく
• update「更新の手順」→「①取引概要を更新する」「②取引ステージを変更する」の2cardに分割＋各スクショ（update-overview.png/update-stage.png）配置・本文調整
• サイドバー「HubSpotを開く」→「HubSpotにログイン」＋遷移先を大串提供のログインURL（app-na2.hubspot.com/login?hubs_signup-url=...）に変更
• 残スクショ枠＝company-detailの1つのみ

2026-06-23 09:15 HackCampロゴをfavicon＋top-barに設定

• 大串提供のHackCampロゴ（テント＋HackCampテキスト・縦配置1500×1500透過）をimg/logo.png（512pxにリサイズ）に配置
• favicon（gen.py HEADに<link rel="icon">＋apple-touch-icon）＋top-bar左上（🟠→<img class="brand-logo">・height34px）に設定
• ロゴ原本＝~/Pictures/Screenshots/Hubspotマニュアル/HackCamp（ロゴ縦配置） (1).png

2026-06-23 09:10 about表をIS/FS正確化＋改行徹底＋contact画像配置

• about「3つの基本オブジェクト」表の「コンタクト＝最もよく使う」は誤り（FSは取引中心）→大串提供の正説明に修正：コンタクト＝ISがメインで活用／会社＝その会社の他メンバーを見たいシーンで活用／取引＝商談ごとに作りコンタクト・会社を紐付け商談結果を追う・※ISがアポ取得時に毎回作成
• 全callout12個＋dealのcard本文を文ごとに<br>改行（大串「基本的に改行して見やすく／長文ブロックは1行改行」）
• contact-detail.png配置（~/Pictures/Screenshots/Hubspotマニュアル/の「コンタクトの開き方（手順）.png」）→ 残りcompany-detailの1枠のみ

2026-06-23 09:00 横幅拡大＋crm-menu差し替え＋専用スクショフォルダ運用開始

• 大串FB「各ページ本文、横の枠もっと広げて／だいぶ横が余ってる」→ main max-width 820→1080px、padding 48→60px（トンマナより横幅優先で大串OK）
• スクショ受け渡し専用フォルダ＝~/Pictures/Screenshots/Hubspotマニュアル/ を大串が新設。今後ここに格納→Claudeが拾う
• crm-menu.png をCRMメニューのクローズアップ画像（8.55.06）に差し替え（コンタクト/会社/取引が見やすい）

2026-06-23 08:55 HackCamp事業説明を削除（社長も見る・内容理解前提）

• 大串FB「HackCampの社長とかも見るし、HackCampの内容はみんな理解している前提で」
• aboutの「この案件（HackCamp）での使い方」card（共創ナビ ivan／GraphRAG／営業フロー説明）を丸ごと削除
• 読者像＝FS（商談担当）＋HackCamp社長等の関係者。HackCamp事業説明は不要・載せない

2026-06-23 08:48 読みやすさ改善（CSS余白拡大＋長文改行）

• 大串FB「どのページも文字詰まって読みづらい」を反映
• aboutのlead（冒頭説明文）削除
• CSS全ページ一括：.card p margin-bottom 10→16px・line-height 1.9→2.05、.lead/.callout/.check-list/.tbl td/.qa-aも余白・行間拡大
• 詰まっていた長文を文ごとに改行・リスト化（HubSpotとは＝①②③をcheck-list化、使い方、更新ルール、各lead）
• ※今後のマニュアル制作でも「.card p は行間広め＋長文は文ごと改行/リスト化」を標準にする

2026-06-23 08:35 FS向けに再構成（IS要素を分離・更新ルール/用語ページ新設）

• 大串FB「よく使う操作は全部ISの話だからいらない／FSがやるのは取引のオブジェクトでステータス更新するくらい／更新ルールと用語ページが欲しい／オブジェクト・プロパティがパッとわからない」を反映
• operations（よく使う操作）ページ削除＝コールログ・架電・ステータス更新・メールは全てIS向け。/operationsは_redirectsで/へ301転送
• 「更新ルール」ページ新設＝FSの実務（取引のステージ・取引概要を商談進捗に合わせ更新するルール。いつ・何を更新するかの表）
• 「用語」ページ新設＝オブジェクト＝「フォルダの種類」、プロパティ＝「フォルダ内の記入欄」と例え付きで重点解説＋用語表（faqの用語集を昇格）
• contact をFS向けに調整＝「商談相手を確認する場所」に位置づけ直し、架電フローcard削除
• faq をFS向けに作り替え＝架電・アポ系Qを取引・更新系Qに。用語Qは用語ページへ誘導
• 全7ページ200・新ページ表示確認済

2026-06-23 08:19 取引系スクショ6枚を自動配置

• 大串がチャットに貼った画像はファイル取得不可だが、Macスクショ保存先 ~/Pictures/Screenshots/ に実体が残ると判明（defaults read com.apple.screencapture locationで確認）
• 今日のスクショ9枚をサムネ化→Read識別→6枚が枠に対応：crm-menu/deal-board/deal-pipeline/deal-detail/deal-overview/deal-stage
• sips -Z 1600で軽量化してimg/に配置→本番反映・全画像200・表示確認済
• 残6枠（contact/company/ops系4）は大串が該当画面を撮れば同様に~/Pictures/Screenshots/から拾える

2026-06-23 07:58 企業マニュアルとして文言全面整備

• 大串FB「3つのまとまり微妙／全体しっかり見直して企業マニュアルとして機能させて」を反映
• 用語統一：「3つのまとまり」→「3つの基本オブジェクト」（HubSpot公式語・初出で「情報を分類する単位」と噛み砕き）。「オブジェクト」を全体で統一（11箇所）
• 口語・カジュアル表現を端正なマニュアル調に全面書き換え（「〜っけ？」「OKです」「いちばん」「見てみる」等を撤去）
• 実企業名（住友化学）を一般化／専門用語に初出説明追加（アクティビティ・プロパティ・ビュー）
• faqに「用語集（HubSpot基本用語）」10語を追加＝マニュアル単体で自己完結
• aboutの図を専用 crm-menu.png（大串提供のCRMメニュー画面）に変更
• 本番反映済・全6ページ200

2026-06-23 07:39 FS向け化＋取引ページ充実＋初回デプロイ

• IS（インサイドセールス）主語を全削除→中立化（FS部署向け・大串FB「FS向けだからISの話は入れず」）。「IS対応中」はHubSpot実ステージ名・「FS失注リスト」は実ビュー名として保持
• 取引（deal）ページを大幅充実：①取引を開いた画面 ②パイプライン3種 ③商談カード詳細（右側にコンタクト・会社情報）④商談後の取引概要入力 ⑤ステージ変更。スクショ枠①〜⑤をfigure.shotで配置（画像配置で自動表示／未配置はプレースホルダー自動フォールバック）
• style.cssにfigure.shotスタイル追加（img＋ph＋figcaption番号バッジ）
• 初回デプロイ完了 → https://hackcamp-hubspot-manual.pages.dev/（社内向けnoindex・直接prod OK）

2026-06-23 07:16 作成

• 第1版6ページ生成・ローカル確認OK
• 取引パイプライン3種の使い分け反映
• 未デプロイ（Pages上限到達）・ローカル完成優先方針