# nanco-reports

nanco の **人に見せる用の HTML deliverables** を置くリポジトリです。月次レビュー、KPI ダッシュボード、戦略の共有版、decision-log の可視化、AI 引用テストの結果などを HTML で生成し、URL で共有できる形にまとめています。

---

## このリポジトリの位置づけ

- **SoT（単一ソース）ではありません。** 事実・トーン・戦略の原典は [`nanco-knowledge`](../nanco-knowledge) 配下の Markdown にあります。
- ここに置く HTML は **「読まれるためのスナップショット」** です。数字を更新するときは、原典の Markdown を直してから本リポジトリで再生成します。
- HTML を直接編集して数字を書き換えるのは NG です（SoT との不整合が起きます）。
- **例外は `labs/` だけ**（2026-10-07〜）。`labs/<lab-id>/` は画像・図解の**探索の一次記録**（lab.md・manifest.json・ボード・サムネ・図解のソース）で、再生成できないサムネと選定の記録を持つ。ルールは knowledge（`skills/explore-illustration.md`）、生成画像の原本は Google Drive `Nanco/visual-lab/`。詳しくは [`labs/README.md`](./labs/README.md)。経緯: knowledge の `decision-log/2026-10-07-visual-lab-placement.md`

---

## 隣のリポジトリとの関係

```
~/Desktop/dev/
├── nanco-knowledge/   ← SoT（Markdown）。事実・トーン・戦略の原典
├── nanco-reports/     ← 本リポジトリ。HTML deliverables
├── nanco-next/        ← Web 本体
├── nanco-flutter/     ← Mobile 本体
├── nanco-hp/          ← LP / 公式サイト
└── nanco-analytics/   ← 計測基盤
```

HTML を生成するときは、Claude Code を本リポジトリで起動し、`--add-dir` で knowledge base を参照します:

```bash
cd ~/Desktop/dev/nanco-reports
claude --add-dir ../nanco-knowledge
```

これで Claude が原典の Markdown を読みながら、HTML スナップショットを生成できます。

---

## ディレクトリ構成

```
nanco-reports/
├── index.html                       ← ハブ（レポート一覧）
├── project-overview.html            ← プロジェクト全体像（6層アーキ / 16 役者 / 7 Playbook）
├── strategy-master-plan.html        ← マーケ マスタープラン v2.1
├── strategy-roadmaps.html           ← 3 戦略ロードマップ
├── decision-log.html                ← 判断履歴（全 35 エントリ索引 + 詳細カード 18 件）
├── kpi-dashboard-2026-05.html       ← 月次 KPI ダッシュボード
├── ttv-deep-dive-2026-05.html       ← TTV 深掘り
├── onboarding-*.html                ← オンボーディング刷新 deliverables 一式
├── release-comms-2026-06.html       ← 6月リリース発信パック（記事 + メール）
├── help-page-roadmap.html           ← ヘルプ網羅化ロードマップ
├── daily-sync-YYYY-MM-DD.html       ← 直近 3 日分の daily-sync（差分チェックリスト）
├── weekly-plan-*.html / *-schedule  ← 週次・スケジュール系
├── labs/                            ← 画像・図解・デッキの探索の一次記録（labs/README.md）
├── tools/
│   └── deck/                        ← 動きで説明するデッキのエンジンと書き出し（tools/deck/README.md）
├── assets/
│   ├── nanco.css                    ← ブランド共通 CSS（ティールグリーン基調）
│   ├── reports-rail.css             ← 左サイドの全ページ共通ナビ（rail）
│   └── ...                          ← ページ別 CSS（onboarding / ttv / weekly 等）
└── _archive/
    └── daily-sync/                  ← 4 日以上前の daily-sync を退避（05-15 〜 06-08）
```

> **共通ナビ（reports-rail）について**: 各 HTML の左サイドに同一の `<aside class="reports-rail">` を埋め込んでいます。静的 HTML のため各ファイルに複製されており、項目を増減したら全ページへ反映が必要です（リンク追加・daily-sync の最新化など）。再生成時は 1 ファイルを正本として全ページへ同期してください。

---

## 命名規則

```
{種別}-{対象期間 or 識別子}.html
```

