---
title: "デバイスのレイアウトを設定する"
slug: "set-up-a-device-layout"
abstract: "ユーザー体験をより最適化するためにデバイスレイアウトをカスタマイズしましょう。"
---
# デバイスのレイアウトを設定する

Sitecoreにおけるデバイスレイアウトは、コンテンツを提示し表示する特定の方法を表します。訪問者が使用するハードウェアやソフトウェア、そしてウェブサイトのコンテンツを最適に表示する方法を判断するために、SitecoreはサイトページのHTTPリクエストを分析します。Sitecoreはデバイスを識別し、ページデザインを適応的にするための適切なレイアウトを選択します。適応設計は [、開発者が設定するルール](https://doc.sitecore.com/xp/ja/developers/103/sitecore-experience-manager/rules-and-parameters-for-device-detection.html "Rules and parameters for Device Detection")によって決まります。

ブラウザエージェント、クエリ文字列の値、Sitecoreデバイス検出ルールのいずれかを使ってレイアウトを定義できます。例えば、訪問者がデスクトップのウェブブラウザやモバイル端末を使ってサイトにアクセスすると予想する場合、各デバイスタイプごとに異なるレイアウトを作成することができます。

## Sitecoreデバイスの構成

デバイスはコンテンツエディターのsitecore/Layout/Devicesの下で設定されます。

新しいデバイスを設定するには:

1.  Sitecore**コンテンツエディター**にログインし、sitecore/Layout/Devicesに移動します。
    
2.  「**デバイス」**を右クリックし、「**挿入****」→**デバイス」をクリックし、新しいデバイスに名前を付けます。
    
    ![Insert device](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/103/sitecore-experience-manager/images/InsertDevice.png)
    
3.  デバイス項目には、訪問者のデバイスを特定するために使われる3つのフィールドがあります。
    
    -   **ブラウザエージェント**は、訪問者がサイトにアクセスする際に使用するハードウェアとソフトウェアを特定する正確なユーザーエージェントの文字列です。特定のデバイスやブラウザをターゲットにしたい場合にこれを使ってください。
    -   **クエリ文字列**はページのURLの一部です。例えば、訪問者がクエリ文字列パラメータ「p=1」でページにアクセスした場合、ページは印刷レイアウトを表示するように設定できます。
    -   **Aルール**:ルールセットエディターに含まれるデフォルトルールを使うか、Sitecoreデバイス検出データベースに基づいて[独自のルールを定義](https://doc.sitecore.com/xp/ja/developers/103/sitecore-experience-manager/create-custom-rules-for-sitecore-device-detection.html "Create custom rules for Sitecore Device Detection")できます。
    
    ![Define your own rules](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/103/sitecore-experience-manager/images/DefineYourOwnRules.png)
    
4.  **Rule Set Editor**を使ってデバイスを検出するルールを指定します。例えば、ファブレット用の特別なレイアウトを定義したい場合もあります。もしPhabletを、対角線で5.5インチから6.99インチのスマートフォンと定義すると、次のようにルールを設定できます:
    
    ![Rule Set Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/103/sitecore-experience-manager/images/RuleSetEditor.png)
    
5.  デバイスタイプを定義した後、その特定のデバイス向けに [ページレイアウトをどのように](https://doc.sitecore.com/xp/en/users/104/sitecore-experience-platform/edit-the-layout-of-an-item.html) レンダリングするか設定できます。