ログイン

■ 概要

ユーザーが自身の認証情報(ユーザーネーム/パスワード)を使用してシステムにアクセスするための機能。
システム内の認証済みユーザーのみが適切な権限を持ってアクセスできるようにする。

■ 画面イメージ

• ログイン画面

• ログインエラー時

• パスワード初期設定画面

  • https://www.figma.com/design/ChBSong2OgI7NH8FlhtJJW/%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB?node-id=473-3179&t=DD97LczSPuJNt4Xn-4

• 多要素認証(MFA)画面

  • https://www.figma.com/design/ChBSong2OgI7NH8FlhtJJW/%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB?node-id=473-3153&t=gYoUqKShKs68YJxe-4

■ 項目定義

• ログイン画面

• パスワード初期設定画面

• 多要素認証(MFA)画面

■ 機能詳細

• 初期画面表示

  • ユーザー名

  • パスワード

  • ログイン ボタン

  • Googleでログイン ボタン

  • パスワードを忘れた場合 リンク

• 入力項目変更

  • 「ログイン」ボタン有効化

• 「ログイン」ボタン 押下

  • バリデーション

    • 入力に誤りがある場合はエラー表示し処理中断

  • ユーザー認証処理

  • 初回ログイン時はパスワード初期設定画面へ遷移

  • 多要素認証(MFA)設定時は多要素認証(MFA)画面画面へ遷移

• パスワード初期設定画面「決定」ボタン 押下

  • バリデーション

    • 入力に誤りがある場合はエラー表示し処理中断

    • 入力に誤りがある場合はエラー表示し処理中断

  • パスワード初期設定

• 多要素認証(MFA)画面 「決定」ボタン 押下

  • バリデーション

    • 入力に誤りがある場合はエラー表示し処理中断

  • 多要素認証(MFA)処理

• 「Googleでログイン」ボタン 押下

  • Googleログイン に遷移

• 「パスワードを忘れた場合」リンク 押下

  • パスワードリセット に遷移

■ 参考資料

https://docs.aws.amazon.com/ja_jp/cognito/latest/developerguide/managing-users-passwords.html