手書き入力モードを利用して、簡単なアンケートフォームを作りたいと思い、
JQeryのプラグインなどがないか探したのですが、なかなか見つからない状態です。
イメージ的には、
例としまして、お名前、年齢、性別、趣味の4項目があり、(見た目はフォームのようにシンプルな感じ)記入欄の部分にタッチペンで書けて、書くと、漢字や文字変換候補が出て選択して記入していけるような感じのものはできないかと考えています。
少しアプリケーションのような印象を持つかもしれませんが、
要するに、町などでアンケートを求めるのに、紙ではなくタブレットでタッチペンで簡単に記入してもらいたいという感じです。
最初はJQeryのプラグインでないかと思い、「手書き入力認識 HTML」などで検索してみつからなかったので、HTML5 のinput のtype属性で、入力欄を強制的に手書き入力モードを優先にする方法はないかと思い、「HTML5 input 手書き入力モード」などで検索してもみたのですが、なかなか見つかりません。
私が作ろうと思っているアンケートフォームは技術的に難しいのでしょうか?
もし、上記の内容に近い実装方法などを知っていたり、WEB制作に詳しい方など、アドバイス等でもかまいませんので、教えていただきたいです。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
手書き認識をしたいということですが、当然そのような機能はWeb標準にはありません。
(Web標準については、W3Cのサイトを参照してください https://momdo.github.io/html5/Overview.html )
それを踏まえ、あなたがやらなければならないことは、
・マウスやタッチ入力を受け付けて座標を正しく取り込む
・入力をビットマップやベクトル、ストローク情報に変換する
・ビットマップやベクトル、ストローク情報から文字に変換する
→機械学習が可能なサーバソフトを開発または導入し、既存または新規で手本データを入力し、DBを作成します。精度を上げるためには膨大なデータ量と、時間、調整が必要になります。また、テキストを送信すると結果を返すような口を作る必要もありますね。
→すでにあるAPIを活用する。先ほど生成した画像を正しくエンコードし、APIにデータを送ることでJSON等で結果を受け取ることができる
https://dev.smt.docomo.ne.jp/?p=common_page&p_na …
http://www.libtech.co.jp/2015/05/28/google入力ツールで手書き入力/ など参考
→オープンソースのソフトを導入する
http://appsv.ocrgrid.org/nhocr/index-j.html とか
・結果をパースして、それをinputに入力する
これで手書きデータから文字列へ変換できます。
実際のところ、文章を拝読させていただいた限りでは、shin15sukiさんの今のスキルでは難しいのではないでしょうか。
タブレット向きの、大きくて使いやすいフォームを設計する方が、現実的ではないかと思います。
また、名前以外は、textではない方が入力しやすいかもしれませんよ。
ご回答ありがとうございます。
あれから色々調べてみたり、知人にも相談してみたのですが、anzu1204さんが言う通り、簡単にできるようなことでわないんですね。汗
なんとかアンドロイドのタブレットのOSの標準機能の手書きツールを利用して作ってみたいと思います^^
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) 入力フォームへ、データを自動的に入力するプログラム。どうやって作る? 4 2023/01/16 10:24
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- Excel(エクセル) 【Excel】指定のセル内容を基に別シートのセルを検索して選択する【VBA】 1 2022/06/16 16:16
- Access(アクセス) capeofdragonと申します。 Access2016を使っております。 あるフォームがあり、テ 2 2022/09/09 13:18
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- その他(Microsoft Office) Wordを変換してExcelに挿入 2 2022/07/04 23:59
- ビジネスマナー・ビジネス文書 社内便のやりとりを確実に行いたい 2 2023/05/28 11:37
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptで入力禁止文字をチ...
-
入力フォーム内の字数制限
-
PDFフォームで条件つき金額を表...
-
【UWSC】HTML内のある部分を抽...
-
3つのselectでURLパラメータを...
-
ボタン無しでフォーム内容送信
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
クリックされた罫表セルの行番...
-
テキストエリアの行頭行末に指...
-
iframe内のformをサブミットす...
-
jQueryで特定のチェックボック...
-
onchangeイベントを強制的に発...
-
引数に数値、文字列の混在
-
jQueryで設定したイベントハン...
-
複数のプルダウンを1つにまとめ...
-
一つのチェックボックスのON/OF...
-
送信フォームで送信ボタンをお...
-
ボタン押下すると一行テキスト...
-
JavaScriptde途中で、「exit」...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
条件により、リンク先に画面遷...
-
javascriptで入力フォームが空...
-
フォームから入力すると、入力...
-
ラジオボタンによるフォームの...
-
JSPとJavaScriptの連携について...
-
テキストフィールドに入力した...
-
日付入力欄の表示形式を自動的...
-
最初の入力を判断
-
PDFフォームで条件つき金額を表...
-
テキストボックスを無効にする...
-
URLの/以降だけを入力したいです。
-
vbsでフォームに値を入力できない
-
フォームの値が0だったら空白...
-
テキストエリア入力文字数の表...
-
VBScriptで未入力のチェック(...
-
テキストボックス入力を半角英...
-
数字の1文字目を消したい
-
Javascriptが機能せず原因が分...
-
javascriptで入力禁止文字をチ...
おすすめ情報