jpskill.com
🛠️ 開発・MCP コミュニティ

integration-layer

Firebaseや外部API、プラットフォームSDKなど、データ永続化や外部連携に関わるインフラと統合パターンを扱うSkill。

📜 元の英語説明(参考)

Infrastructure and integration patterns for src/app/integration, including Firebase/AngularFire usage, Data Connect codegen, repository adapters, DTO mapping, and streaming boundaries; use when touching persistence, external APIs, or platform SDKs.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Firebaseや外部API、プラットフォームSDKなど、データ永続化や外部連携に関わるインフラと統合パターンを扱うSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o integration-layer.zip https://jpskill.com/download/6857.zip && unzip -o integration-layer.zip && rm integration-layer.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/6857.zip -OutFile "$d\integration-layer.zip"; Expand-Archive "$d\integration-layer.zip" -DestinationPath $d -Force; ri "$d\integration-layer.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して integration-layer.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → integration-layer フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

統合レイヤー

目的

外部統合（Firebase、Data Connect、HTTP、SDK）を安定したポートの背後に実装し、アプリケーションの残りの部分がフレームワークに依存しないようにします。

レイヤーの境界

  • Firebase/AngularFire/DataConnect SDKをインポートできるのは、統合/インフラストラクチャのみです。
  • アプリケーションにはインターフェース/トークンを公開し、プラットフォームタイプは決して公開しません。

リポジトリアダプター

  • リポジトリポートを最小限のマッピングで実装します。
    • DTO <-> ドメインのマッピングはここ（または統合内の専用マッパー）で行われます。
    • マッピングは決定論的に保ち、タイムスタンプ/IDを正規化します。

ストリームとシグナル

  • 統合はObservable（ストリーミング）またはPromise（コマンド）を返す場合があります。
  • テンプレートではなく、アプリケーション境界（ストア/ファサード）でシグナルに変換します。
  • クリーンアップを確実に実行します。ライフサイクルに紐付けられていない限り、手動でのサブスクリプションは避けてください。

Data Connect

  • 生成されたSDKは読み取り専用の出力として扱います。
  • スキーマ変更後、アプリケーションコードを変更する前に再生成します。
  • 認証ディレクティブと最小権限のクエリを強制します。

セキュリティ

  • クライアント入力を決して信頼しないでください。
  • シークレットはソースではなく、env/シークレットマネージャーに保管してください。
  • 文字列連結されたクエリは避け、パラメータ化されたAPIを使用してください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Integration Layer

Intent

Implement external integrations (Firebase, Data Connect, HTTP, SDKs) behind stable ports so the rest of the app stays framework-agnostic.

Layer Boundaries

  • Only integration/infrastructure may import Firebase/AngularFire/DataConnect SDKs.
  • Expose interfaces/tokens to Application; never expose platform types.

Repository Adapters

  • Implement repository ports with minimal mapping:
    • DTO <-> Domain mapping happens here (or in dedicated mappers within integration).
    • Keep mapping deterministic; normalize timestamps/IDs.

Streams and Signals

  • Integration may return Observables (streaming) or Promises (commands).
  • Convert to signals at the Application boundary (store/facade), not in templates.
  • Ensure cleanup: avoid manual subscriptions unless lifecycle-bound.

Data Connect

  • Treat generated SDK as read-only output.
  • After schema changes, regenerate before app code changes.
  • Enforce auth directives and least-privilege queries.

Security

  • Never trust client input.
  • Keep secrets in env/secret manager, not in source.
  • Avoid string-concatenated queries; use parameterized APIs.