Skip to content

多要素認証ページの画像更新 + リファクタリング#1836

Open
haxibami wants to merge 22 commits intomasterfrom
202601-mfa-refactor
Open

多要素認証ページの画像更新 + リファクタリング#1836
haxibami wants to merge 22 commits intomasterfrom
202601-mfa-refactor

Conversation

@haxibami
Copy link
Member

@haxibami haxibami commented Feb 3, 2026

多要素認証のページ全体の手入れです、主な内容は以下の通りです

手順の修正

  • 古くなっていた手順画像を更新し、文言を修正しました

画像の共通化と <ArrowOverlay> コンポーネントの使用

  • <ArrowOverlay> コンポーネントを使ってスクリーンショットに矢印を付けることで、複数の本人確認方法の説明で同じ画像を使い回せるようにしました
    • これにより今後の画像更新の手間が減り、更新漏れも少なくなります

<AltAddMethod> コンポーネントの幅広い使用

  • <AltAddMethod> コンポーネントを、できるだけ多くの場面で使うようにしました

認証アプリを使う手順のコンポーネント化

  • 認証アプリを使う手順のうち、QRコードを表示させる段階までは、Yubico Authenticatorを使う手順と重複していたため、<ShowQr> コンポーネントに集約しました

他の本人確認方法を使う手順のコンポーネント化

  • デフォルトの本人確認方法からほかの方法に切り替えるための手順説明が複数の箇所で記述されており、記述にも揺れがあったため、<SigninAnotherMethod> コンポーネントに集約しました

TODO(このPRのマージ後に行うこと)

  • 一つ目の本人確認方法の登録手順についても、画像を更新する
  • 英語版も更新する
  • パスキーの登録手順も案内する

@github-actions
Copy link

github-actions bot commented Feb 3, 2026

🚀 Deployed on https://deploy-preview-1836--utelecon.netlify.app

@haxibami haxibami marked this pull request as ready for review February 3, 2026 06:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant