---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-simple-demo'
title: 'デモページでDXPR Builderを試す | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:17:58+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: '自分のページを作る前に、完成済みのページでDXPR Builderを試します。ホスト型デモ、DXPR CMS付属のデモページ、テストサイト向けのQAデモレシピの3つがあります。単独の「simple demo」パッケージはなく、このページで3つすべて説明します。'
tags:
  - 'Install and update'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'デモページでDXPR Builderを試す'
      description: '自分のページを作る前に、完成済みのページでDXPR Builderを試します。ホスト型デモ、DXPR CMS付属のデモページ、テストサイト向けのQAデモレシピの3つがあります。単独の「simple demo」パッケージはなく、このページで3つすべて説明します。'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:17:58+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-simple-demo'
      articleSection: インストールと更新
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-simple-demo'
      description: '自分のページを作る前に、完成済みのページでDXPR Builderを試します。ホスト型デモ、DXPR CMS付属のデモページ、テストサイト向けのQAデモレシピの3つがあります。単独の「simple demo」パッケージはなく、このページで3つすべて説明します。'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[ここから始める](/ja/hc/documentation/learn-dxpr-builder/start-here) /[インストールと更新](/ja/hc/documentation/learn-dxpr-builder/start-here/install) # デモページでDXPR Builderを試す.

 DXPR Builderを学ぶここから始めるインストールと更新

   ## このガイドの内容

 関連ガイド

- [最初のページを作る](/ja/hc/documentation/learn-dxpr-builder/getting-started/first-page)
- [DXPR CMSで新しいサイトを始める](/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)
- [テンプレートからページをはじめる](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates)

自分のページを作る前に、完成済みのページでDXPR Builderを試します。ホスト型デモ、DXPR CMS付属のデモページ、テストサイト向けのQAデモレシピの3つがあります。単独の「simple demo」パッケージはなく、このページで3つすべて説明します。

| やりたいこと | 使うもの | 必要なもの |
|---|---|---|
| 何もインストールせずにエディターを試す | [ホスト型デモ](#the-hosted-demo) | ブラウザー |
| サンプルページ付きの本物のサイトを始める | [DXPR CMSデモページ](#dxpr-cms-demo-pages) | 新しいDXPR CMSサイト |
| 開発サイトで全エレメントを確認する | [QAデモレシピ](#apply-the-qa-demo-recipe) | DXPR CMSの開発サイト |

## ホスト型デモ

[try.dxpr.com](https://try.dxpr.com/)はモジュールREADMEからリンクされるライブデモです。自分の側にインストールは不要です。デモは利用中アクティブで、6時間操作なしで削除されるため、作業の保管には使いません。

## DXPR CMSデモページ

DXPR CMSはインストール中に3つのLanding Pageアイテム（**Home**、**Page**、**Contact Us**）をインポートします。`/home`をフロントページにし、コンテンツ管理者、サイトビルダー、コンテンツ編集者ロールに**Edit with DXPR Builder**を付与します。[DXPR CMSで新しいサイトを始める](/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)の手順をご覧ください。単独のデモ手順はありません。

## QAデモレシピの適用

モジュールには`recipes/dxpr_builder_qa_demo`のDrupalレシピ（**DXPR Builder QA Demo Content**）が含まれます。`dxpr_builder_block`をインストールし、フロントページを`/tour`にして75のLanding Pageアイテムをインポートします。それらが使うブロック、メディア、ファイル、メニューリンクも付いてきます。各ページは1つの機能を示します。エレメント、セクション背景、Drupalブロックとビュー、テンプレート、翻訳です。

デモページには、DXPR CMSと同様の**Landing Page**コンテンツタイプと`field_content`フィールド、**Image**メディアタイプが必要です。レシピは開発サイトに適用し、本番には適用しません。フロントページが置き換わります。

1. プロジェクトルートからレシピを適用します。モジュールの場所が違う場合はパスを調整します。

    ```bash
    drush recipe:apply web/modules/contrib/dxpr_builder/recipes/dxpr_builder_qa_demo

    ```
2. キャッシュを再構築します。

    ```bash
    drush cache:rebuild

    ```
3. サイトのフロントページを開きます。

## 表示内容

フロントページには**Tour**ページが表示され、「Meet DXPR Builder」で始まります。**Edit with DXPR Builder**を持つアカウントでログインし、デモページにカーソルを合わせてコントロールバーを表示します。エレメントの**More**を開いて**Settings**を選ぶと、設定内容がわかります。デモページは通常のコンテンツです。**Content**で編集、非公開、削除ができます。

## デモページが表示されない場合

- **レシピがインポート前にエラーで止まる。** サイトにデモページが使うLanding PageコンテンツタイプやImageメディアタイプがありません。DXPR CMSサイトにレシピを適用します。
- **Drushが「recipe:apply」コマンド未定義と出す。** レシピにはDrupal 10.3以降が必要です。Drupalコアを更新してからレシピを再適用します。
- **フロントページが古いホームページのままになっている。** ページキャッシュが残っています。`drush cache:rebuild`を実行して再読み込みします。
- **デモページにコントロールバーが出ない。** ロールに**Edit with DXPR Builder**がありません。**People** > **Permissions**（`/admin/people/permissions`）で付与します。

## 次のステップ

- [最初のページを作る](/ja/hc/documentation/learn-dxpr-builder/getting-started/first-page)：一から、またはテンプレートから自分のページを作ります。
- [DXPR CMSで新しいサイトを始める](/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)：DXPR CMSの完全なインストールを確認できます。
- [ページテンプレート](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates)：デモコンテンツではなくテンプレートから新しいページを始めます。