JSConf JP

maxmellon (Kento TSUJI)

maxmellon (Kento TSUJI)

東急株式会社で Web Frontend エンジニアをしています。TOKYU ID などの開発に従事しています。

Track B (3F 301)
14:20-14:50(30 min)

リアルアセットとWebのシームレスな活用のためのパスキー

  • Japanese

東急グループでは、スーパー、ホテル、不動産などの様々なリアルアセットを抱えており、その中の一つの鉄道領域では Web 上で乗車券を購入し、QR コード をかざして改札を通るサービスがあります。 人が行き交う改札口では、スムーズに QR コードを提示する必要があるため、2要素認証にかける時間を減らす必要がありました。 また、一般的な Web サービスと異なり利用するユーザーの幅が非常に広いです。 さまざまな方に利用していただくために、迅速なログインの実現を目指してパスキーをはじめとした以下の工夫を導入した事例を紹介します。

  • あえて passkey autofill をしないという選択 - above the fold で表示する UI のスコープのこだわり - アクセサビリティ (WCAG) - ユーザーネームファースト - 帯域が確保できない環境で動かすための工夫