{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreieh4byarqbcop2zcngbrpmp7rmcg3woo5sam44vzye2wbgb4mxgxu",
    "uri": "at://did:plc:hzgu7qyp34ofph3btawzwyw4/app.bsky.feed.post/3mi7idhxosjq2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreifayf3e3qscd5pykqqjuazdau7jocqbi7j7ghjvgs6kkuqthx44yi"
    },
    "mimeType": "image/png",
    "size": 76510
  },
  "path": "/okamyuji/articles/react-state-pattern-finite-state-machine",
  "publishedAt": "2026-03-27T23:30:26.000Z",
  "site": "https://zenn.dev",
  "textContent": "はじめに Reactで画面の表示切り替えをフラグで管理するコードは、いろいろなプロジェクトで見かけます。 const [isLoading, setIsLoading] = useState(false); const [isError, setIsError] = useState(false); const [hasData, setHasData] = useState(false); const [data, setData] = useState<User[]>([]); const [error, setError] = useState<Error |...",
  "title": "Reactのフラグ地獄を状態遷移テーブルで解消する — Discriminated Union×テーブル駆動設計の実践"
}