手書き入力モードを利用して、簡単なアンケートフォームを作りたいと思い、
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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/22】このサンタクロースは偽物だと気付いた理由とは?
- ・お風呂の温度、何℃にしてますか?
- ・とっておきの「まかない飯」を教えて下さい!
- ・2024年のうちにやっておきたいこと、ここで宣言しませんか?
- ・いけず言葉しりとり
- ・土曜の昼、学校帰りの昼メシの思い出
- ・忘れられない激○○料理
- ・あなたにとってのゴールデンタイムはいつですか?
- ・とっておきの「夜食」教えて下さい
- ・これまでで一番「情けなかったとき」はいつですか?
- ・プリン+醤油=ウニみたいな組み合わせメニューを教えて!
- ・タイムマシーンがあったら、過去と未来どちらに行く?
- ・遅刻の「言い訳」選手権
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onClickとsubmitの処理順序
-
テキストボックス入力を半角英...
-
JSPとJavaScriptの連携について...
-
条件により、リンク先に画面遷...
-
日付入力欄の表示形式を自動的...
-
PDFフォームで条件つき金額を表...
-
テキストボックスを無効にする...
-
入力した文字を大文字に変換し...
-
Javascript 郵便番号の入力欄で...
-
ASP エラーチェック VBScript
-
return trueとreturn falseの用...
-
onchangeイベントを強制的に発...
-
プルダウン選択を変更すると、...
-
perl cgi文字化け解消方法と[1...
-
新しくフォルダを作成したい
-
javascriptで<table>背景色の取得
-
onClick="this.form.submit
-
tableの任意行にfocusをあてる
-
フォーム内で記入したクエリ送...
-
tabindexの取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
文末の改行コードを削除したい
-
JSPとJavaScriptの連携について...
-
テキストボックスを無効にする...
-
javascriptで入力フォームが空...
-
フォームの値が0だったら空白...
-
テキストボックス入力を半角英...
-
strutsのhtmlタグのfileについて
-
PDFフォームで条件つき金額を表...
-
条件により、リンク先に画面遷...
-
日付入力欄の表示形式を自動的...
-
イベント発生時に入力待ち状態...
-
vbsでフォームに値を入力できない
-
VBScript
-
javascriptのゲームで漢字を出...
-
JQueryで2つのテキストフィー...
-
手書き入力モードを利用して、...
-
javascriptでのフォーム自動入...
-
入力モード 自動 切り替え
-
Javascript 郵便番号の入力欄で...
おすすめ情報