• はてなブックマーク
  • テクノロジー
  • HTML属性を使い、ユーザーに優しい2要素認証を実現する方法
  • Twitterでシェア
  • Facebookでシェア

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

テクノロジー カテゴリーの変更を依頼 記事元:www.twilio.com
適切な情報に変更
392users がブックマーク コメント 30

    記事へのコメント30件

    • 注目コメント
    • 新着コメント
    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」でした

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

    2021/10/20 リンク

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

    2021/10/20 リンク

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

    2021/10/20 リンク

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

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

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

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

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

    2021/10/20 リンク

    その他
    hiroomi
    twilio

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

    2021/10/20 リンク

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

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

    2021/10/19 リンク

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

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

    その他
    t_motooka
    これは正しく設定したい。

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

    2021/10/19 リンク

    その他
    kkeisuke
    “autocomplete”

    その他
    uunfo
    inputmode pattern autocomplete=one-time-code,new-password

    その他
    Shinwiki
    標準ってなんだろうな

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

    その他
    respectbookmark
    よき。

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

    その他
    stefafafan
    めっちゃ良い

    その他
    tofu-kun
    地味に大切

    その他
    nmcli
    Twilioの中の人ブログか、有難い

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

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

    <title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 7...

    ブックマークしたユーザー

    • techtech05212023/04/19 techtech0521
    • J1382022/03/11 J138
    • heatman2021/11/19 heatman
    • herakures2021/11/15 herakures
    • yoshi-nkyma2021/11/03 yoshi-nkyma
    • littlefield2021/10/25 littlefield
    • daizu61102021/10/22 daizu6110
    • okyawa2021/10/22 okyawa
    • yauaa2021/10/21 yauaa
    • ish1r0k12021/10/21 ish1r0k1
    • Surgo2021/10/21 Surgo
    • stokiwa2021/10/20 stokiwa
    • bongkura2021/10/20 bongkura
    • o_hiroyuki2021/10/20 o_hiroyuki
    • huruyosi2021/10/20 huruyosi
    • mr_ozin2021/10/20 mr_ozin
    • shinagaki2021/10/20 shinagaki
    • okishima_k2021/10/20 okishima_k
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2025 Hatena. All Rights Reserved.