Eiji Kitamura / えーじ's banner

Eiji Kitamura / えーじ

@agektmr • 12,684 subscribers

@Google Chrome Identity & Authentication Advocacy Lead - Password Managers, Passkeys, Identity Verification, Identity Federation, Digital Credentials, etc

Shorts

Email Verification API/Protocol を使うと、メールを送信、リンクをクリックというステップをスキップして、一瞬でメールアドレスの確認が完了します。このスピード感。

Email Verification API/Protocol を使うと、メールを送信、リンクをクリックというステップをスキップして、一瞬でメールアドレスの確認が完了します。このスピード感。

87,478 görüntüleme

ログイン画面に遷移しないでログインできる？旅行サイトやECサイトなどの決済時や「いいね」を押したタイミングなど、必要に迫られてログインページに遷移することがあります。アカウントがあるなら、その場でログインしてそのままアクションできたら楽なのに、と思ったことありませんか？そこで有効なのが、ページ遷移の直前にパスキーや保存済みパスワードを使ってログインできる "Immediate UI mode" です。新しく公開したUXガイドでは、ヘッダーのログインリンク、ECのチェックアウト、いいね等のマイクロアクション、ペイウォール解除という4つの推奨UXパターンに加え、使用を避けるべきアンチパターンを解説しています。現時点ではChromeのみの対応でBaselineには含まれていませんが、getClientCapabilities() で機能検出を行うことで、他ブラウザやシークレットモードの既存導線を損なわない安全なプログレッシブエンハンスメントとして導入できます。設計の参考にぜひご覧ください。

ログイン画面に遷移しないでログインできる？旅行サイトやECサイトなどの決済時や「いいね」を押したタイミングなど、必要に迫られてログインページに遷移することがあります。アカウントがあるなら、その場でログインしてそのままアクションできたら楽なのに、と思ったことありませんか？そこで有効なのが、ページ遷移の直前にパスキーや保存済みパスワードを使ってログインできる "Immediate UI mode" です。新しく公開したUXガイドでは、ヘッダーのログインリンク、ECのチェックアウト、いいね等のマイクロアクション、ペイウォール解除という4つの推奨UXパターンに加え、使用を避けるべきアンチパターンを解説しています。現時点ではChromeのみの対応でBaselineには含まれていませんが、getClientCapabilities() で機能検出を行うことで、他ブラウザやシークレットモードの既存導線を損なわない安全なプログレッシブエンハンスメントとして導入できます。設計の参考にぜひご覧ください。

11,622 görüntüleme

パスキーを導入しても、ユーザーに作成を促すタイミングで離脱したり、デバイス間の同期ずれでサインインできなくなったりする課題、ありませんか。 Adidas の事例では、Conditional Createを使ってパスワード認証後にサイレントにパスキーを作成し、Signal API でデバイスとサーバーのクレデンシャルの状態を同期させることで、サインイン成功率を 70% 台から 99% 以上に改善しています。

パスキーを導入しても、ユーザーに作成を促すタイミングで離脱したり、デバイス間の同期ずれでサインインできなくなったりする課題、ありませんか。 Adidas の事例では、Conditional Createを使ってパスワード認証後にサイレントにパスキーを作成し、Signal API でデバイスとサーバーのクレデンシャルの状態を同期させることで、サインイン成功率を 70% 台から 99% 以上に改善しています。

17,961 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

ログイン画面に遷移しないでログインできる？旅行サイトやECサイトなどの決済時や「いいね」を押したタイミングなど、必要に迫られてログインページに遷移することがあります。アカウントがあるなら、その場でログインしてそのままアクションできたら楽なのに、と思ったことありませんか？そこで有効なのが、ページ遷移の直前にパスキーや保存済みパスワードを使ってログインできる "Immediate UI mode" です。新しく公開したUXガイドでは、ヘッダーのログインリンク、ECのチェックアウト、いいね等のマイクロアクション、ペイウォール解除という4つの推奨UXパターンに加え、使用を避けるべきアンチパターンを解説しています。現時点ではChromeのみの対応でBaselineには含まれていませんが、getClientCapabilities() で機能検出を行うことで、他ブラウザやシークレットモードの既存導線を損なわない安全なプログレッシブエンハンスメントとして導入できます。設計の参考にぜひご覧ください。

ログイン画面に遷移しないでログインできる？旅行サイトやECサイトなどの決済時や「いいね」を押したタイミングなど、必要に迫られてログインページに遷移することがあります。アカウントがあるなら、その場でログインしてそのままアクションできたら楽なのに、と思ったことありませんか？そこで有効なのが、ページ遷移の直前にパスキーや保存済みパスワードを使ってログインできる "Immediate UI mode" です。新しく公開したUXガイドでは、ヘッダーのログインリンク、ECのチェックアウト、いいね等のマイクロアクション、ペイウォール解除という4つの推奨UXパターンに加え、使用を避けるべきアンチパターンを解説しています。現時点ではChromeのみの対応でBaselineには含まれていませんが、getClientCapabilities() で機能検出を行うことで、他ブラウザやシークレットモードの既存導線を損なわない安全なプログレッシブエンハンスメントとして導入できます。設計の参考にぜひご覧ください。

Eiji Kitamura / えーじ

11,622 görüntüleme • 26 gün önce

Chrome DevToolsにリクエスト個別のスロットリング(Individual Request Throttling)が登場。ページ全体を遅くすることなく、特定のAPIや画像のレスポンスだけを遅くすることができます。設定は"Request Conditions"で一括管理でき、ワイルドカードによるパターン指定も可能。

Chrome DevToolsにリクエスト個別のスロットリング(Individual Request Throttling)が登場。ページ全体を遅くすることなく、特定のAPIや画像のレスポンスだけを遅くすることができます。設定は"Request Conditions"で一括管理でき、ワイルドカードによるパターン指定も可能。

Eiji Kitamura / えーじ

10,938 görüntüleme • 9 ay önce

Daha fazla içerik yok.