---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/customization/editor-assets'
title: 'ローカルビルドでエディターを実行する | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T11:27:02+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'デフォルトでは、編集者のブラウザーはDXPR CDNからDXPR Builderエディターを読み込むため、設定は不要です。このページは、デバッグや変更のテストのためにソースからエディターをビルドする開発者向けです。最終的に、エディターはモジュールフォルダー内のファイルから実行されます(圧縮版または可読版)。ファイアウォール内でのCDN利用については、代わりにファイアウォールとデータレジデンシーをご覧ください。'
tags:
  - 'Je huisstijl toepassen'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T11:27:02+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: ローカルビルドでエディターを実行する
      description: 'デフォルトでは、編集者のブラウザーはDXPR CDNからDXPR Builderエディターを読み込むため、設定は不要です。このページは、デバッグや変更のテストのためにソースからエディターをビルドする開発者向けです。最終的に、エディターはモジュールフォルダー内のファイルから実行されます(圧縮版または可読版)。ファイアウォール内でのCDN利用については、代わりにファイアウォールとデータレジデンシーをご覧ください。'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T11:27:02+0000'
      dateModified: '2026-10-24T11:27:02+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/customization/editor-assets'
      articleSection: 'Je huisstijl toepassen'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/customization/editor-assets'
      description: 'デフォルトでは、編集者のブラウザーはDXPR CDNからDXPR Builderエディターを読み込むため、設定は不要です。このページは、デバッグや変更のテストのためにソースからエディターをビルドする開発者向けです。最終的に、エディターはモジュールフォルダー内のファイルから実行されます(圧縮版または可読版)。ファイアウォール内でのCDN利用については、代わりにファイアウォールとデータレジデンシーをご覧ください。'
      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
---
[Help Center](/ja/node/75)/[Documentation](/ja/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Je huisstijl toepassen](/hc/documentation/learn-dxpr-builder/customization) # ローカルビルドでエディターを実行する.

 Learn DXPR BuilderManage the siteJe huisstijl toepassen

   ## In this guide

 Related guides

- [パフォーマンス](/ja/hc/documentation/learn-dxpr-builder/advanced/performance)
- [エディターが表示されない](/ja/hc/documentation/learn-dxpr-builder/troubleshooting/editor-not-loading)

デフォルトでは、編集者のブラウザーはDXPR CDNからDXPR Builderエディターを読み込むため、設定は不要です。このページは、デバッグや変更のテストのためにソースからエディターをビルドする開発者向けです。最終的に、エディターはモジュールフォルダー内のファイルから実行されます(圧縮版または可読版)。ファイアウォール内でのCDN利用については、代わりに[ファイアウォールとデータレジデンシー](/hc/documentation/learn-dxpr-builder/getting-started/behind-a-firewall)をご覧ください。

## 始める前に

- DXPR Builderのgitチェックアウト(Nodeパッケージのインストール済み)が必要です。drupal.orgからのリリースにはローカルビルドが含まれていません。
- 必要な権限は**Administer DXPR Builder configuration**です。

## セットアップ

1. モジュールフォルダーで`npx grunt build`を実行します。エディターが`dxpr_builder/`に書き込まれます(圧縮版と非圧縮版)。
2. 開くのは**DXPR Studio** > **DXPR Builder** > **General Settings** (`/admin/dxpr_studio/dxpr_builder/settings`)です。
3. 展開するのは**Editor Assets**です。このセクションはローカルビルドが存在する場合にのみ表示されます。
4. 選択肢は**Asset source**配下にあり、**Local (minified)**または**Local (unminified)**を選びます。
5. 最後に**Save settings**をクリックします。

## 表示内容

ビルダーでページを再読み込みします。ブラウザーは自サイトのモジュールの`dxpr_builder/`フォルダーからエディタースクリプトを読み込むようになり、CDNリクエストに付く`jwt`パラメーターは付きません。**Local (unminified)**は可読版の`.js`ファイルを、**Local (minified)**はサイズの小さい`.min.js`ファイルを読み込みます。

## 設定

| オプション | 読み込まれるもの | 用途 |
|---|---|---|
| **Cloud**(デフォルト) | エディターの取得元は`cdn2.dxpr.com`で、フォールバックは`cdn.dxpr.com`です。プロダクトキーは各リクエストに付与されます。 | リリース版からインストールしたすべてのサイト |
| **Local (minified)** | `dxpr_builder/*.min.js`(モジュールフォルダー) | 本番環境と同様の条件でのビルドのテスト |
| **Local (unminified)** | `dxpr_builder/*.js`(モジュールフォルダー) | デバッグ |

ローカルビルドは常に**Cloud**より優先されます。**Cloud**を選択している場合、サイトは非圧縮ファイルを読み込みます(圧縮版しかない場合は圧縮版)。DXPRはリリース版向けにのみクラウドファイルを公開しているため、開発用チェックアウトではいずれにせよ利用できません。

## ローカルビルドが表示されない場合

- **Editor Assetsセクションがありません。**モジュールの`dxpr_builder/`フォルダーにビルドがありません。gitチェックアウトで`npx grunt build`を実行し、設定ページを再読み込みします。
- **Localオプションが1つしか表示されません。**圧縮版または非圧縮版のファイルしか存在しません。完全な`npx grunt build`を実行すると、両方が書き込まれます。
- **Cloudを選択しているのにローカルファイルが読み込まれる。**ビルドが存在する間は仕様です。`dxpr_builder.js`と`dxpr_builder.min.js`を`dxpr_builder/`から削除し、`/admin/config/development/performance`でキャッシュをクリアします。
- **エディターが表示されず、`cdn2.dxpr.com`へのリクエストが失敗する。**ファイアウォールまたはコンテンツセキュリティポリシーがCDNをブロックしています。両方のCDNホストを許可します。詳しくは[ファイアウォールとデータレジデンシー](/hc/documentation/learn-dxpr-builder/getting-started/behind-a-firewall)をご覧ください。

## 次のステップ

- [パフォーマンス](/hc/documentation/learn-dxpr-builder/advanced/performance#editor-asset-source)：各ソースが読み込む内容と、その背後にある設定キー。
- [エディターが表示されない](/hc/documentation/learn-dxpr-builder/troubleshooting/editor-not-loading)：エディターが起動しないその他の原因。