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

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

ドキュメントの多くの部分を調整してパーソナライズできます。たとえば、以下のようなものです:

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

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

条件エディタでは、ページ、バリアント、またはセクションを表示するか非表示にするかの条件を設定します。条件エディタを開いたら、条件を次のような [式](https://gitbook-v2-5hpihs24d-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-5hpihs24d-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-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/saitohenoakusesu/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-5hpihs24d-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-5hpihs24d-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 ページに表示されます。つまり、表示条件が設定されたブロックやページも、同期されたリポジトリ内では引き続き表示されます。

クレームを通じて渡されたデータは Markdown に表示されることはなく、安全に GitBook に渡されます。
