maxmellon (Kento TSUJI)
東急株式会社で Web Frontend エンジニアをしています。TOKYU ID などの開発に従事しています。
14:2014:50(30 min)
リアルアセットとWebのシームレスな活用のためのパスキー
- Japanese
東急グループでは、スーパー、ホテル、不動産などの様々なリアルアセットを抱えており、その中の一つの鉄道領域では Web 上で乗車券を購入し、QR コード をかざして改札を通るサービスがあります。 人が行き交う改札口では、スムーズに QR コードを提示する必要があるため、2要素認証にかける時間 を減らす必要がありました。 また、一般的な Web サービスと異なり利用するユーザーの幅が非常に広いです。 さまざまな方に利用していただくために、迅速なログインの実現を目指してパスキーをはじめとした以下の工夫を導入した事例を紹介します。
- あえて passkey autofill をしないという選択
- above the fold で表示する UI のスコープのこだわり
- アクセサビリティ (WCAG)
- ユーザーネームファースト
- 帯域が確保できない環境で動かすための工夫