ウェブの ID について学び、高度な認証システムについて学びましょう。ここでは、最新の API を使用して堅牢なシステムを構築し、ログイン、登録、ログアウトのユーザー フレンドリーなエクスペリエンスを作成する方法に関するリソースを紹介します。記事、コース、実際の成功事例をご覧ください。

認証の基本

パスワード管理やフォームの検証などのクロスプラットフォーム ブラウザ機能を使用して、安全でアクセスしやすく使いやすいログイン フォームと登録フォームを作成する方法を学びます。

HTML フォームをマスターして、ウェブ デベロッパーとしてのスキルを磨きましょう。フォームの学習コースでは、HTML フォームをわかりやすい構成に分解し、フォーム要素、フォームのスタイル設定、ユーザーによるデータの再入力のサポート、フォームのアクセスとセキュリティの確保、フォームのテストなどについて説明します。

フォームについて学びましょう。

パスキー

パスキーは、パスワードに代わる、より安全で簡単な方法です。ユーザーはデバイスの画面のロックを解除することでアカウントにログインできます。パスキーとウェブアプリへの実装方法の詳細

パスワード マネージャーとの互換性

パスワード マネージャーと統合することで、サイトやアプリをまたいだシームレスなクロスデバイス ログインと、パスワードの自動更新を実現し、ユーザーの安全とセキュリティを確保します。
ブラウザを使用すると、ユーザーはフォーム パラメータをすばやく入力でき、再入力する必要がなくなります。このモジュールでは、自動入力の仕組みと、ブラウザで適切な自動入力オプションを提供するために「autocomplete」などの要素属性を使用する方法について説明します。
詳細
/.well-known/change-password を設定してパスワード変更ページにリダイレクトし、パスワード マネージャーがユーザーを直接アクセスできるようにします。
詳細
シングル サインオンを共有するサイト（およびアプリ）では、デジタル アセット リンクを使用して、同じアカウントであることをパスワード マネージャーが認識できるようにします。
詳細

SMS ベースの 2 要素認証ユーザー エクスペリエンスの合理化

2 要素認証用の SMS OTP フォームを効率的に実装する方法を学びます。この記事では、WebOTP API と HTML フォーム要素を使用してシームレスなユーザー エクスペリエンスを実現するための、クロスブラウザのベスト プラクティスについて説明します。
詳細
SMS メッセージから OTP をプログラムで取得して、電話番号確認のユーザー エクスペリエンスを改善する方法を学びます。
詳細
WebOTP を使用すると、ユーザーはモバイルウェブサイトで電話番号の確認コードをワンタップ入力できます。パソコンでもご利用いただけます。
詳細

ID 連携

ID 連携は、個人（ユーザーまたはエンティティ）の認証または認可を信頼できる外部関係者（ID プロバイダまたは IdP）に委任します。

事例紹介

Yahoo!JAPAN では、パスワード ベースからパスワードレス認証に移行しました。
導入事例を見る
安全な認証はインドでは大きな課題であるため、Goibibo は WebOTP API を使用して、PWA へのログインを容易にしました。
導入事例を見る