多要素認証(MFA)設定

■ 概要

複数の異なる要素を組み合わせた認証を行うことで、ログインのセキュリティの強化を行う。
アプリケーション認証に対応。

■ 画面イメージ

• 個人設定画面

Open

• MFA Device 設定画面

Open

• Figma

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-3152&t=R4JHBPHzMksj1OkC-4

■ 項目定義

■ 機能詳細

• 初期画面表示

  • 「QRコードを表示する」ボタン

  • シークレットキー

    • フォーカス時、ツールチップとして表示

• 「QRコードを表示する」ボタン 押下

  • QRコードを表示する

• 「MFAデバイス確認」ボタン 押下

  • バリデーション

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

  • MFAデバイスを設定

■ 参考資料

• https://chromewebstore.google.com/detail/authenticator/bhghoamapcdpbohphigoooaddinpkbai?hl=ja

• https://support.google.com/accounts/answer/1066447?hl=ja&co=GENIE.Platform%3DAndroid&oco=0

• https://support.google.com/accounts/answer/1066447?hl=ja&co=GENIE.Platform%3DiOS&oco=0

• https://www.microsoft.com/ja-jp/security/mobile-authenticator-app