---
title: "テーマにECMAScript 6+を使いましょう"
slug: "use-ecmascript-6--in-your-theme"
abstract: "ECMAScript 6+のコードを動かしましょう。"
---
# テーマにECMAScript 6+を使いましょう

クロスブラウザJavaScript問題を防ぐため、SXAにはESウォッチャーが付属しています。これにより、開発者はECMAScript 6+をコードに使用でき、古いブラウザでも動作させることができます。 sourcesフォルダ内のECMAScript 6+コードは自動的にscriptsフォルダ内のファイルに変換され、古いブラウザでフォールバック機能を提供します。

ECMAScript 6+スクリプトクラスを追加するには:

1.  テーマのsourcesフォルダにECMAScript 6+コードを保存してください: Media Library/MyTheme/sources
    
    ![Add an ECMAScript 6+ class.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-ECMA-source.png)
    
2.  デフォルトのgulpタスクを開始します。ESウォッチャーは、ソースフォルダ内のECMAScript 6+コードがすべてJavaScriptコードに変換され、scriptsフォルダに保存されるように保証します。
    
    ![ECMAScript code saved as JS code in the scripts folder.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-ECMA-scripts.png)