これはユーザの自由度の高い方法といえますが、システム的には入力内容の細かい差によってデータが異なってしまいます。データが異なると「◯◯つながり」など、検索が行えないため問題です。
具体的には、例えばサドルメーカのセラ・イタリアという会社があります。「SELLE ITALIA」や「Selle ITALIA」、「SELLA ITALIA」と入力することが出来ますが、これらはすべて別のメーカとみなされます。セラ・イタリア本家のウェブサイトを見る限り、「selle ITALIA」というつづりが正しいようです。
テストに協力いただいている方々のデータを確認していると、大文字、小文字、カタカナ、漢字など、複数の文字がまぜこぜに利用されていることが判りました。次のような具合ですね。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp20oB5Lkvvr8Attg_ToJx-CGr_TQn-eSb1NojeSAUT4NTwq2w74esVWrgkj724iEytrEWeQZLIldHWQIWjXE123XGvePEc5mNECeOYd4qzzd5DcucwAMHAlEdmbcKcW_FuBLuqTMpwjfv/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882011-01-02+17.40.52%25EF%25BC%2589.png)
人間は入力を間違ったり、勘違いして覚えていることが多々あるので、入力ミスをユーザのせいには出来ません。システム的に、入力・編集時に候補を挙げることで、入力ミスを減らすことが出来ると考えました。
アシアルさんの「jQuery用プラグイン「Autocomplete」を使って入力補完機能を実装してみる」を参考にjQuery Autocompleteを導入し、製造者名の入力欄にサジェスト機能を追加しました。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhnIv8rpF3pFYhCq9v7I1ZWjDHB3xrsKnKGdW33JTeO-2TWM3dbuOhuTkphpWcNoYJ7w_uPoJyOpQtnFahyphenhyphenbf52F1mFiHuvadjs3dBBaxQG9NiAmmIaeoFvQ9Ik1dQbBRlPHRrITrke7Pt/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882011-01-02+17.53.49%25EF%25BC%2589.png)
入力ミスが減り、データが綺麗になり、より多くのフレーム・パーツなどが発見できると、きっと素敵だろうと思います。