例:
- `kpi-dashboard-2026-05.html` ── 月次 KPI ダッシュボード
- `monthly-review-2026-05.html` ── 月次レビュー
- `decision-viz-2026-05-08.html` ── 特定の判断の可視化
- `ai-citation-2026-04.html` ── AI 引用テストの結果

`index.html` だけは固定（ハブページ）。

---

## デザインの原則

- **ティールグリーン #367976 を基調**（N sketch / nanco のブランドカラー）
- **引き算のデザイン**（グッドデザイン賞 2023 審査員講評の言い回しに合わせる）
- 絵文字なし、自称最上級なし
- カタカナ語は最小限（`nanco-knowledge/core/tone-guide.md` の NG 表現を踏襲）
- 顧客呼称は内部文書なので「お客さん」
- レスポンシブ対応（モバイルでも読める）
- 依存ライブラリなし（純粋な HTML / CSS / SVG）
- 共通スタイルは `assets/nanco.css` を相対パスで参照
- **デザインパターン詳細** → [`DESIGN-PATTERNS.md`](./DESIGN-PATTERNS.md)（TL;DR / バッジ理由 / Before-After / Margin notes / Capacity gauge / Stripe 流カード / Small multiples / Reports rail の 8+1 パターン仕様）。 新規 HTML 生成時は必読

---

## ローカルで開く

```bash
open index.html
```

または個別の HTML を直接:

```bash
open kpi-dashboard-2026-05.html
```

---

## 共有方法（将来）

運用が安定したら、以下のいずれかで公開予定:

- **GitHub Pages**: リモートに push して Pages 有効化 → `https://nanco-service.github.io/nanco-reports/` で配信
- **Cloudflare Pages**: 独自ドメイン下で配信したい場合

どちらも静的ホスティングなので、ビルド不要・依存ゼロ・無料です。

---

## メンテナンス

- HTML は基本「生成して push して終わり」のスナップショット
- 数字の更新は原典 Markdown → 新しい日付で再生成（既存を上書きしない）
- 古い HTML は `_archive/` に退避（容量問題が出るまで保持）
- 月次レビューは毎月初週に新しい HTML を生成

---

## レポート一覧

最新は [`index.html`](./index.html) を開いてください。主な常設レポートは以下のとおりです（2026-06-17 時点）。

| 種別 | ファイル | 原典 |
|---|---|---|
| プロジェクト全体像 | `project-overview.html` | `nanco-knowledge/CLAUDE.md` ／ `.claude/agents/README.md` ／ `playbooks/README.md` |
| マスタープラン | `strategy-master-plan.html` | `strategy/marketing-master-plan.md` v2.1 |
| 戦略ロードマップ | `strategy-roadmaps.html` | `strategy/execution-plan-2026-05.md` ／ 3 戦略の 06-execution-roadmap |
| 判断履歴 | `decision-log.html` | `decision-log/` 配下 35 エントリ + 2 ロードマップ |
| KPI ダッシュボード | `kpi-dashboard-2026-05.html` | `strategy/deliverables/baseline-2026-04.md` ／ `strategy/kpi-definition-2026-05.md` |
| TTV 深掘り | `ttv-deep-dive-2026-05.html` | `strategy/deliverables/baseline-2026-04.md` B-1 |
| オンボーディング刷新 | `onboarding-*.html`（PRD / 業種プリセット / 計測設計 / Layer 2-3 / メール / Path D / UX フロー / マスター計画） | `strategy/deliverables/onboarding-*.md` ／ `prd-2026-05-empty-state-and-onboarding.md` |
| 6月リリース発信パック | `release-comms-2026-06.html` | `sessions/2026-06-11-release-comms-pilot/` |
| ヘルプ網羅化ロードマップ | `help-page-roadmap.html` | `strategy/deliverables/help-page-roadmap.md` |
| Daily Sync（差分チェック） | `daily-sync-YYYY-MM-DD.html` | `sessions/YYYY-MM-DD-daily-sync/summary.md` |

> 数字（役者数 / Playbook 数 / decision-log エントリ数 / KPI 等）は原典 Markdown が SoT です。HTML は再生成時に同期します。直近の差分は最新の `daily-sync-*.html` の「§3 差分チェックリスト」で確認できます。
