> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# ユースケース

<div style={{ maxWidth: '1600px', margin: '0 auto', padding: '0 16px' }}>
  <div style={{ textAlign: 'center', padding: '48px 0 32px' }}>
    <h1 className="gallery-page-title">Devin で構築できるものから着想を得ましょう</h1>
    <p className="gallery-page-subtitle">エンジニアリングのさまざまなワークフローにわたる実践的な例を参照できます。各ユースケースには、すぐに試せるプロンプトが付属しています。</p>
  </div>

  <div id="category-filters" style={{ display: 'flex', flexWrap: 'wrap', gap: '8px', marginBottom: '12px', justifyContent: 'center' }}>
    <button className="gallery-chip active" data-category="すべて">すべて</button>
    <button className="gallery-chip" data-category="インシデント対応">インシデント対応</button>
    <button className="gallery-chip" data-category="マイグレーション">マイグレーション</button>
    <button className="gallery-chip" data-category="機能開発">機能開発</button>
    <button className="gallery-chip" data-category="データ分析">データ分析</button>
    <button className="gallery-chip" data-category="プロジェクト管理">プロジェクト管理</button>
    <button className="gallery-chip" data-category="自動化">自動化</button>
    <button className="gallery-chip" data-category="コード品質">コード品質</button>
    <button className="gallery-chip" data-category="Devin の最適化">Devin の最適化</button>
  </div>

  <div id="feature-filters" style={{ display: 'flex', flexWrap: 'wrap', gap: '6px', marginBottom: '24px', alignItems: 'center', justifyContent: 'center' }}>
    <span className="gallery-features-label">機能：</span>
    <button className="gallery-feature-chip" data-feature="integrations">連携</button>
    <button className="gallery-feature-chip" data-feature="api">API</button>
    <button className="gallery-feature-chip" data-feature="schedules">スケジュール</button>
    <button className="gallery-feature-chip" data-feature="advanced">高度な機能</button>
    <button className="gallery-feature-chip" data-feature="playbooks">プレイブック</button>
    <button className="gallery-feature-chip" data-feature="mcp">MCP</button>
    <button className="gallery-feature-chip" data-feature="skills">スキル</button>
  </div>

  <div id="gallery-grid" style={{ display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: '16px', paddingBottom: '48px' }}>
    <a className="gallery-card group" href="/ja/use-cases/gallery/linear-bug-triage-automation" data-category="Project Management" data-features="integrations,playbooks" data-popular="true">
      <div className="gallery-card-inner">
        <span className="gallery-popular" title="人気">★</span>
        <span className="gallery-card-cat" data-cat="Project Management">プロジェクト管理</span>
        <span className="gallery-card-title">Linear でのバグ自動トリアージ</span>
        <span className="gallery-card-desc">Devin は、Linear でラベルが付与されると同時にバグを自動調査します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">連携</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-sentry-remediation" data-category="Automations" data-features="schedules,mcp" data-popular="true">
      <div className="gallery-card-inner">
        <span className="gallery-popular" title="人気">★</span>
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">Sentry エラーの毎日修正</span>
        <span className="gallery-card-desc">毎晩新しい Sentry エラーを取得し、翌朝までに修正用の PR を作成する定期セッションです。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/api-datadog-alert-investigation" data-category="Incident Response" data-features="api,mcp" data-popular="true">
      <div className="gallery-card-inner">
        <span className="gallery-popular" title="人気">★</span>
        <span className="gallery-card-cat" data-cat="Incident Response">インシデント対応</span>
        <span className="gallery-card-title">Datadog アラートの自動調査</span>
        <span className="gallery-card-desc">PagerDuty または Datadog のアラートを Devin に連携して、インシデントを自動調査します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/api-pagerduty-postmortem" data-category="Incident Response" data-features="api,mcp" data-popular="true">
      <div className="gallery-card-inner">
        <span className="gallery-popular" title="人気">★</span>
        <span className="gallery-card-cat" data-cat="Incident Response">インシデント対応</span>
        <span className="gallery-card-title">インシデントのポストモーテムを自動生成</span>
        <span className="gallery-card-desc">PagerDuty のインシデントが解決すると、Devin がタイムライン、根本原因、アクションアイテムを含む構造化されたポストモーテムのドラフトを作成します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/test-coverage-playbook" data-category="Code Quality" data-features="playbooks" data-popular="true">
      <div className="gallery-card-inner">
        <span className="gallery-popular" title="人気">★</span>
        <span className="gallery-card-cat" data-cat="Code Quality">コード品質</span>
        <span className="gallery-card-title">決済サービスにユニットテストを追加する</span>
        <span className="gallery-card-desc">決済処理や課金フロー、返金、Webhook を網羅するテスト作成プレイブックを構築します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/implement-openapi-endpoints" data-category="Feature Development" data-features="" data-popular="true">
      <div className="gallery-card-inner">
        <span className="gallery-popular" title="Popular">★</span>
        <span className="gallery-card-cat" data-cat="機能開発">機能開発</span>
        <span className="gallery-card-title">OpenAPI 仕様から Bookings API を実装</span>
        <span className="gallery-card-desc">Devin に YAML 仕様を渡すだけで、既存のコードベースのパターンに沿った Express のルートハンドラー実装、Zod によるバリデーション、Supertest を用いた統合テストを自動生成できます。</span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/api-sentry-auto-triage" data-category="Incident Response" data-features="api,mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Incident Response">インシデント対応</span>
        <span className="gallery-card-title">Sentry エラーの自動トリアージ</span>
        <span className="gallery-card-desc">Sentry の webhook を Devin API に接続し、新しい本番環境エラーを自動でトリアージします。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/fix-bug-from-report" data-category="Incident Response" data-features="mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Incident Response">インシデント対応</span>
        <span className="gallery-card-title">バグ報告をエンドツーエンドでデバッグする</span>
        <span className="gallery-card-desc">Datadog のログとデータベースアクセス権を含むバグ報告を Devin に渡し、根本原因を特定させます。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/parallelize-migration" data-category="Migrations" data-features="advanced,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Migrations">移行</span>
        <span className="gallery-card-title">REST から GraphQL への 50 ファイルの移行</span>
        <span className="gallery-card-desc">50 ファイルの REST から GraphQL への移行範囲を定義し、競合のない作業パッケージに分割して並列実行します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">高度な機能</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/migration-playbook-from-docs" data-category="Migrations" data-features="advanced,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Migrations">移行</span>
        <span className="gallery-card-title">React 18 から 19 へのアップグレード用プレイブックを作成</span>
        <span className="gallery-card-desc">公式の React 19 アップグレードガイドを基に、自社のコードベースに合わせた段階的なプレイブックを作成します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">Advanced Devin</span><span className="gallery-tag">Playbooks</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/mongodb-to-postgres-migration" data-category="Migrations" data-features="playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Migrations">移行</span>
        <span className="gallery-card-title">MongoDB から Postgres への移行</span>
        <span className="gallery-card-desc">ドキュメントスキーマをリレーショナルテーブルにマッピングし、クエリを書き換え、データを移行し、エンドツーエンドで検証します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">Playbooks</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/implement-feature-from-spec" data-category="Feature Development" data-features="">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">Stripe チェックアウトフローを構築する</span>
        <span className="gallery-card-desc">チェックアウト仕様を Devin に渡すだけで、Stripe 連携、テスト、ブラウザーでの検証まで含めた決済フローを動作する状態で手に入れられます。</span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/containerize-application" data-category="Feature Development" data-features="">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">Postgres と Redis を使う Django アプリを Docker 化する</span>
        <span className="gallery-card-desc">Devin が Django、Postgres、Redis 用のマルチステージの Dockerfile と docker-compose.yml を作成し、スタックが正常に動作することを確認します。</span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/figma-design-implementation" data-category="Feature Development" data-features="mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">Figma からピクセルパーフェクトなコードに</span>
        <span className="gallery-card-desc">Figma MCP を連携させて、モックアップからのコンポーネント生成を Devin に任せましょう。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/build-internal-tool" data-category="Feature Development" data-features="">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">チーム向けPTOトラッカーの構築</span>
        <span className="gallery-card-desc">ツールについて説明するだけで、Devinがエンドツーエンドで構築・テスト・検証まで行います。</span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/add-i18n-support" data-category="Feature Development" data-features="">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">Next.js アプリに日本語とスペイン語対応を追加</span>
        <span className="gallery-card-desc">Devin が next-i18next をインストールし、文字列をロケールファイルに抽出して、ブラウザ上で 3 言語の動作を確認します。</span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/investigate-codebase-ask-devin" data-category="Feature Development" data-features="mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">Stripe の決済フローをエンドツーエンドでトレースする</span>
        <span className="gallery-card-desc">コードを書く前に、Ask Devin で Stripe のチェックアウトフローに含まれるすべてのファイルをマッピングします。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/repository-skills" data-category="Feature Development" data-features="skills">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">すべてのPRでマイグレーションチェックリストの遵守を徹底する</span>
        <span className="gallery-card-desc">破壊的な操作を検知し、すべてのマイグレーションPRでスキーマ変更を検証するリポジトリスキルを構築する。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">Skills</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/skill-local-testing" data-category="Feature Development" data-features="skills">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Feature Development">機能開発</span>
        <span className="gallery-card-title">あらゆるPRの前にビジュアルリグレッションを検知</span>
        <span className="gallery-card-desc">Devinが影響を受けたすべてのページのスクリーンショットを撮り、PRを作成する前にレイアウト崩れを検出して通知するリポジトリスキルです。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スキル</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/dana-slack-data-analyst" data-category="Data & Analytics" data-features="integrations,mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Data & Analytics">データ分析</span>
        <span className="gallery-card-title">Slack でアドホックなデータクエリを実行</span>
        <span className="gallery-card-desc">任意の Slack チャンネルで /dana と入力すると、平易な英語でデータベースをクエリできます。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">連携</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/customer-metrics-dana" data-category="Data & Analytics" data-features="integrations,playbooks,mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Data & Analytics">データ & アナリティクス</span>
        <span className="gallery-card-title">Slack での顧客ヘルスサマリー</span>
        <span className="gallery-card-desc">Dana とプレイブックを使用して、データベースから顧客アカウントの指標を取得します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">連携</span><span className="gallery-tag">プレイブック</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/build-usage-dashboard" data-category="Data & Analytics" data-features="api">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Data & Analytics">データ分析</span>
        <span className="gallery-card-title">カスタム API 利用状況ダッシュボードを作成</span>
        <span className="gallery-card-desc">Devin には組み込みダッシュボードがありますが、独自の指標が必要な場合は、v3 API を使って Devin にカスタマイズ版を構築させましょう。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/prd-to-tickets" data-category="Project Management" data-features="integrations,mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Project Management">プロジェクト管理</span>
        <span className="gallery-card-title">PRD をスプリントチケットに落とし込む</span>
        <span className="gallery-card-desc">Notion の PRD を Devin に渡すと、各作業パッケージに対してスコープが定義された Linear チケットが作成されます。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">インテグレーション</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/bulk-plan-backlog" data-category="Project Management" data-features="integrations,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Project Management">プロジェクト管理</span>
        <span className="gallery-card-title">チケットバックログをまとめて計画</span>
        <span className="gallery-card-desc">Linear で複数のチケットを選択し、信頼度スコア付きの実装プランを作成します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">インテグレーション</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/custom-playbook-linear-macro" data-category="Project Management" data-features="integrations,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Project Management">プロジェクト管理</span>
        <span className="gallery-card-title">Linear から API ドキュメントを自動生成</span>
        <span className="gallery-card-desc">ドキュメント用のプレイブックを作成し、Linear のラベルとして同期。チケットにラベルを付けるだけでドキュメントを自動生成します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">連携</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/api-github-actions-ci-fix" data-category="Automations" data-features="api">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">失敗したCIビルドを自動修正</span>
        <span className="gallery-card-desc">PRの失敗しているCIを修正するためにDevinを呼び出すGitHub Actionsワークフローを追加します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/api-webhook-custom-ticketing" data-category="Automations" data-features="api,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">Webhook でチケットを自動解決</span>
        <span className="gallery-card-desc">任意のチケット管理システムを webhook-to-session ブリッジ経由で Devin に接続します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/api-scheduled-sessions" data-category="Automations" data-features="api,schedules,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">ステージング環境で毎晩 E2E テストを実行</span>
        <span className="gallery-card-desc">Devin にスケジュールを設定し、毎晩ステージング環境に対してエンドツーエンドのテストスイートを実行し、失敗したテストのチケットを自動作成させます。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">API</span><span className="gallery-tag">スケジュール</span><span className="gallery-tag">Playbooks</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-dependency-updates" data-category="Automations" data-features="schedules">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">依存関係の週次アップデート PR</span>
        <span className="gallery-card-desc">古くなったパッケージを検出してテストを実行し、アップグレード用のPRを自動で作成する週次セッションをスケジュールします。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-datadog-health-digest" data-category="Automations" data-features="schedules,mcp,integrations">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">Datadog 日次ヘルスダイジェスト</span>
        <span className="gallery-card-desc">Datadog のエラーをスキャンし、ヘルスダイジェストを Slack に投稿する日次タスク。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span><span className="gallery-tag">MCP</span><span className="gallery-tag">連携</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-weekly-changelog" data-category="Automations" data-features="schedules,integrations">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">PR からの週次変更履歴</span>
        <span className="gallery-card-desc">マージ済みの PR をカテゴリ別の変更履歴としてまとめ、毎週金曜日に Slack に投稿します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span><span className="gallery-tag">連携</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/design-system-violation-scanner" data-category="Automations" data-features="schedules,integrations">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">デザインシステムのデイリー監査</span>
        <span className="gallery-card-desc">Devin がマージ済みの PR をスキャンし、ハードコードされた色や不足しているトークンを検出するようスケジュールします。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span><span className="gallery-tag">インテグレーション</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-feature-flag-removal" data-category="Automations" data-features="schedules">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">リリース後のフィーチャーフラグをクリーンアップ</span>
        <span className="gallery-card-desc">リリース後にフィーチャーフラグと、その結果生じたデッドコードを削除する単発ジョブをスケジュールします。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-notion-status-updates" data-category="Automations" data-features="schedules,mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">Notion の週間ステータスダイジェスト</span>
        <span className="gallery-card-desc">スケジュール実行された Devin が、最近の PR とコミットを要約し、毎週 Notion のステータスページとしてまとめます。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール実行</span><span className="gallery-tag">MCP</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/granola-post-call-processing" data-category="Automations" data-features="schedules,mcp,playbooks,advanced">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Automations">自動化</span>
        <span className="gallery-card-title">通話のたびに PR を作成</span>
        <span className="gallery-card-desc">Devin が 1 時間ごとに Granola をポーリングして新しい会議を確認し、文字起こしからエンジニアリングタスクを抽出して、PR を作成する子セッションを開始します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span><span className="gallery-tag">MCP</span><span className="gallery-tag">プレイブック</span><span className="gallery-tag">高度な機能</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/devin-review-autofix" data-category="Code Quality" data-features="integrations">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Code Quality">コード品質</span>
        <span className="gallery-card-title">マージ前に PR のバグを自動で修正</span>
        <span className="gallery-card-desc">Devin はすべての PR をレビューしてバグを検出し、修正を自動的にそのブランチへプッシュします。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">連携</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/refactor-module" data-category="Code Quality" data-features="">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Code Quality">コード品質</span>
        <span className="gallery-card-title">モノリシックな Express ルーターをドメイン別ルートに分割する</span>
        <span className="gallery-card-desc">Devin は 2,000 行の Express ルーターを共通ミドルウェアを利用するドメイン別のルートファイルに分割します。</span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/analyze-session-acu-efficiency" data-category="Devin Optimization" data-features="advanced">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin の最適化</span>
        <span className="gallery-card-title">ある機能プロンプトのコストを 42 ACU から 12 ACU に削減する</span>
        <span className="gallery-card-desc">想定の 3 倍の ACU を消費したページネーション セッションを振り返り、3 つの根本原因を特定してプロンプトを書き直します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">高度な機能</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/batch-3-agents-best-solution" data-category="Devin Optimization" data-features="advanced">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin最適化</span>
        <span className="gallery-card-title">3つの競合戦略でチェックアウトのレイテンシを解消する</span>
        <span className="gallery-card-desc">低速なチェックアウトAPIに対して3つのセッションを並列に実行して競わせます — それぞれが異なる最適化を試し、最も良いものを本番に反映します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">Devin上級</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/batch-test-coverage" data-category="Devin Optimization" data-features="advanced,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin の最適化</span>
        <span className="gallery-card-title">一晩で未テストのモジュール8個をテストする</span>
        <span className="gallery-card-desc">一晩のあいだに8つのセッションを並行実行し、朝までに単体テストを書いてPRを作成します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">Devin の高度な使い方</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/batch-parallel-research" data-category="Devin Optimization" data-features="advanced">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin の最適化</span>
        <span className="gallery-card-title">自社スタック向けに 30 種類のロギングライブラリを評価する</span>
        <span className="gallery-card-desc">ライブラリごとに 1 セッションずつ実行し、価格・パフォーマンス・SDK の品質を評価して、ランキング形式の比較表にまとめます。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">高度な Devin 活用</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/create-playbook-from-session" data-category="Devin Optimization" data-features="advanced,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin の最適化</span>
        <span className="gallery-card-title">本番環境のホットフィックスをプレイブック化</span>
        <span className="gallery-card-desc">成功したインシデント対応セッションの手順を抽出し、再利用可能なホットフィックス用プレイブックとして体系化します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">Devin 上級編</span><span className="gallery-tag">Playbooks</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/improve-playbook-from-sessions" data-category="Devin Optimization" data-features="advanced,playbooks">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin 最適化</span>
        <span className="gallery-card-title">不安定な DB マイグレーションプレイブックを修正</span>
        <span className="gallery-card-desc">DB マイグレーションプレイブックが外部キーで失敗しがちな場合は、セッションリンクを Devin に渡して抜け漏れを補いましょう。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">高度な機能</span><span className="gallery-tag">プレイブック</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/scheduled-knowledge-maintenance" data-category="Devin Optimization" data-features="schedules,advanced">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin 最適化</span>
        <span className="gallery-card-title">毎週の Knowledge 重複排除とクリーンアップ</span>
        <span className="gallery-card-desc">月曜日に Devin セッションを予約し、提案を仕分けて、重複を統合し、競合を解消します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">スケジュール</span><span className="gallery-tag">高度な機能</span></span>
      </div>
    </a>

    <a className="gallery-card group" href="/ja/use-cases/gallery/learn-about-devin" data-category="Devin Optimization" data-features="mcp">
      <div className="gallery-card-inner">
        <span className="gallery-card-cat" data-cat="Devin Optimization">Devin の最適化</span>
        <span className="gallery-card-title">チーム専用の Devin オンボーディングガイドを自動生成</span>
        <span className="gallery-card-desc">Devin が自分自身のドキュメントを読み込み、チームの技術スタックやワークフローに合わせてカスタマイズされた導入ガイドを生成します。</span>
        <span className="gallery-card-tags"><span className="gallery-tag">MCP</span></span>
      </div>
    </a>
  </div>

  <div id="gallery-empty" className="hidden" style={{ textAlign: 'center', padding: '64px 0', color: '#71717a' }}>フィルターに一致するユースケースはありません。</div>
</div>

<script src="/gallery-filters.js" />