Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

WebAuthn はFIDO2標準に基づく認証APIで、パスキー・指紋・顔認証などを利用したパスワードレス認証を実現します。

対応ブラウザ

デスクトップ

Chrome 67+
Edge 18+
Safari 13+
Firefox 60+

モバイル

Chrome Android 70+
Safari iOS 13+
Firefox Android 92+

基本構文

JAVASCRIPT
const credential = await navigator.credentials.create({
  publicKey: {
    challenge: new Uint8Array(32),
    rp: { name: 'Example' },
    user: { id: new Uint8Array(16), name: 'user@example.com', displayName: 'User' },
    pubKeyCredParams: [{ type: 'public-key', alg: -7 }]
  }
});

実務での使いどころ

  • Web authentication の活用

    Web Authentication API。パスキーや生体認証によるパスワードレス認証。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。