ID
ウェブの ID について学び、高度な認証システムについて学びましょう。ここでは、最新の API を使用して堅牢なシステムを構築し、���グイン、������、ログアウトのユーザー フレンドリーなエクスペリエンスを作成する方法に関するリソースを紹介します。記事、コース、実際の成功事例をご覧ください。
認証の基本
パスワード管理やフォームの検証などのクロスプラットフォーム ブラウザ機能を使用して、安全でアクセスしやすく使いやすいログイン フォームと登録フォームを作成する方法を学びます。
HTML フォームを初めて使用する場合は、
HTML フォームをマスターして、ウェブ デベロッパーとしてのスキルを磨きましょう。フォームの学習コースでは、HTML フォームをわかりやすい構成に分解し、フォーム要素、フォームのスタイル設定、ユーザーによるデータの再入力のサポート、フォームのアクセスとセキュリティの確保、フォームのテストなどについて説明します。
パスキー
パスキーは、パスワードに代わる、より安全で簡単な方法です。ユーザーはデバイスの画面のロックを解除することでアカウントにログインできます。パスキーとウェブアプリへの実装方法の詳細
ウェブアプリにパスキーを追加する
サーバーサイド ガイド
パスワード マネージャーとの互換性
パスワード マネージャーと統合することで、サイトやアプリをまたいだシームレスなクロスデバイス ログインと、パスワードの自動更新を実現し、ユーザーの安全とセキュリティを確保します。
自動入力
ブラウザを使用すると、ユーザー��フォーム パラメータをすばやく入力でき、再入力する必要がなくなります。このモジュールでは、自動入力の仕組みと、ブラウザで適切な自動入力オプションを提供するために「autocomplete」などの要素属性を使用する方法について説明します。
パスワードを簡単に変更する
/.well-known/change-password を設定してパスワード変更ページにリダイレクトし、パスワード マネージャーがユーザーを直接アクセスできるようにします。
サイトとアプリをリンクして認証情報をシームレスに共有する
シングル サインオンを共有するサイト(およびアプリ)では、デジタル アセット リンクを使用して、同じアカウントであることをパスワード マネージャーが認識できるようにします。
SMS ベースの 2 要素認証ユーザー エクスペリエンスの合理化
SMS OTP フォームのベスト プラクティス
2 要素認証用の SMS OTP フォームを効率的に実装する方法を学びます。この記事では、WebOTP API と HTML フォーム要素を使用してシームレスなユーザー エクスペリエンスを実現するための、クロスブラウザのベスト プラクティスについて説明します。
WebOTP API を使用してウェブ上で電話番号を確認する
SMS メッセージから OTP をプログラムで取得して、電話番号確認のユーザー エクスペリエンスを改善する方法を学びます。
WebOTP API を使用してパソコンで電話番号を確認する
WebOTP を使用すると、ユーザーはモバイルウェブサイトで電話番号の確認コードをワンタップ入力できます。パソコンでもご利用いただけます。
ID 連携
ID 連携は、個人(ユーザーまたはエン��ィティ)の認証または認可を信頼できる外部関係者(ID プロバイダまたは IdP)に委任します。
Google での連携について
事例紹介
Yahoo! JAPAN、パスワード不要の認証で問い合わせが 25% 減少し、ログイン時間が 2.6 倍に短縮
Yahoo!JAPAN では、パスワード ベースからパスワードレス認証に移行しました。
Goibibo: WebOTP により登録時の OTP 再試行が 25% 減少
安全な認証はインドでは大きな課題であるため、Goibibo は WebOTP API を使用して、PWA へのログインを容易にしました。