{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreihb3cnihsa5blkfojvygtv4d4bb3i7otk4u4uwrjp3f5a6nbl74ni",
    "uri": "at://did:plc:hzgu7qyp34ofph3btawzwyw4/app.bsky.feed.post/3mfhhdrewx5i2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreiblkejfj5jgnt5ddt3w7is7xbhvi7i4h5gjomops7lgtyyr7dayde"
    },
    "mimeType": "image/png",
    "size": 69720
  },
  "path": "/sakisakiika/articles/f41abf4e0160a7",
  "publishedAt": "2026-02-21T09:54:14.000Z",
  "site": "https://zenn.dev",
  "textContent": "はじめに マルチテナント対応のフロントエンドを開発していると、テナントごとの差異を考慮しなければなりません。例えば、「テナントAではバリデーションを厳格にしたい」「テナント毎にAPIのリクエスト形式が違う」などの差異が出てきたとき、コンポーネント内で安易にif分岐させていませんか？ その積み重ねは、やがて保守不能な構成となります。 本記事では、Strategy（戦略）パターンの考え方をReactに取り入れ、テナント固有の振る舞いをクリーンに実装するアプローチを考えてみましたので紹介します。 // こうなりがち const handleSubmit = async (data) =&g...",
  "title": "【React】Strategyパターン実践編 〜マルチテナント対応を例に〜"
}