イベントの受付や現場の点検で入力フォームを使いたくても、会場の通信が安定しないことがあります。紙のアンケートでは、回答をあとから表計算ソフトへ転記する手間もかかります。

Browser Kittyの「ローカルフォーム作成(Local Form Builder)」では、質問を並べてフォームを作り、回答を保存できる単一HTMLとして書き出せます。そのHTMLをPCやスマートフォンで開けば、入力から回答のCSV出力までブラウザ内で行えます。

回答はHTMLファイルの中ではなく、そのフォームを使った端末のブラウザに保存されます。複数端末からの回答を自動で集める仕組みはないため、使う端末を決めておく必要があります。

ローカルフォーム作成を開く

クラウドのアンケートフォームと何が違う?

Google Formsなどのクラウドフォームは、複数の人がそれぞれの端末から回答し、結果をまとめて確認したい場合に向いています。Local Form Builderは、1台のPCやタブレットを受付に置いて順番に回答を入力する場合や、ネットにつながらない場所で点検票を使う場合に適しています。

作成したHTMLは別の端末へコピーできます。ただし、同じHTMLを配っても回答がひとつに集まるわけではありません。各端末で保存・出力する必要があります。メール通知や自動同期、共有ダッシュボードもありません。

1. テンプレートからフォームを作る

「ローカルフォーム作成」を開き、空のフォームか、イベント受付・現場点検・アンケート・チェックリスト・ヒアリングのテンプレートを選びます。空のフォームを含めて6種類あります。

「項目を追加」から質問を増やします。用意されているのは、1行・複数行の文字入力、メール、電話番号、数値、日付、時刻、選択式の項目、見出しや説明文など14種類です。PCでは項目をドラッグして配置でき、スマートフォンでは「フォーム」「項目」「設定」のタブで編集します。

例えば会場アンケートなら、満足度を選択式に、自由意見を複数行テキストにすると、回答する人が入力しやすくなります。

2. 質問文と入力チェックを設定する

フォーム上の項目を選ぶと、質問文、選択肢、必須かどうかを設定できます。「詳細設定」では補足文、入力例、初期値、入力チェックも変更できます。

メール欄ならメール形式、数値欄なら最小値・最大値・刻み幅、日付欄なら指定できる期間を設定できます。複数チェックの項目には、選べる数の下限と上限も指定できます。

回答者が迷いそうな質問には、質問文の下に短い補足を付けておきます。必須にする項目も、実際に回答を集める目的に合わせて選んでください。

3. プレビューで入力を試す

「プレビュー」に切り替えると、作成中のフォームへ実際に入力できます。「入力を確認」を押せば、書き出し後のフォームと同じ入力チェックを試せます。

必須欄を空にしたときの表示や、数値・日付の範囲外を入力した場合の案内を確認しておくと、現場でフォームを配り直す手間を避けやすくなります。「入力をリセット」は設定した初期値に戻す操作です。

4. 通常入力か連続入力を選ぶ

「設定」では、通常入力と連続入力を切り替えられます。通常入力では保存後に回答日時や件数が表示され、次の回答や履歴を開く操作を選べます。

連続入力では、保存完了を短く表示したあと入力欄がリセットされ、次の回答を受け付ける画面に戻ります。受付で1台の端末を順番に使うなら便利ですが、ほかの回答を見られないようにする認証機能ではありません。

5. 単一HTMLに保存して、使う端末で開く

出力するファイル名を設定し、フォームHTMLを書き出します。生成されるのは、入力画面・入力チェック・回答履歴・CSVやJSONの保存機能・印刷機能を含んだ1つのHTMLファイルです。

そのHTMLを回答に使うPCやスマートフォンへコピーして開きます。生成済みHTMLは外部のライブラリやサーバーに接続せずに動作します。ただし、Web版のBuilderを最初に開くときには、ページを取得するための通信が発生します。

