社外秘X Cognitoが大型アップデート！ Managed Loginとパスワードレスログインを 実際に使ってみた 2024/11/26 しむそくRadio Special KDDIアジャイル開発センター株式会社 平井 友樹

社外秘X 1 KDDI Agile Development Center Corporation 自己紹介 平井 友樹 （Tomoki Hirai） @AllJokin KDDIアジャイル開発センター株式会社（KAG） • Webアプリエンジニア/モバイルアプリエンジニア • AWS, React, Flutter, GCPなど

社外秘X 2 KDDI Agile Development Center Corporation 1. Hosted UIに代わるManaged Loginの提供 • レスポンシブ対応した新規登録、ログイン、パスワードリセット画面などが提供 • ビジュアルエディタによるデザイナーによるノーコードの画面カスタマイズが可能 Amazon Cognito introduces Managed Login to support rich branding for end user journeys

社外秘X 3 KDDI Agile Development Center Corporation 2. パスワードレスログインの対応 • 生体認証、パスキー、EmailとSMSによるパスワードレスログイン • WebAuthnの仕様を理解していなくても導入が可能 Amazon Cognito now supports passwordless authentication for low-friction and secure logins

社外秘X 4 KDDI Agile Development Center Corporation 3. 新たなプランが追加 • 従来のLiteに加え、EssentialsとPlusが追加 • EssentialsではManaged Loginやパスワードレスログイン、Plusでは脅威検出や分析機能などが追加 Amazon Cognito now supports passwordless authentication for low-friction and secure logins

社外秘X 5 KDDI Agile Development Center Corporation Managed Loginとパスワードレスログイン について少し深掘り

社外秘X 6 KDDI Agile Development Center Corporation レスポンシブ対応したモダンなデフォルトUI 1. Hosted UIに代わるManaged Loginの提供 • サインイン/ログイン、パスワードリセット、MFA画面など PC モバイル

社外秘X 7 KDDI Agile Development Center Corporation 複数言語に対応したUI 1. Hosted UIに代わるManaged Loginの提供 • 11種類の言語に対応、ただし文言のカスタマイズはできない

社外秘X 8 KDDI Agile Development Center Corporation GUIのビジュアルエディタによる画面カスタマイズ 1. Hosted UIに代わるManaged Loginの提供 • ダークモード、背景画像やロゴ、ヘッダー・フッターのカスタマイズなどが可能

社外秘X 9 KDDI Agile Development Center Corporation GUIのビジュアルエディタによる画面カスタマイズ 1. Hosted UIに代わるManaged Loginの提供 • 各種コンポーネントのカスタマイズ

社外秘X 10 KDDI Agile Development Center Corporation 複雑な実装なしにパスワードレスログインを導入可能 2.パスワードレスログインの対応 • 従来はさまざまなサービスの利用とフロントエンドの実装も必要だったが、Cognitoだけで完結 https://github.com/aws-samples/amazon-cognito- passwordless-auth/tree/main

社外秘X 11 KDDI Agile Development Center Corporation デモ

Be a Change Leader. アジャイルに力を与え 共に成長し続ける社会を創る