本文へ移動

§04-08Auth

Sign in with Google one-tap

画面上部の小さな案内から一度の操作でログインする。

新規登録やログインの入力を省き、離脱を減らす。アカウント作成の手間が障壁になる閲覧中心のサービスに向く。

実装のポイント

公式の Identity Services スクリプトが iframe でプロンプトを描画し、返却された ID トークンをサーバーで検証する。閉じた後は一定期間抑制する。

特徴
  • モック
デモで使っているもの
  • lucide-react

このパターンが効く目的