# コンテンツを適応させる

認証方法を設定すると、データを使用してサイトのコンテンツをさまざまなユーザー向けに調整できるようになります。

ドキュメントの多くの部分を調整・パーソナライズできます。たとえば:

* 非表示にする、または表示する [ページ](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/page)
* サイトを非表示にする、または表示する [バリアント](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/variants)
* サイトを非表示にする、または表示する [セクション](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/site-sections)
* 非表示にする、または表示する [ヘッダーリンク](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/customization/layout-and-structure#header)
* にパーソナライズされたコンテンツを追加する [インライン式](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/variables-and-expressions)

### 条件エディタの使用

条件エディタでは、ページ、バリアント、またはセクションを表示するか非表示にするかの条件を設定します。条件エディタを開くと、条件を [式](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/variables-and-expressions) として記述し、サイトを訪問するユーザーから取得されるデータに対して実行できるようになります。

<figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FNQ8RM1GDU6HUyBKBp2wF%2F22_01_06_condition_editor%402x.png?alt=media&#x26;token=137c61cd-52cf-4a7b-95a3-ab60c5992d3f" alt=""><figcaption></figcaption></figure>

#### 例

ユーザーを通じて GitBook に渡したデータは、という名前のオブジェクトに付加されます。 `visitor.claims`.

ベータプログラムの一部であるユーザーにのみページを表示する条件文を書きたい場合の例を見てみましょう。 **ベータプログラムの一部であるユーザーにのみページを表示する** と定義することができます。

```javascript
visitor.claims.isBetaUser == true
```

上記の式は、このクレームに一致するすべてのユーザー（つまり `isBetaUser` は `true` ユーザーのクレーム内で true である）に、そのページの表示とアクセスを許可するという意味です。このクレームに一致しないユーザー（クレームが設定されていない訪問者を含む）は、そのページを表示したりアクセスしたりできません。

条件エディタにはオートコンプリートも組み込まれており、サイトへの以前の訪問者で見つかったクレームや属性を提案して、ページ、バリアント、またはセクションの条件文を作成するのに役立ちます。

オートコンプリートを使うと、 [変数](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/variables-and-expressions#use-variables-in-your-content) も利用できることがわかります。定義した変数と、ユーザーデータから取得したクレームを組み合わせて、条件式を記述できます。たとえば、次のようにできます。

1. 製品の最新バージョン用の変数を設定する
2. 次に、ドキュメントを訪問しているユーザーがどのバージョンの製品を使用しているかを示すクレームを設定する
3. 最後に、ユーザーがドキュメントの最新バージョンを使っている場合にのみ特定のページを表示する式を書く

有効な JavaScript で記述されている限り、さまざまな種類の式を書くことができます。たとえば、複数のクレームを条件エディタに組み合わせて、次の `&&` または `||` 演算子 [を使用して特定のユーザーに一致させることができます。演算子の詳細については](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators#binary_logical_operators).

### こちら

セグメントを使ったテスト

セグメントは、条件をテストするために設定できるモックのユーザーデータを表します。

[たとえば、エンタープライズプランの開発者、または無料プランのサインインユーザーを表すセグメントを設定し、それぞれにどのページが表示されるかを確認できます。](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/adaptive-content/testing-with-segments)

### 条件付きページ

ページの条件エディタを起動するには、ページの横にあるアクションメニューに移動し、 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> をクリックして **条件を追加します。** 条件エディタは、 [ページのオプション](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/rissu/gitbook-ui#page-options).

からも起動できます。ページの横にページ条件アイコンがあれば、スペース内のどのページに条件が設定されているかを確認できます。 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F51vQZhUqnkdsYpyUo1Pj%2Fpage-condition.svg?alt=media&#x26;token=31dd334a-5097-4081-915c-db460e610ec6" alt="The Page condition icon in GitBook"></picture> 。

{% if visitor.claims.unsigned.bucket.IF\_BLOCK === true %}

#### 条件付きブロック

条件付きブロックを追加するには、エディタで新しい行を始めて、 <kbd>/</kbd>と入力し、次に <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F51vQZhUqnkdsYpyUo1Pj%2Fpage-condition.svg?alt=media&#x26;token=31dd334a-5097-4081-915c-db460e610ec6" alt="The Page condition icon in GitBook"></picture> **条件付きコンテンツ**.

を選択します。ブロックの右上で <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F51vQZhUqnkdsYpyUo1Pj%2Fpage-condition.svg?alt=media&#x26;token=31dd334a-5097-4081-915c-db460e610ec6" alt="The Page condition icon in GitBook"></picture> **条件** ボタンをクリックして条件を編集し、ブロックの表示/非表示を制御します。条件付きブロック内でサポートされるブロックタイプはすべてではありません。
{% endif %}

### 条件付きバリアント

バリアントの条件エディタを起動するには、バリアントの横にあるアクションメニューに移動し、 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> をクリックして **条件を追加**.

します。バリアントにページ条件アイコンがあれば、ドキュメント内のどのバリアントに条件が設定されているかを確認できます。 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F51vQZhUqnkdsYpyUo1Pj%2Fpage-condition.svg?alt=media&#x26;token=31dd334a-5097-4081-915c-db460e610ec6" alt="The Page condition icon in GitBook"></picture> 。

### 条件付きセクション

セクションの条件エディタを起動するには、セクションの横にあるアクションメニューに移動し、 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> をクリックします。 **条件を追加**.

セクションにページ条件アイコンがあれば、ドキュメント内のどのセクションに条件が設定されているかを確認できます。 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F51vQZhUqnkdsYpyUo1Pj%2Fpage-condition.svg?alt=media&#x26;token=31dd334a-5097-4081-915c-db460e610ec6" alt="The Page condition icon in GitBook"></picture> 。

### 条件付きページヘッダーリンク

ページヘッダーリンクの条件エディタを起動するには、ヘッダーリンクの横にあるアクションメニューに移動し、 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Actions menu icon in GitBook"></picture> をクリックします。 **条件を追加**.

セクションにページ条件アイコンがあれば、ドキュメント内のどのリンクに条件が設定されているかを確認できます。 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F51vQZhUqnkdsYpyUo1Pj%2Fpage-condition.svg?alt=media&#x26;token=31dd334a-5097-4081-915c-db460e610ec6" alt="The Page condition icon in GitBook"></picture> 。

### インライン式

コンテンツの表示/非表示を制御するだけでなく、 [式](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/variables-and-expressions)を使って、ページやスペースの変数と同様に、クレームをインラインで利用することもできます。

式を使ってクレームをインラインで参照するには、エディタで <kbd>/</kbd> と入力し、次に <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FyV0YSeHof9IkW4nnHQ4C%2FExpression.svg?alt=media&#x26;token=47e912c2-1ff1-4882-825f-5c3c79b4e6c0" alt=""></picture> **式**を選択します。クレームは、式エディタ内で `visitor` .

### のプロパティとしてアクセスできます。

Git Sync での作業

GitBook で設定された条件は Git Sync を通じて同期され、同期された Markdown ページに表示されます。つまり、表示条件が設定されたブロックやページは、同期されたリポジトリ内でも引き続き表示されます。
