人に優しいフォームを作ろう、特に日本人に
2024/10/02 23:57
jay-es
autocomplete 属性の適切な設定について
2024/10/03 06:47
kenzy_n
使いやすく慈愛のあるフォームを。
2024/10/03 07:28
toyoshi
誕生日を選ぶやつ1月1日生まれが有利すぎるので6月15日が初期設定になってて欲しい / 国を選ぶやつで日本なのかJapanなのかわからんのも判別方法知りたい
2024/10/03 07:34
kno
大体ためになるけど、生年月日のtype=date問題はまだ解決策がないのな…
2024/10/03 08:08
kijtra
個人的に autocomplete は入力ミス(画面外でも意図せず入力されている)のもとだから使わないなあ
2024/10/03 08:30
tech_no_ta
仕組みを知らなきゃ上手く組めないから、いいTips
2024/10/03 08:36
miki3k
最近は見かけないけど、都道府県を選択させる時の並び順がコード順じゃないとか、東京都を先頭に持ってきているとか、初期選択が東京都になってるとか、そんなアホなことをする前に、普通に入力させて欲しい
2024/10/03 08:41
tk_musik
都道府県プルダウンは文字数多いと探しやすいよね。神奈川県とか鹿児島県とか
2024/10/03 08:42
k-holy
都道府県はtype=text autocomplete=address-level1 郵便番号はtype=text autocomplete=postal-code で補完可能と。日付や電話番号は元々、誤入力防止のために分割するケースが多かったと思うけど、今は分割しないのが主流なのかな。
2024/10/03 08:51
otihateten3510
フォームとかいう何で共通化されてないのかわからない超めんどくさい存在
2024/10/03 08:51
emt0
今の業務と紙に合わせて1画面に全てを詰め込むユーザー消えて欲しい。本当に1回で全部埋めます?念の為用意しておくとか止めよう。大半は確認面倒なユーザーが糞フォーム作る
2024/10/03 09:07
kuroaka1871
(最近はさすがにあまり見なくなってきたけど、それでもまだ存在してる)住所の全角入力必須のやつ、あれホント優しくないから絶滅してほしい
2024/10/03 09:07
aike
位置情報で住所を推定してほしいし、顔認識で生年を推定してほしい(ほしくない)。全角強制のやつは入力を少しでも加工すると責任が加工した側に移るから責任意識が高い開発者ほどやりがちで気持ちは少しわかる。
2024/10/03 09:08
Enterprise65
ハイフンの扱いはほんとそう。有り無し両方許容しろ
2024/10/03 09:08
nakamura-kenichi
そもこの辺はええ加減、OpenIDに紐付けるなり公的認証局作るなりで、法的にも保護された自動補完インフラ整備したらええのにな。まあ日本はマイナすらアホがアホな設計施工しかしよらんから望むべくもなくやろけどw。
2024/10/03 09:17
aceraceae
いちばんイラッとくるのが全角文字強制される住所での全角ハイフン問題なんだが。
2024/10/03 09:25
Funyapu
電話番号と郵便番号のばらばらになったフォームもいらっとする。。。
2024/10/03 09:34
kenchan3
最近もヒト枠の電話番号入力で弾かれ続けて、なんだとよくよく調べたらハイフン入れないといけなかった。
2024/10/03 09:35
MIZ
クレジットカード番号の入力欄を四分割しているフォームをすべて消し去り、そして私も消えよう
2024/10/03 09:42
tohokuaiki
へー。これは良い
2024/10/03 09:52
miragestlike
個人的にタイムリーな記事
2024/10/03 09:54
Knoa
クレジットカードも有効期限が「01月」だと有利なことがあるので、いつでも作れるカードは1月を狙って作りたい欲求がある
2024/10/03 10:03
zkq
国を選ばせるやつもな。200ヵ国もあるのにJでJapanに飛ばない
2024/10/03 10:05
slax
離脱率に影響するので真摯に取り組むべき。
2024/10/03 10:09
katano33jp
住所の振り仮名意味ないしどう書いていいか分からん
2024/10/03 10:12
toaruR
google先生、フォームの下の方の電話番号で自動入力を選ぶと、入力済みの上の方まで意図しない値に変えられちゃうのキツい\(^o^)/
2024/10/03 10:22
mayumayu_nimolove
復習用
2024/10/03 10:37
shinagaki
autocomplete="address-level1" 知らなかった / 生年月日のデフォルト年で老いているのを感じる
2024/10/03 10:39
ykktie
特に銀行系ね。地銀とかほんと終わってるから
2024/10/03 10:42
Harnoncourt
内容は良いのだが「ユーザーの体験を悪化させる」を連発するのはどうかと。人に優しくない言葉遣いですよ。「利用者に不快感を与える」など適切な言い換えをしましょう~
2024/10/03 10:48
flirt774
autocompleteの他の値はMDNや developer.mozilla.org ICS Media ics.media を参照推奨。標準的値にみんな揃えると幸せに
2024/10/03 10:59
tanakakazu
webの住所の自動入力は「利用者の多いサイトでもおかしなものがある」レベルじゃなくて成功するほうがマレな感じ。
2024/10/03 10:59
pptppc2
クレカ、郵便番号、電話番号の入力欄を区切るのは辞めろ高校校歌
2024/10/03 11:06
anonruru
中途半端にグローバルなサービスだとたまに国選択でラベルは(機械翻訳の)日本語なのに明らかにアルファベット順で並んでるおそろしいリストを見かける。
2024/10/03 11:14
inazuma2073
「User-Agent を見てフォームを出し分ける」いやそんな苦労させずにブラウザ側で統一してほしい。そこに違い出してなにか良いことあるのかい?
2024/10/03 11:15
sionsou
住所などの全角文字、電話番号、郵便番号のハイフォンありなし、氏名ひらがなカタカナ、とにかく統一感なくて困る。住所も都道府県、市区町村、番地、マンション名などフォームによって異なるし統一してほしい
2024/10/03 11:24
kenta555
全角半角はそっちで直せんの?…って思っちゃう。いつだったか全角変換ツール使ってコピペしても弾かれた事があって、もうどうしてよいのか分からんかった。
2024/10/03 11:32
otation
ゆめみがもっと大きくなって日本中あらゆるシステムを開発してくれたら、もう少し快適な世の中になると思う
2024/10/03 11:40
evamatisse
新しいパスワードのフォームに autocomplete="new-password" が設定されてないことも多い。パスワード管理アプリでパスワード生成がサジェストされない。
2024/10/03 11:41
fashi
開発レベルで優しいフォーム作ってもテスターからここで異常値を入れてエラーが出るのが正しい挙動なので直してくださいって言われることある
2024/10/03 11:44
tomei10
全角強制は全滅してほしい
2024/10/03 11:51
makou
直接関係ないが、パスワードにそろそろ記号を使えるようにしてほしい。この数年海外サイトでパスワード使えないケースほぼ見ない。
2024/10/03 12:03
kibitaki
たぶんこの人達、ユーザーから「郵便番号にハイフン入れようとしてはいんねーぞ!進めない!」「年月日は分けろ!スラッシュ打たせんな!」とかのクレーム受けたことないんだ。
2024/10/03 12:21
azumi_s
グローイングフォーム?(なお、マイティ>ライジングマイティ>アルティメットと負荷が上がっていく(何
2024/10/03 12:22
ata00000
書いてないところだと、メールアドレスを入力するところでtype="text"じゃなくて"email"と指定すると、スマホでキーボード配置が変わって「@」が入力しやすくなるとかあった気がする。ちゃんと指定してほしいねー
2024/10/03 12:22
Re-birth
数字しか入れられないのにキーボードの初期配置がかなに強制的に戻されるのがなーこれはフォームからはどうにもならんか。氏名まとめて入力したかったりはある。ハイフン全角強制イラつくから、の でいい?w
2024/10/03 12:22
cream163
ランニングフォームの話ではなかった
2024/10/03 12:25
restroom
ユーザーとしては、こういうのはテンプレートで出回ってほしい。たぶん作成者も助かるのではないでしょうか。
2024/10/03 12:47
stabucky
テストしてないんですね。あるいは仕様を発注側が決めて、開発側はその通り作って、「仕様通りだから文句言うなよ」で納品しちゃうとか。
2024/10/03 13:08
hatebu_admin
住所の全角半角問題が一番面倒やわ/ApplePay決済対応してくれりゃ住所氏名といった個人情報も連携されたはずなんで下手なフォーム作るぐらいなら対応して欲しいわ
2024/10/03 13:14
kamezo
プログラムど素人なので「こう指定すると、こうなる。不便/便利でしょ?」みたいな説明が欲しかった。わかりそうでわからなくてモヤッとしちゃった。
2024/10/03 13:18
uunfo
自動補完でうまくいかないことが多いので邪魔でしかないんだよね
2024/10/03 13:19
moromoro
eGov君、向き合って
2024/10/03 13:19
rryu
日本人というかautocomplete属性に優しいフォームの話。どちらかというと同じname属性の入力欄に入力した値の履歴の補完の方が便利なのでname属性の値をJISとかで規格化してほしい。
2024/10/03 13:23
at_yasu
「address-level2」ほー。そんなの増えてたのね。
2024/10/03 13:25
Eiichiro
外注するときのフォーム入力の条件として、この内容をそのままRFPに載せたい内容。むしろRFPに入力条件は、この内容に準拠する。と全発注者が一言書くだけで、日本の生産性が上がりそう。
2024/10/03 13:33
sase
短縮で辞書登録してるので、電話やメイドに入力制限かけんでほしい。
2024/10/03 13:46
sskjz
いいね
2024/10/03 13:51
Cherenkov
ブラウザ標準で縦並びにしてくれ、以上
2024/10/03 14:03
stamprally
標準化してくれ。
2024/10/03 14:22
closer
メアドの確認用二重入力フォーム。特に2個目のがなぜか @ の前後に分割されてるやつ。
2024/10/03 14:49
paperclipsquare
自分にとってはもはやどんなフォームでもだいたい慣れてしまったのでたいして問題にならないけど、モバイルの全角入力強制はいまだにちょっとメンドイとは思う。
2024/10/03 14:57
ninjaripaipan
国選ぶやつでJapanがないなと思ったら一番下に日本、中国と並んでいたことならある
2024/10/03 15:03
number917
お、半角全角問題のないフォームかな?(読んでない)
2024/10/03 15:08
monomoti
ふりがなやめませんか。会社名が横文字だったりするとふりがな打つの大変で。
2024/10/03 15:12
tabarka
あとで
2024/10/03 15:15
grover
ふりがなはカタカナ指定が多い気がするが、平仮名の方がいい。半角カナを避けられる。
2024/10/03 15:17
fellfield
『都道府県は47個もありますので、プルダウンで探すのは大変』については、Select2とかChoices.jsなどの検索可能なプルダウンにすればいいと思う
2024/10/03 15:59
sds-page
autocomplete便利なようでかゆい所に手が届かないんだよな
2024/10/03 16:00
onsen222
良記事
2024/10/03 16:04
BUNTEN
住所の続きとしての番地入力が全角限定だったりしてそういうアラートが出た時、俺は決まってハイフンを半角マイナスで入れて見る。エラーになったら次は音引きを入れたりするのだが、たまに通ることもある。
2024/10/03 16:07
mas-higa
auto complete が効くようなフォームは作る機会がないなぁ
2024/10/03 16:29
xenon_abe
メールアドレスの「+」をエラーにする奴は許さないことにしている。
2024/10/03 16:52
Baybridge
国名(言語)で「J」を探すべくスクロールするも見つけられず、一番下まで行って「日本語」が出てきたときの脱力感たるや。
2024/10/03 17:09
spark7
コピペ効かないように細工してるフォームが一番腹立つな。デベロッパーツール開いて入力しちゃうけども。
2024/10/03 17:11
secseek
作る側にとってはバラバラのほうが作りやすいんですよね。そして入力する側にとってはまとまってた方が入力しやすいという…
2024/10/03 17:29
ShaoSylvia
記事もいいしブコメで不満な点を書いてくれる人もありがたい
2024/10/03 17:33
pppptan
鹿児島に住んでたとき住所選ぶの楽で良かった
2024/10/03 17:34
hick34d5
スマホ入力の際に誕生日をカレンダーで選択させるポップアップのやつ。年単位で遡るのどれだけタップすればいいんだよって離脱
2024/10/03 17:40
kadzuya
パスワード入力欄も優しくないよね。maxlength指定の所為で末尾が切れて登録されたり、コピペ禁止してたりとか。パスワードマネージャー使いにくいよ
2024/10/03 18:17
yoiIT
全角限定のフォームが許せない。
2024/10/03 18:24
ichiken7
郵便番号ってtextが良いのかな?telみたいなのもあった気がするけど。
2024/10/03 18:38
vanillaalice
日本人でも名前がアルファベットな場合はあるので名前欄も全角限定にしないで欲しいです(全角カナで発音を表そうとしたら字数制限が全然足らなかったりします)
2024/10/03 18:54
jerryb
汎用性が高い。全実装者読むべき
2024/10/03 19:11
circled
東京都の018サポートで「区分を入力してください」 → 区分は別ページの表から自分が該当するものを探して入力させられる。みたいな凄い分かりにくい手続き箇所あったの今でも謎
2024/10/03 19:21
rissack
たいせつなことだ。
2024/10/03 20:30
asada1979
補足説明ボタンがある時、 「新しいウィンドウが開くのか?」 「戻るボタンはあるのか?」 「ブラウザの戻るで問題ないのか?」 「戻ったら入力済みの部分はそのままか?」 とドキドキした結果、全部ダメな時泣く。
2024/10/03 21:35
aya_momo
姓と名が逆に入力されるフォームがあるんだけど、あれってなんなんだろう。
2024/10/03 22:31
kuyon94
顧客のテスト環境が狂ってて正しくオートコンプリート設定したら直せって言われるから間違った状態で実装されるケースそこそこあると思う
2024/10/03 23:18
yamekodev
そんなときこそ国が旗振りすればいい!っつーことでデジタル庁が入力フォームのテンプレート公開してるから見てあげて・・・www.digital.go.jp
2024/10/03 23:21
heguro
日付フォームの調査記事が引用されてた / 大事 / 言われてみれば YYYYMMDD形式の生年月日入力欄結構見るな >ブコメ
2024/10/04 05:28
BlueSkyDetector
例え全角文字強制フォームでも、半角入力すると自動で全角変換してくれるなら許せるんだよね。
2024/10/04 12:24
hachi09
ふりがなをひらがなで入れさせろよ!!っていつも思う
2024/10/04 14:46
mohri
まとまっていて便利
2024/10/04 22:32
kiririmode
autocompleteの使い分け。色々種類があるんだな
2024/10/05 04:02
iphone
番地の区切りにハイフンですらない謎の全角横棒しか使えないサイトがあって、あれは往生したな。エラーメッセージからのコピペで何とかなったが。
2024/10/05 20:47
hatact
自前で作ってない限り企業の名を晒さないと問題に気づかれにくい。知らせるための情報登録サイトを誰か作って欲しい。なお全角強要には全部ひらがなを推奨。(~し なんとか いちのにのさん)ダメサイトの印として。
2024/10/06 00:21
tmatsuu
type="number"ではなくinputmode="numeric"。このあたりの制御がきちんとできてるフォームは確かに気持ちいい。
2024/10/06 06:22
oinume
わかりやすい解説