SCALE Build Hub（カタログサイト）開発依頼書

過去46+システム + 全機能を一元カタログ化し、新規案件に即呼び出せるサイト
SCALE Build（月¥5万・毎月1システム）を回すための社内インフラ。
Vault がマスター・サイトはビューワー（一方向同期）。

30秒で全体像

基本仕様

サイト構造

build.scale-group.co.jp
├ /                # トップ（システム集 / 機能集 / 案件管理 への入口・統計）
├ /systems/        # システム集（カテゴリ別カード一覧 + 検索）
│   └ /[id]        # 各システム詳細（機能リスト・スタック・スクショ・コード保管URL・転用難度）
├ /components/     # 機能集（UI部品・ロジック・カテゴリ別 + 検索）
│   └ /[id]        # 各機能詳細（コードスニペット・依存・使用例）
├ /match           # 顧客要望マッチング（検索・"作業管理したい"→候補表示）
├ /clients         # SCALE Build 案件管理（どの顧客にどのシステム納品済）
└ /guide           # 使い方ガイド

Vault マスター構造

40_新規事業/SCALE_Build/
├ カタログ/
│   ├ システム集/                 ← 過去46+システム
│   │   ├ task-manager.md         ← frontmatter にメタ + 本文に詳細
│   │   ├ scale-finance.md
│   │   ├ scale-x.md
│   │   ├ scale-crm.md
│   │   └ ...
│   └ 機能集/                     ← UI部品・ロジック・パターン
│       ├ editable-cell.md
│       ├ system-sidebar.md
│       ├ date-picker.md
│       └ ...
├ 案件/
│   └ <顧客名>.md                 ← SCALE Build 顧客毎の納品実績
├ SCALE_Build_事業構想依頼書.md    ← 既存（事業構想本体）
├ SCALE_Build_カタログサイト_開発依頼書.md  ← このファイル
└ _SCALE_BUILD_現在状態.md          ← 既存

カタログエントリのフォーマット

システム集（systems/.md）

---
id: task-manager
name: タスク管理システム
category: 業務管理
status: 完成
source_system: SCALE Base Task
production_url: https://base.scale-group.co.jp/tasks/
local_path: /Users/oogushiyuuki/.../scale-base/app/(dashboard)/tasks/
stack: [Next.js 16, React 19, Cloudflare Pages, KV]
features:
  - 朝日報・作業開始・作業終了・夜日報
  - タスク管理シート（基本タスク・定例タスク）
  - 累計実働時間集計（長期タスク対応）
  - カレンダー連携・推定時間自動算入
  - Slack 自動投稿（朝/夜日報）
転用難度: 中
所要時間目安: 1-2日
転用例:
  - 顧客A: シンプル版（作業報告のみ）
  - 顧客B: PM版（複数メンバー管理付き）
依存機能: [editable-cell, calendar-picker, slack-bot]
スクショ: ![](attachments/task-manager.png)
---

# タスク管理システム

## 何ができるか
（詳細・売り文句）

## カスタマイズポイント
（クライアントごとに変えやすい箇所）

## コード保管
- ローカル: `/Users/.../scale-base/app/(dashboard)/tasks/`
- changelog: ce-2026-04-30-04 〜 ce-2026-05-04-02
- backup: `~/scale-base-backups/`

機能集（components/.md）

---
id: editable-cell
name: インライン編集セル
category: UI部品
type: React Component
source_system: SCALE Finance
file: components/finance/EditableCell.tsx
deps: [react, lucide-react]
依存なし: [Tailwind 等の前提]
転用難度: 低
転用例:
  - 経費マスタ編集（finance）
  - クライアント情報編集（finance）
  - 任意のテーブルセル
---

# EditableCell（インライン編集セル）

## 用途
クリック → 入力 → Enter確定 / Esc取消 / blurで確定

## コード（コピペ用）

\`\`\`tsx
'use client';
import { useState, useRef, useEffect } from 'react';
// ... full code
\`\`\`

## 使用例

\`\`\`tsx
<EditableCell value={r.name} onSave={(v) => update(i, { name: String(v) })} />
\`\`\`

同期スクリプト（vault-sync）

# scale-build/scripts/vault-sync.sh
VAULT="$HOME/Obsidian/SCALE-Brain/40_新規事業/SCALE_Build/カタログ"
SITE_SRC="./src/content"

rsync -a --delete \
  "$VAULT/システム集/" "$SITE_SRC/systems/"
rsync -a --delete \
  "$VAULT/機能集/" "$SITE_SRC/components/"

echo "✓ Vault → サイト 同期完了"

呼び出し:

npm run sync && npm run build && npm run deploy

フェーズ別計画

フェーズ1: MVP（明日以降の別セッション）

• [ ] scale-build プロジェクト初期構築（Astro セットアップ）
• [ ] Vault 同期スクリプト
• [ ] システム集 トップページ（カード一覧）
• [ ] 各システム詳細ページテンプレ
• [ ] 機能集 トップページ + 詳細ページテンプレ
• [ ] Cloudflare Pages 初回デプロイ
• [ ] 独自ドメイン build.scale-group.co.jp 紐付け
• [ ] 大串のみアクセス（Cloudflare Access or basic auth）

フェーズ2: 検索 + フィルタ

• [ ] Pagefind で全文検索（Astro標準ライブラリ）
• [ ] カテゴリフィルタ
• [ ] 転用難度フィルタ

フェーズ3: 顧客要望マッチング

• [ ] 自然言語入力 → 既存システム類似検索（AI埋め込み or キーワードマッチ）
• [ ] スコアリング表示

フェーズ4: ワンクリックテンプレ展開

• [ ] 「この案件で使う」ボタン → 新案件用に Git clone or テンプレ展開
• [ ] 顧客カスタマイズ用設定UI

フェーズ5: 案件管理

• [ ] /clients ページで月額契約状況管理
• [ ] 納品実績タイムライン

今日（2026-05-04）の準備済み

• [x] Vault フォルダ構造作成（カタログ/システム集 + カタログ/機能集 + 案件/）
• [x] このノート（カタログサイト開発依頼書）作成
• [x] サンプルカタログエントリ（システム2件 + 機能2件）作成

必読ノート（着手前）

更新履歴