[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

392users がブックマーク コメント 30

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

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

392 users www.twilio.com

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント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」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

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

関連記事

usersに達しました!

さんが1番目にブックマークした記事「HTML属性を使い、...」が注目されています。

気持ちをシェアしよう

ツイートする

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

<title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 7... <title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 75.5935M75.3037 3.98207L76.0435 43.3021M75.3037 3.98207L35.951 3.59351" stroke="#F22F46" stroke-width="5.5" stroke-linecap="round" stroke-line join="round"/> </svg> "> 2025 Gartner® Magic QuadrantTM for CPaaS <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

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /