> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# LoginPassword
> Universal Login の `login-password` 画面をカスタマイズするために利用できる、すべてのプロパティとメソッドについて説明します。
LoginPassword クラスは、`login-password` 画面の機能を実装します。この画面では、ユーザーの識別子とパスワードを入力します。
## コンストラクター
LoginPassword 画面マネージャーのインスタンスを作成します。
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.login({
username: "testUser",
password: "testPassword"
});
```
## プロパティ
BrandingMembers}>
ブランディングテーマや設定など、ブランディング関連の構成情報を提供します。
ClientMembers}>
`login-password` 画面の `id`、`name`、`logoUrl` など、クライアント関連の構成情報を提供します。
OrganizationMembers}>
`id` や `name` など、ユーザーの組織に関する情報を提供します。
PromptMembers}>
認証フロー内の現在のプロンプトに関するデータを含みます。
ScreenMembersOnLoginPassword}>
構成やコンテキストを含む、`login-password` 画面固有の詳細を含みます。
TenantMembers}>
`id` や関連するメタデータなど、テナントに関するデータを含みます。
TransactionMembersOnLoginPassword}>
アクティブな識別子やフローの状態など、`login-password` 画面に固有のトランザクションデータを提供します。
UntrustedDataMembers}>
ログイン時のユーザー入力など、SDK に渡される信頼できないデータを扱います。
UserMembers}>
`username`、`email`、`roles` など、現在のユーザーの詳細です。
## メソッド
このメソッドは、Universal Login ページの表示言語を変更します。
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.changeLanguage({
language: 'fr',
});
```
**メソッドパラメーター**
[LanguageChangeOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions)。
変更先の言語のロケールコードです (例: `'en'`、`'fr'`、`'es'`) 。
`'session'` に設定すると、選択した言語はセッション中保持されます。
`ulp-` で始まる追加のカスタムフィールドです (例: `'ulp-custom-field'`) 。
このメソッドは、認証のためにユーザーをソーシャルまたはエンタープライズのIDプロバイダー (IdP) にリダイレクトします。
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.federatedLogin({
connection: "google-oauth2"
});
```
**メソッドパラメーター**
[FederatedLoginPayloadOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/FederatedLoginPayloadOptions)。
使用するソーシャル接続の名前です。
Error[]}>
このメソッドは、コンテキストからトランザクションエラーの配列を取得します。エラーが存在しない場合は、空の配列を返します。
このメソッドは、識別子と指定されたパスワードを使用してユーザーを認証します。
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.login({
username: "testUser",
password: "testPassword"
});
```
**メソッドパラメーター**
[LoginPayloadOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/LoginPayloadOptions)。
ユーザーの識別子です。
ユーザーのパスワードです。
キャプチャのcode、またはキャプチャプロバイダーからのレスポンスです。Auth0 テナントで [Bot Detection](/ja/docs/secure/attack-protection/bot-detection) が有効になっている場合、このプロパティは必須です。
`ulp-` で始まる追加のカスタムフィールドです (例: `'ulp-custom-field'`) 。
このメソッドは、データベース接続 (パスワード) とパスワードレス接続 (メールアドレス/SMS OTP) を切り替えます。
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.switchConnection({
connection: "email"
});
```
**メソッドパラメーター**
[SwitchConnectionOptionsLoginPassword](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/SwitchConnectionOptionsLoginPassword)。
切り替え先の接続名です。パスワードレスには `'email'` または `'sms'` を使用し、パスワードベースの認証には DB 接続名を使用します。
`ulp-` で始まる追加のカスタムフィールドです (例: `'ulp-custom-field'`) 。