# コンテンツの適応

認証方法を設定すると、ユーザごとにサイト内のコンテンツを適応させるためにそのデータを使用できるようになります。

ドキュメントの多くの部分を次のように適応・パーソナライズできます：

* 表示/非表示 [ページ](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/content-structure/page)
* サイトの表示/非表示 [バリアント](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/variants)
* サイトの表示/非表示 [セクション](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/publishing-documentation/site-structure/site-sections)
* 表示/非表示 [ヘッダーリンク](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/customization/layout-and-structure#header)
* パーソナライズされたコンテンツの追加先： [インライン式](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/variables-and-expressions)

### 条件エディターの使い方

条件エディターは、ページ、バリアント、またはセクションの表示/非表示の条件を設定する場所です。条件エディターを開くと、条件を [式](https://gitbook-open-v2-preview.gitbook.workers.dev/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` であるユーザー）の場合、そのページを表示およびアクセスできることを意味します）。このクレームに一致しないユーザー（クレームが設定されていない訪問者を含む）は、そのページを表示またはアクセスできません。

条件エディターにはオートコンプリート機能も組み込まれており、これまでにあなたのサイトを訪れたユーザーから見つかったクレームや属性を提案して、ページ、バリアント、セクションの条件文作成を支援します。

オートコンプリートを使用すると、次のことに気づくでしょう： [変数](https://gitbook-open-v2-preview.gitbook.workers.dev/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-open-v2-preview.gitbook.workers.dev/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-open-v2-preview.gitbook.workers.dev/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-open-v2-preview.gitbook.workers.dev/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ページに表示されます。つまり、表示条件が設定されたブロックやページは同期されたリポジトリ内でも確認できます。
