# Claude API 連携（写真AI解析）

## 概要
顧客の写真カルテを Claude Vision に送り、小顔/肌スコア・SOAP・タグを自動取得する。

## ファイル
| ファイル | 役割 |
|---|---|
| `vision.js` | ブラウザクライアント（写真Blob→中継APIへPOST） |
| `pages-function.js` | Cloudflare Pages Functions の中継例（要 ANTHROPIC_API_KEY） |

## セットアップ手順

### 1. Anthropic API キー取得
[console.anthropic.com](https://console.anthropic.com/) で APIキー発行。

### 2. Cloudflare Pages Secrets に設定
```bash
cd /Users/yutasasaki/beene-gyomu-portal
npx wrangler pages secret put ANTHROPIC_API_KEY --project-name=beene-gyomu-portal
```

### 3. functions/api/claude/vision/[[path]].js を作成
（テンプレ：`integrations/claude/pages-function.js` をコピー）

### 4. デプロイ
```bash
npx wrangler@latest pages deploy . --project-name=beene-gyomu-portal --branch=main --commit-dirty=true
```

### 5. 動作確認
admin.html の「連携状態」セクション → Claude Vision の「接続テスト」 → 応答が返れば成功。

## 利用箇所
- `customer-detail.html` 写真タブ「🤖 AI解析」ボタン
- `karte.html` 新規カルテ「画像から所見抽出」（将来）
- `appointments.html` 顧客アラート「肌スコア低下を検知」（将来）

## モック応答での開発
APIキー未設定時は `BG.claudeVision.mockAnalyze` を呼ぶ実装になっており、
UIフローをローカルでテストできる。本番接続時は `analyze` に切替。

## コスト目安
- Claude Sonnet 4.6 / 写真1枚あたり 約 $0.005（~0.7円）
- 1日100枚解析でも 70円/日 = 月2,100円程度
- Before/After 比較は 2枚なので倍

## セキュリティ
- 顧客の同意取得済み写真のみ送信（`consent.photo_record === true`）
- 送信ログを `admin.html` で監視可能
- APIキーは絶対にクライアントコード/repoに含めない（Secrets管理）