diff --git a/.claude/skills/setup-fb-tool/SKILL.md b/.claude/skills/setup-fb-tool/SKILL.md index 644a044..29ef02e 100644 --- a/.claude/skills/setup-fb-tool/SKILL.md +++ b/.claude/skills/setup-fb-tool/SKILL.md @@ -94,23 +94,32 @@ echo "生成したトークン" | vercel env add NEXT_PUBLIC_API_TOKEN productio vercel --yes --prod ``` -デプロイが完了するとURLが表示される。このURLを控えておく。 +デプロイが完了すると以下の2つのURLが出力される。両方を控えておく: + +- **Inspect URL**: `https://vercel.com/{slug}/{project}/...` 形式(Step 5 で使う) +- **Production URL**: `https://xxx.vercel.app` 形式(最終的なツールURL) ### Step 5: データベースの追加 -ユーザーにブラウザでの操作を案内する。以下をそのまま伝える: +Step 4 の Inspect URL からデプロイID部分(末尾のランダム文字列)を削り、`/stores` を付けて Storage ページの直接URLを組み立てる。 -> データベースを追加します。ブラウザで以下の操作をしてください。 +例: Inspect URL が `https://vercel.com/test-his-projects/diagram-feedback-tool/FUPmRJe2cpEzXZGz` なら +→ `https://vercel.com/test-his-projects/diagram-feedback-tool/stores` + +ユーザーにブラウザでの操作を案内する。以下の `{StorageページURL}` を組み立てたURLに置き換えて伝える: + +> データベースを追加します。ブラウザで以下のURLを開いてください。 > -> 1. Vercelのダッシュボード(https://vercel.com)を開く -> 2. デプロイしたプロジェクトをクリック -> 3. 上部タブの「Storage」をクリック -> 4. 「Create Database」をクリック -> 5. 「Neon Postgres」を選択 -> 6. プランは「Free」を選択(無料、クレジットカード不要) -> 7. Resource Nameを `fb-tool-db` に変更 -> 8. 「Create」をクリック -> 9. 次の画面で: +> {StorageページURL} +> +> ページが開いたら、以下の操作をしてください。 +> +> 1. 「Create Database」をクリック +> 2. 「Neon Postgres」を選択 +> 3. プランは「Free」を選択(無料、クレジットカード不要) +> 4. Resource Nameを `fb-tool-db` に変更 +> 5. 「Create」をクリック +> 6. 次の画面で: > - 「Search Projects」からプロジェクトを選択 > - 「Custom Prefix」の欄を `DATABASE` に変更 > - 「Connect」をクリック