> ## Documentation Index
> Fetch the complete documentation index at: https://auth0.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Lockの国際化
> Lock v11は複数の言語をサポートしており、それ以外のカスタム言語ファイルの追加と、Lockウィジェットに表示される特定のテキスト値のカスタマイズも可能です。
export const AuthCodeBlock = ({filename, icon, language, highlight, children}) => {
const [processedChildren, setProcessedChildren] = useState(children);
useEffect(() => {
let unsubscribe = null;
function init() {
unsubscribe = window.autorun(() => {
let processedChildren = children;
for (const [key, value] of window.rootStore.variableStore.values.entries()) {
processedChildren = processedChildren.replace(new RegExp(key, "g"), value);
}
setProcessedChildren(processedChildren);
});
}
if (window.rootStore) {
init();
} else {
window.addEventListener("adu:storeReady", init);
}
return () => {
window.removeEventListener("adu:storeReady", init);
unsubscribe?.();
};
}, [children]);
return
{processedChildren}
;
};
Lockの言語は、`language`構成オプションを使用して変更できます。これにより、対応する言語ファイルがLockの`i18n`ディレクトリから取得されます。
## 提供言語
[i18nディレクトリ](https://github.com/auth0/lock/blob/master/src/i18n/)の言語ファイルをご覧ください。
## 言語オプションを設定する
以下の例を使用するには、まずページにLockを含める必要があります。
``
次に、`options`オブジェクトを定義して`language`オプションを含めます。`language`オプションは、[Lock内](https://github.com/auth0/lock/tree/master/src/i18n)の`i18n`ディレクトリにある対応するファイルの名前と一致する文字列でなければなりません。その後、Lockをインスタンス化します。
export const codeExample1 = `// Select a supported language
var options = {
language: 'es'
};
// Initiating our Auth0Lock
var lock = new Auth0Lock(
'{yourClientId}',
'{yourDomain}',
options
);`;
Lockの翻訳データは、さまざまな翻訳を表すキー/値ペアのある言語ファイルから取得されます。一部の言語に欠落している値があり、その場合は「`language does not have property `（言語にプロパティがありません）」という警告が表示されます。このように欠落している値に遭遇した場合は、追加するためにぜひ[プル要求](https://github.com/auth0/lock/tree/master/src/i18n)を提出してください。もしくは、Lockの`options`で欠落している値を定義することもできます（下記参照）。
## 辞書の用語を置き換える
さらに、独自の辞書項目を`languageDictionary`オプションを使ってカスタマイズすることも可能です。この機能は、サポートされている言語を使用しつつ、いくつかの項目の文言を変更したい場合に便利です。たとえば、ユーザーに表示される`title`、あるいはその他のラベルの言葉を変更して、ウィジェットのそれ以外のテキストはそのまま使いたい場合です。
export const codeExample2 = `// Customize some languageDictionary attributes
var options = {
languageDictionary: {
emailInputPlaceholder: "something@youremail.com",
title: "Log me in"
},
};
// Initiating our Auth0Lock
var lock = new Auth0Lock(
'{yourClientId}',
'{yourDomain}',
options
);`;
利用できる`languageDictionary`プロパティの例と、`language`ファイルの構造化の方法については、「[Lockの英語辞書ファイル](https://github.com/auth0/lock/blob/master/src/i18n/en.js)」を参照してください。
文字列値（URL）を取る`languageBaseUrl`オプションは、Auth0が提供する翻訳の言語ソースURLをオーバーライドします。デフォルトでは、提供言語の翻訳が保存されている場所、Auth0のCDN URL `https://cdn.auth0.com`を使用します。ここに別の値を入力すると、アプリケーションの必要に応じて言語翻訳に独自のソースを使用することができます。言語ソースはJavaScriptファイルでなければなりません。