launchdarkly
LaunchDarklyを活用し、機能フラグを使って新機能を段階的にリリースしたり、A/Bテストを実施したり、特定のユーザー層に機能を限定公開したり、問題発生時に機能を即座に停止したりするなど、機能の制御を柔軟に行うSkill。
📜 元の英語説明(参考)
Manage feature flags with LaunchDarkly. Use when a user asks to implement feature flags, roll out features gradually, do A/B testing, control feature access by user segment, or implement kill switches for features.
🇯🇵 日本人クリエイター向け解説
LaunchDarklyを活用し、機能フラグを使って新機能を段階的にリリースしたり、A/Bテストを実施したり、特定のユーザー層に機能を限定公開したり、問題発生時に機能を即座に停止したりするなど、機能の制御を柔軟に行うSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o launchdarkly.zip https://jpskill.com/download/15060.zip && unzip -o launchdarkly.zip && rm launchdarkly.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/15060.zip -OutFile "$d\launchdarkly.zip"; Expand-Archive "$d\launchdarkly.zip" -DestinationPath $d -Force; ri "$d\launchdarkly.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
launchdarkly.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
launchdarklyフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
LaunchDarkly
概要
LaunchDarkly は業界標準のフィーチャーフラグプラットフォームです。新しいコードをデプロイすることなく、機能のロールアウト、A/Bテスト、およびエンタイトルメントを制御できます。段階的なロールアウト、ターゲティングルール、および即時のキルスイッチをサポートします。
手順
ステップ 1: セットアップ
npm install @launchdarkly/node-server-sdk # server
npm install launchdarkly-react-client-sdk # React
ステップ 2: サーバーサイドフラグ
// lib/flags.ts — サーバーでのフィーチャーフラグ評価
import * as LaunchDarkly from '@launchdarkly/node-server-sdk'
const client = LaunchDarkly.init(process.env.LAUNCHDARKLY_SDK_KEY!)
await client.waitForInitialization()
export async function getFlag(flagKey: string, user: { key: string; email?: string; plan?: string }) {
const context = {
kind: 'user',
key: user.key,
email: user.email,
custom: { plan: user.plan },
}
return client.variation(flagKey, context, false) // false = default
}
// 使用例
const showNewDashboard = await getFlag('new-dashboard', { key: userId, plan: 'pro' })
if (showNewDashboard) {
return renderNewDashboard()
}
ステップ 3: React クライアント
// components/FeatureFlag.tsx — クライアントサイドのフィーチャーフラグ
import { withLDProvider, useFlags } from 'launchdarkly-react-client-sdk'
function App() {
const { newCheckout, darkMode } = useFlags()
return (
<div className={darkMode ? 'dark' : ''}>
{newCheckout ? <NewCheckout /> : <OldCheckout />}
</div>
)
}
export default withLDProvider({
clientSideID: process.env.NEXT_PUBLIC_LD_CLIENT_ID!,
context: { kind: 'user', key: userId, email: userEmail },
})(App)
ステップ 4: 段階的なロールアウト
LaunchDarkly ダッシュボードで設定します。
- Percentage rollout: 数日/数週間かけて 10% → 25% → 50% → 100%
- Targeting rules: まずベータユーザーに対して有効にし、次に pro プラン、そしてすべての人
- Kill switch: 問題が発生した場合、機能を即座に無効にする
ガイドライン
- LaunchDarkly はフラグをローカルで評価します(SDK はルールをキャッシュします)— レイテンシーはほぼゼロです。
- A/Bテストには、多変量フラグを使用します(単なるブール値のオン/オフではありません)。
- 料金は $10/シート/月 からです。無料の代替手段としては、Unleash(オープンソース)を検討してください。
- 常に意味のあるデフォルトを設定してください — LaunchDarkly に到達できない場合でも、アプリは動作する必要があります。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
LaunchDarkly
Overview
LaunchDarkly is the industry-standard feature flag platform. Control feature rollouts, A/B tests, and entitlements without deploying new code. Supports gradual rollouts, targeting rules, and instant kill switches.
Instructions
Step 1: Setup
npm install @launchdarkly/node-server-sdk # server
npm install launchdarkly-react-client-sdk # React
Step 2: Server-Side Flags
// lib/flags.ts — Feature flag evaluation on the server
import * as LaunchDarkly from '@launchdarkly/node-server-sdk'
const client = LaunchDarkly.init(process.env.LAUNCHDARKLY_SDK_KEY!)
await client.waitForInitialization()
export async function getFlag(flagKey: string, user: { key: string; email?: string; plan?: string }) {
const context = {
kind: 'user',
key: user.key,
email: user.email,
custom: { plan: user.plan },
}
return client.variation(flagKey, context, false) // false = default
}
// Usage
const showNewDashboard = await getFlag('new-dashboard', { key: userId, plan: 'pro' })
if (showNewDashboard) {
return renderNewDashboard()
}
Step 3: React Client
// components/FeatureFlag.tsx — Client-side feature flags
import { withLDProvider, useFlags } from 'launchdarkly-react-client-sdk'
function App() {
const { newCheckout, darkMode } = useFlags()
return (
<div className={darkMode ? 'dark' : ''}>
{newCheckout ? <NewCheckout /> : <OldCheckout />}
</div>
)
}
export default withLDProvider({
clientSideID: process.env.NEXT_PUBLIC_LD_CLIENT_ID!,
context: { kind: 'user', key: userId, email: userEmail },
})(App)
Step 4: Gradual Rollout
Configure in LaunchDarkly dashboard:
- Percentage rollout: 10% → 25% → 50% → 100% over days/weeks
- Targeting rules: enable for beta users first, then pro plan, then everyone
- Kill switch: instantly disable a feature if it causes issues
Guidelines
- LaunchDarkly evaluates flags locally (SDK caches rules) — near-zero latency.
- Use multi-variate flags for A/B testing (not just boolean on/off).
- Pricing starts at $10/seat/month. For free alternative, consider Unleash (open-source).
- Always set meaningful defaults — the app should work even if LaunchDarkly is unreachable.