スプレッドシートフォーム自動作成ツール | v1.4 |
|
| スプレッドシートにアンケートや作業実績などを記録する入力しやすいシステムを簡単に作成できる。 |
|
| 概要 |
|
| Excelシートに入力フォームを作成すると、スプレッドシートの入力フォームが自動的に作成されます。 |
| コンボボックスや横置きのオプションボックスなどが利用でき、コンパクトで入力しやすいフォームが作成できます。 |
| 送信ボタンでスプレッドシートに入力結果が追加されます。 |
|
| 作成したExcelの入力フォームをメール送付いただければ、作成方法をzoomなどで説明させていただきます。(ユーザー登録された方、1フォームのみ) |
|
|
| デモ |
| 下記のリンクをクリック下さい。自動作成した入力フォームを表示します。 |
| https://script.google.com/macros/s/AKfycbz5AAQb3PWs8S8DZ9izMJGofbYNktyXjfP2ZaW5PMcuoB76xb8/exec |
|
|
| 下記のリンクをクリック下さい。入力結果のスプレッドシートを表示します。 |
| https://docs.google.com/spreadsheets/d/1aOYdOnQLBZlgDsqOYszK0YbAeGSNy4zi8LquSw_yK6Q/edit#gid=572700155 |
|
|
| このデモの作成手順を動画で公開しております。 10分 |
| https://youtu.be/m82oshx7NQw |
|
| | |
| 目次 |
|
| アンケートシステムGAS・HTML自動作成 |
| スプレッドシートへの貼り付け |
| ウェブ公開操作 |
| 参考 |
| フォームの作成方法 |
| フォーム用新しいスブレッドシートの作成方法 |
| HTMLの修正 |
初期値、入力チェック方法を修正 |
| GASの修正 |
出力スプレッドシートの変更 入力後の処理 画像の表示 |
|
アンケートシステムGAS・HTML自動作成 |
|
| 1 | テンプレート.xlsmを開く |
|
| 2 | フォームシートにアンケートのフォームを作成する。 |
|
| Excel テキストボックス コンボボックス オプションボックス チェックボックスが利用可能です。 |
|
|
|
|
| 作成例 |
| フォームシート |
|
|
|
|
|
|
|
|
|
|
|
| 入力結果の項目名 |
| 選択シート |
|
送信後のメッセージの位置 |
|
|
| コンボボックスの選択データを説明シートに登録します。 |
|
|
|
| 具体的な設定方法については |
| フォームの作成方法 |
を参照ください。 |
|
| 3 | 設定シートの作成開始を押す |
|
|
|
|
|
|
|
|
|
|
|
| 4 | フォームシート内の作成する範囲を入力する。 |
|
|
|
|
|
|
|
|
|
|
| 入力結果の項目名の列を入力する。 |
|
|
| 5 | 出力ボタンを押す |
|
| 作成されるフォームが表示されます。 |
|
| 正しく表示されているか確認します。 |
|
|
|
|
|
| GAS、HTMLがGASシート、HTMLシートに作成されます。 |
| 設定シートに項目名が作成されます。 |
|
| 以上でGAS、HTMLが完成しました。 |
|
|
スプレッドシートへの貼り付け |
|
| 1 | フォーム用の新しいスブレッドシートを作成します。 |
|
| 1 | 下記リンクを クロームで開いてください。フォーム用の新しいスブレッドシート(アンケートフォーム)が表示できます。 |
| https://docs.google.com/spreadsheets/d/18axEB0EmdiaRe14DEbDDyNv41u7HwuinYwFpUWNbuW0/edit#gid=0 |
|
| 2 | ファイル コピーを作成を操作します。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 3 | アンケートフォームのコピーが作成されました |
名前は自由に変更してください。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4 | 読み込んだ アンケートフォーム を閉じてください ×をクリック |
|
|
| 5 | ツール スクリプトエディタを操作 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| コード.gs シートが作成されています。 |
|
|
|
|
|
|
|
|
|
|
|
|
| index.html シートも作成されています。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| ここに、下の手順により、自動作成されたマクロ、htmlを貼り付けます。 |
|
|
| 手作業で作成する場合は |
| フォーム用新しいスブレッドシートの作成方法 |
を参照ください。 |
|
|
|
| 2 | Excelの選択シートをスプレッドシートの選択シートにコピーしてください。同じ位置に貼りつけること。 |
|
|
|
|
| 選択シート |
|
|
|
|
|
|
|
|
|
|
|
| 3 | Excel 設定シートに項目名が作成されます。 |
| スプレッドシートの入力結果シートに貼り付けます。何行目でも可。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4 | Excel 「GAS」シートに マクロが作成されています。 |
|
| スプレッドシートのコード,gsに貼り付けます。 |
保存ボタンを押す |
*が消えます |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 5 | Excel 「HTML」シートに HTMLが作成されています。 |
| スプレッドシートのindex.htmlに貼り付けます。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 以上でシステムが完成しました。 |
|
| | | | | | | | | | | | | | | | | | |