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

　「郵便番号を入れる枠はひとまとまりに」「郵便番号を基にした住所の自動入力を搭載する」といった、使いやすい住所入力フォームを作る知見をまとめたブログ記事が話題だ。「はてなブックマーク」で1000ユーザー以上がブックマークした他、Twitterでも「参考になる」「全ての住所フォームがこうなってほしい」などの反応を集めている。

　ブログでは、入力の煩雑さから離脱してしまうユーザーを減らすためにすべきことを大きく4つに分ける。

　「郵便番号の枠はひとまとまりに」「郵便番号を入れたら即座に、もしくはユーザーがボタンを押したら住所を自動入力する」に加え「Webブラウザが備える住所の自動入力機能に対応・最適化する」「入力欄は『都道府県』『市区町村』『町名以下』の3欄を基本とし、『建物』欄はオプションとする」といった機能が必要と紹介。それぞれの実装に当たっての注意点などを説明している。

　これらの機能を搭載した住所入力フォームのデモページも公開。デモページのソースコードも閲覧できる。

　記事は2月28日、SIerのオープンコレクター（東京都千代田区）が公開したもの。郵便番号を入力すると自動で住所を表示するAPI「ケンオール」のPRとして掲載したという。

　「想像を超える反響で、社員一同驚きとともにうれしく思っている。弊社ではサービスのモットーとして『かゆいところに手が届く』を掲げているが、まさにそういうコンテンツにできたのではないか」（オープンコレクター）

この記事の著者

関連記事

• 

  不便で仕方ない「住所入力の全角・半角問題」はなぜなくならないのか　専門家に原因を聞く

• 

  「その日本語、ちょっと違うよ」中国語フォントとの違いを見せる海外開発者向けページ　「例が秀逸」と話題

• 

  「スクショで共有」はなぜだめなのか　freeeがアクセシビリティー研修の資料を無償公開

• 

  クルマのUXはキケンな過渡期　最近のクルマはコクピットドリルで説明しきれない問題

• 

  コロナワクチンの予診票をブラウザから出力できるWebアプリ、学生が開発　「手書きは面倒に感じた」