ワンタイムパスワード(OTP)のベストプラクティスじゃない入力フォームに出会う - hogashi.*

こんにちは、 id:hogashi です。 masawada Advent Calendar 2022 - Adventar の 2日目です。 目次 目次 OTP 入力フォーム まずベストプラクティスを見る それでは本題です ちなみに ちなみに2 むすび OTP 入力フォーム なぜか id:masawada さんとたまにワンタイムパスワード (OTP) の話をする印象があります。偶然生成された「ホホンドホド」という文字列*1が TOTP で出そうな見た目じゃん、とか。 最近もまた微妙に使いづらい入力フォームに出会いました。そこで、世に存在するベストプラクティスとそれに沿わないフォームを見て、ベストたる所以をなんとなく感じてみる回をお送りします。結果的に GitHub がなんかむずい感じになっているという記事になりましたが、もちろん各サービスそれぞれ良いと思ってやっているはずなのであくまで個

[tmatsuu]

へーベストプラクティス知らなかった。autocomplete="one-time-code"なんてあるのね

[sho]

あー、そうそう。GitHubのOTP入力フォームはマジでクソ。あんなにUXにうるさい会社であれが通っちゃうの、ちょっと信じられない

[honma200]

へー前のボタン押したまま次のボタン押すとkeydown出ないんだ。data-nextってなんだろうと思ったらdata-*って言ってCSSとかJavaScriptにそのまんま渡せるんだ

[hinaloe]

あっれ〜CLIの認証でペーストできない！みたいな不便な思いした記憶ないな……普通にペーストできてたか……それともコードがPrefillされるリンク踏んでたからか？

[mizdra]

自動送信、1文字ずつ手入力する時は不便だけど、パスコードまるごとペーストする時は間違えようないし、逆にありがたいなーと思ってる。ペースト時かつ、文字数が合ってる時のみ発動するようになってると良さそう。