TsumeCompe.js / HTML作成支援ツール







使い方(クリックして開く)
  1. Googleフォームを作成し、入力ページのHTMLをファイル保存する。
  2. このツールにHTMLファイルを読み込む(またはコピーペーストする)。
  3. 「データ作成」ボタンでデータを作成する。
    formタグ部分のみ作成するか、formタグを含むdivタグを作成するか選択できる。
  4. 「ダウンロード」で取り出す。
  5. Googleフォームに設定した入力欄の名称により、次のとおり自動設定する。
    • 「回答0」「回答1」…だと、idが「answer0」「answer1」…になる。
      回答欄の数に応じたcanvas要素を作成する。
    • 「氏名」だとidが「name」になる。
    • 「居住地」だとidが「place」になり、都道府県の選択肢になる。