ログイン画面を Passkeyに対応してみた - Fenrir Engineers

こんにちは。ウェブエンジニアのダービスです。 こちらの記事では Passkey 対応の具体的な実装に関して記載します。パスキーはそもそも何であるかについては こちらの記事を参照してください。 勉強に使っていたソースコードはこちらのチュートリアルです。チュートリアルでは WebAuthn のクレデンシャルをローカルストレージで保管する実装となります。Passkey のメリット（クラウドからキーを取得するや他のデバイスからキーを渡す）は考慮されていませんでしたのでそちらは別途対応しました。 実装のサンプル(上記のチュートリアル) ソースコード https://glitch.com/edit/#!/terrific-automatic-albertosaurus デモ https://terrific-automatic-albertosaurus.glitch.me/ 対応手順 以下のソースコ