> ## 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.
# LoginId
## コンストラクター
LoginIdManager のインスタンスを作成します。
## プロパティ
BrandingMembers } />
ClientMembers } />
OrganizationMembers } />
PromptMembers } />
ScreenMembersOnLoginId } />
TenantMembers } />
TransactionMembersOnLoginId } />
UntrustedDataMembers } />
UserMembers } />
## メソッド
```ts Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
// alternateConnections が利用可能で、少なくとも 1 件以上含まれているかを確認します
if (!loginIdManager.transaction.alternateConnections) {
console.error('No alternate connections available.');
}
// 利用可能な最初の接続を選択します（ユーザーは利用可能な任意の接続を選択できます）
const selectedConnection = alternateConnections[0];
// デバッグまたは情報提供の目的で、選択された接続をログに記録します
console.log(`Selected connection: ${selectedConnection.name}`);
// 選択した接続を使用してフェデレーションによるログインを実行します
loginIdManager.federatedLogin({
connection: selectedConnection.name,
});
```
FederatedLoginOptions }>
**プロパティ**
Error []}>
コンテキストからトランザクションエラーの配列を取得します。存在しない場合は空の配列を返します。
ScreenIdentifierType []}>
**`Utility Feature`**
ログイン画面のアクティブな識別子タイプを取得します。
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
```
```ts Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.login({
username:
});
```
LoginOptions }>
**プロパティ**
```ts Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
// 内部的に、Auth0 サーバーから提供されるユーザーの利用可能なパスキー設定をマッピングします
loginIdManager.passkeyLogin();
```
CustomOptions } />
```ts Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.pickCountryCode();
```
CustomOptions } />
### パスキー
**`Utility Feature`**
ブラウザーのパスキー用 Conditional UI（オートコンプリートエクスペリエンス）を登録します。
このメソッドは、`navigator.credentials.get()` を `mediation: "conditional"` とともに使用して、受動的な WebAuthn 認証情報リクエストを初期化します。対応している場合、ブラウザーは保存済みのパスキーをユーザー名フィールドのオートコンプリートドロップダウン内に直接表示できるようになります。
このメソッドは、ログイン画面が初期化されるとき（たとえばページロード時）に **1 回だけ** 呼び出してください。登録後は、ユーザー名入力欄にフォーカスすると、一致するパスキーが候補として自動的に表示されます。パスキーを選択すると、追加のユーザー操作を行うことなく認証が完了します。
### 入力の設定
`inputId` が指定されている場合、SDK は次のことを行います。
* 要素が存在し、`
### 注意点
* `autocomplete` 属性の値は、**必ず厳密に** `"webauthn username"` でなければなりません。
`"email"` や `"text"` のような無関係なトークンを含めると、ブラウザーがパスキーのドロップダウンを表示しなくなります。
* この属性を上書きするのは意図された動作であり、ブラウザー間で一貫した挙動を得るために必要です。既存の autocomplete の値をマージしたり拡張したりすることに依存しないでください。
* ブラウザーが Conditional Mediation をサポートしていない場合、ソフトウェア開発キット (SDK) は安全に何も行わずに終了します (no-op)。
#### パラメーター
`string`
ユーザー名の `
```ts Example theme={null}
import LoginId from '@auth0/auth0-acul-js/login-id';
// 例: 非同期セットアップブロック内でパスキーのオートコンプリートを初期化します。
async function initializeLogin() {
const loginId = new LoginId();
// 関連するHTML input要素が存在することを確認してください:
// 
```ts Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
```