使い始める前に、実際の端末でテスト回答を1件保存してください。生成フォームはブラウザの保存機能を調べ、永続保存できない場合は一時的なメモリ保存に切り替えて警告を表示します。特にローカルHTML(file://)の保存動作はブラウザによって異なります。

6. 回答をCSVで取り出し、JSONでバックアップする

回答を保存したら、「回答履歴」から内容を検索・編集・複製・削除できます。表計算ソフトで集計したいときはCSVを書き出します。CSVはExcelなどで開きやすいUTF-8 BOM付きです。

回答を後で復元したい場合は、JSONバックアップを使ってください。JSONにはフォーム情報、項目の定義、回答履歴が含まれます。復元には、同じIDの回答を飛ばして追加する方法と、検証後に現在の履歴を置き換える方法があります。

フォームHTMLをコピーするだけでは、その端末の回答履歴は移りません。重要な回答は終了前にJSONでも保存しておきます。

HTML・CSV・JSONの役割
ファイル用途含まれないもの・注意点
HTMLフォームを開いて回答を入力する別端末の回答履歴は自動では入らない
CSV回答一覧を表計算ソフトで見る・集計する完全な復元用バックアップではない
JSONフォーム情報と全回答のバックアップ・復元個別にファイルを保存し、管理する必要がある

別の端末で同じフォームを使うとどうなる?

同じフォームHTMLを複数の端末へ渡しても、回答はそれぞれの端末のブラウザに保存されます。端末Aの回答が端末Bへ自動で反映されることはありません。結果をまとめたい場合は、端末ごとにCSVなどを取り出して別途整理します。

複数人が自分のスマートフォンから送信し、1か所で回答を管理したい用途なら、サーバー側で回答を集めるフォームサービスのほうが適しています。

フォームの質問をあとから変更するときは、Builderの「HTMLから読み込む」で作成済みのHTMLを選びます。埋め込まれたフォーム定義を読み取って再編集できますが、端末に保存した回答履歴を読み込む操作ではありません。

保存するときに知っておきたい制限

回答の保存先はブラウザが管理する領域です。プライベートブラウズ、保存領域の削除、端末の整理などで回答が消える場合があります。起動時に保存の警告が出たときは、その状態で長期間の回答保管を前提にしないでください。

現行版には、回答に応じて質問を切り替える条件分岐や計算項目はありません。写真・署名・ファイル添付、QR・バーコード、GPSの入力項目も用意されていません。

パスワードやカード情報など、高い機密性を持つ情報の収集には使用しないでください。回答が増えるほど端末の保存容量やメモリの制約も受けます。

Browser Kittyで試す

ローカルフォーム作成

点検票・受付票・アンケートなどのフォームをブラウザ内で作り、回答保存・CSV / JSON管理まで含む単一HTMLとして書き出せます。

ツールを開くツールの詳細を見る

注意点

  • 最初の運用前に実際の端末で保存テストを行い、永続保存できない警告が出ないか確認してください。生成フォームは使用可能な保存方式を調べます。
  • 回答を端末に残すだけにせず、必要なタイミングでJSONバックアップを書き出してください。CSVは集計用で、完全な復元には使えません。
  • 同じHTMLを複数人へ配布しても、回答は各端末に分かれます。自動集約・自動同期はありません。

よくある質問

インターネットがなくてもアンケートに回答できますか?

作成済みのフォームHTMLを端末に保存しておけば、ネットにつながっていなくても開いて入力できます。Web版のBuilderを最初に開くときには通信が必要です。回答の永続保存は利用するブラウザの保存機能に依存するため、起動時の警告を確認してください。

回答をExcelで集計できますか?

できます。生成したフォームの「回答履歴」からCSVを書き出せます。CSVはUTF-8 BOM付きです。復元用の完全なバックアップは別途JSONで保存してください。

複数のスマホから集めた回答は自動でまとまりますか?

まとまりません。回答は各スマートフォンのブラウザに保存され、自動同期はありません。必要なら各端末からCSVなどを書き出して別途整理してください。

ブラウザを閉じても回答は残りますか?

永続保存のテストに成功したブラウザでは残せます。ただし保存領域の削除などで消える場合があります。保存できない環境ではメモリ保存に切り替わり、警告が表示されます。

作ったフォームを後から修正できますか?

できます。Local Form Builderの「HTMLから読み込む」で書き出したHTMLを選ぶと、埋め込まれたフォーム定義を読み込んで編集できます。回答履歴をほかの端末から取り込む操作ではありません。

写真や署名を回答欄に追加できますか?

現行版では、写真・署名・ファイル添付を入力項目にできません。QR・バーコードやGPSにも対応していません。

参考資料