ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり

2024/04/27 103 users テンキー ウェブページ 挙動 数値 ウェブページ上

ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみま... 続きを読む

文章から画像を生成するAI「DALL・E2」を使ってみた｜柞刈湯葉 Yuba Isukari｜note

2022/07/30 245 users Note 柞刈湯葉 Yuba Isukari 行列 職業 文章

文章から画像を自動生成する DALL・E2 が先日一般公開された。画像の商用利用も可能とのことなので、うまくすれば note 記事のアイキャッチ作成に使えるかもしれない。 使用は基本無料だが申請制である。かなり待ち行列が長いらしく、僕は7月6日に申請したら7月30日に通った。住所や職業や使用目的などの面倒な入力欄は... 続きを読む

「全ての住所フォームがこうなってほしい」　SIerが公開した“使いやすい入力欄”の作り方が話題　ソースコードも掲載

2022/03/01 305 users SIer 知見 ひとまとまり ソースコード 住所フォーム

SIerのオープンコレクターが公開した、使いやすい住所入力フォームを作る知見をまとめたブログ記事が話題だ。「郵便番号を入れる枠はひとまとまりに」といった機能の必要性などを説明しており、デモページやソースコードも掲載している。 「郵便番号を入れる枠はひとまとまりに」「郵便番号を基にした住所の自動入力を搭... 続きを読む

ぼく「嫌な予感がするから警告いっぱい出したれ」データ削除は三重確認設計に→？？「なんかデータ消えたんですけど？」 - Togetter

2020/03/13 353 users Togetter Delete Yes 予感 警告

ぼく「なんか嫌な予感がするから警告いっぱい出したれ」 『このデータを削除すると復活できませんが本当に削除しますか？YES／NO』 『あなたは削除データが復活できないことを確認しました。YES／NO』 『以下の入力欄にDELETEと入力して削除を実行』 ？？？「なんかデータ消えたんですけど？」 続きを読む

国勢調査「名前入力できない」続出 （web R25） - Yahoo!ニュース

2015/09/17 149 users 国勢調査 続出 困惑 Yahoo ツイッター

5年に一度実施される国勢調査がスタート。今年は、初めて全世帯を対象にインターネット回答を実施しており、ネットでの回答期間は9月10日から20日までとなっている。ツイッター上には、実際にネットで回答したという人からの報告が続々とあがっているところだが、困惑する声も散見される。 その困惑のひとつは、「名前の入力欄」に関するものだ。ツイッターには、 「国勢調査をインターネット対応しました。名前入力欄でい... 続きを読む

分かりやすいWeb入力フォームのための十戒 | デザイン | POSTD

2015/06/24 587 users POSTD ユーザフレンドリー ユーザネーム 十戒 デザイン

Web入力フォームを、読みやすく、入力しやすく、ユーザフレンドリーにデザインするために注意すべきことはなんでしょう？本記事は、その問いの答えとなる十戒(+1)について、実際の適用のグラフィカルな例を示しつつ詳しく紹介していきます。1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネーム... 続きを読む

入力フォームのプレースホルダを使ってはいけない – U-Site

2014/06/16 678 users プレースホルダ 要旨 U-Site 原文 著者

入力フォームのプレースホルダを使ってはいけない 公開：2014年6月17日付（日本語版）、2014年5月11日付（原文）　著者：Katie Sherwin 原文（英語）：Placeholders in Form Fields Are Harmful 要旨 入力フォームのプレースホルダテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また... 続きを読む

[JS]ウェブページのUIエレメントにちょっとだけ便利な機能を加えるスクリプト -minjs | コリス

2012/05/14 110 users コリス ウェブページ UIエレメント モジュール スクリプト

minjsは現在、3つのモジュールが公開されています。 minform longtable drcal minform HTML5のフォーム周りの便利な機能を非サポートブラウザでも利用できるようにします。 minformの使い方 minformはスクリプトを外部ファイルとして記述するだけで、下記のフォーム関連の機能が非サポートブラウザでも利用できるようになります。 placeholders 入力欄... 続きを読む

IT戦記 - それすぐ実行！JavaScript！

2006/10/15 264 users IT戦記 実行 JavaScript Firebug 関数

javascript 思った JavaScript はすぐに実行してみましょう！ブラウザの URL 入力欄に javascript:(function() { /*実行したいコードを書く*/ })() FireBug を使ってる人は、コンソール開いて実行したいコードを書く。 たとえばこんなことができます。これらの例は僕が日頃使っているものです。 グローバルで使える関数を列挙する(Firefox O... 続きを読む