HTML属性を使い、ユーザーに優しい2要素認証を実現する方法

製品 コミュニケーション メッセージング マルチチャネルのテキストメッセージとメディアメッセージの送受信を180か国以上で

[spark7]

変なハックせずにこういうの使うべきよな。/ タイトルだけ見てHTMLだけで二要素認証できる何かがあるのかと思った。

[agektmr]

情報が古いので拙書のこちらも参考に（英語だけど） https://web.dev/sms-otp-form/

[punychan]

タイトルをもっと原文に忠実に変えてほしい。「2要素認証体験を改善するためのHTML属性」

[Ho-oTo]

2要素認証なんて自前で実装しないほうが良いのでは？と思ったらTwilioの中の人が書いた記事だった。Authyのデスクトップアプリもうちょいまともにしてくれ

[naqtn]

autocomplete は MDN で共通の属性の方に説明が書いてある。見てなかった。 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

[y-kawaz]

twilioは国内で使えるSMS番号の取得ができるようにしてほしい。

[fashi]

「input type="number"」にすると頭のゼロが消されてしまうのでtextのまま「inputmode="numeric"」にする、「autocomplete="one-time-code"」でSMSコードの自動入力ができる等のノウハウ

[tkmkg8m]

<input type="text" name="token" id="token" inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code" /> / 標準化はよ

[yoshi-nkyma]

フォーム

[okishima_k]

お役立ち情報らしいのだが“Please enter the code you were sent”にどーしてももにょってしまう

[Shisama]

2要素認証のUXを良くするためのHTML属性について。inputmode属性やpattern属性を使った適切なキーボード表示、autocomplete="one-time-code"を使ったSMS経由のワンタイムパスワード入力の補助、その他のautocomplete属性値について

[diveintounlimit]

ごく普通のHTMLの書き方の話だった

[lifeisadog]

「コード入力に適切なHTML」でした

[ducktoon]

“inputmodeを利用することなく” ← 例には含まれてるので必要なのか不要なのかよくわからん

[kaiton]

こういった配慮しているサイトの好感度は増す、メールアドレス入れるのに@や.は出てくるものと出てこないものの差は大きい

[hetarechiraura]

サムネイルをシン・ゴジラのポスターと空目した。赤地の右側に黒い物体、白文字もあって…。

[rryu]

二要素認証の認証コードのinput要素の記述の仕方の話。キーボードの指定はともかくオートコンプリートはいい予感がしないのだがどうなのだろう。

[hiroomi]

twilio

[kappaseijin]

タイトルから期待したものではなかったがとても良い内容だった

[tk_musik]

ネイティブアプリでSMSで自動で通るのはSMS覗き込む権限をアプリに付与するからだよね。WEBページでそれやるのは難しくないか。ブラウザって汎用だし。

[flirt774]

LINE とかいくつかのアプリだと SMS 認証受信後に自動で認証通る仕組みがあって、ユーザー体験良いケースがある。これも親切だけど自動には勝てない

[t_motooka]

これは正しく設定したい。

[kkeisuke]

“autocomplete”

[uunfo]

inputmode pattern autocomplete=one-time-code,new-password

[Shinwiki]

標準ってなんだろうな

[kazkaz03]

“iOSとmacOSのSafariでは、この属性を利用し、SMS経由でデバイスに送信する2要素認証コードの入力をブラウザから促すことができます”

[respectbookmark]

よき。

[iwtn]

良い記事。特にスマホで重要。タッチパネルの特徴をよく利用できると思う。

[stefafafan]

めっちゃ良い

[tofu-kun]

地味に大切