真偽値フィールドは、trueかfalseの2つの状態を管理するフィールドです。表示切り替えや、セクションの表示・非表示など、条件分岐のフラグとして利用されます。

データの入稿方法

管理画面では、スイッチ（トグル）形式のUIで入稿できます。

• スイッチが右側（色あり）の状態ではtrueとして保存されます
• スイッチが左側（色なし/グレー）の状態ではfalseとして保存されます

API、CSVを利用した入稿については以下のドキュメントをご参照ください。

詳細設定

GET APIのレスポンス形式

詳細は以下のドキュメントをご参照ください。

フロントエンドでの利用方法

真偽値フィールドの値（true / false）を判定基準とし、コンポーネントの表示・非表示やスタイルの切り替えを行います。値がtrueの時だけ特定のバナーを表示する、といった動的なレイアウト変更に利用されます。
以下はNext.jsの実装例です。

export default async function Page({ params }) {
  const { slug } = await params;

  // microCMS JavaScript SDKを使用してデータを取得
  const data = await client.getListDetail({
    endpoint: "blog",
    contentId: slug,
  });

  return (
    <main>
      {/* booleanはフィールドIDです。実際のフィールドIDに置き換えてください */}
      {data.boolean && <span>限定公開コンテンツ</span>}
    </main>
  );
}