拓2月に入って1回も更新していなかったことに気づきました。今回は久々に社内ツールを作ってみたのでご紹介したいと思います。タイトルの通り、採寸をデータ化しようという試みです。断っておくと、以前ご紹介したゾゾタウンのボディースーツは採寸を自動化するもの。採寸不要でウエットをフルオーダーする時代が来る!?今回作ったのは、そんな大層なものではありません(笑)あくまで、これまで手書きだった採寸結果をデータ化しようというものです。完成イメージ採寸結果をフォームに記入し、送信するとスプレッドシートに保存される。基準値を判定し、表示する。↑非表示にも出来るようにする。メリットフードベストや重器材の購入時、適切なサイズを判断するために採寸表を引っ張り出す手間が減るのでは、と思っています。3回の検算や身長・体重・性別に応じた基準値を自動で表示することで、採寸ミスを減らす効果も見込めると思います。Googleフォーム+スプレッドシート?では出来ないんですよね、今回のテーマ。シンプルな一問一答形式であれば、Googleフォームで作ってしまえば即スプレッドシートに保存されるので楽チンです。今回のテーマ、ラジオボタン(単一回答)の選択肢によってリアルタイムに表示非表示を切り替えたり、フォームの入力値をその場で計算したり、『イメージ』の1以外、どれもGoogleフォームでは実現できません。いうことで、以下の構造で考えてみました。計算や表示非表示の切り替えはJavascriptでスプレッドシートに保存するのはGoogleAppsScriptで実現したい事を紐解くHTMLHTMLで用意されているフォームに関するタグを使ってフォームを成形する。入力値のバリデーション(検証)はHTML5標準の機能で。完成品この様に記入した結果が、おなじみスプレッドシートに保存される様に作ってあります。それぞれの画像は、一番上のボタンで表示非表示を切り替えられるので、採寸場所が頭に入っている場合にはスクロールの手間を省くことが出来ます。挙動を完成させただけなので、見栄えに一切華が無い点はご容赦ください(笑)もし、欲しいと言う方がいらっしゃれば、お声がけ頂ければと思います。結構な時間をかけたので、さすがに差し上げるという訳には行かないですが...また、お気づきの方も多いとは思いますが、画像は日本ウエットスーツ工業会のものです。社内ツールとして作ったので、まぁ、、、多めに見てください、中の人...ただ、このまま販売してしまっては、確実に著作権絡みでエライことになるので、もし販売という形になった場合は、ちゃんと写真撮るなりイラスト作るなりします。見栄えももう少し良くします。(笑)実装(参考)今回は、自分の覚書程度になるかと思うので、最後に回させてもらいました。実際のコードなどは以下の通りです。HTML<form>を使ってPOST。type=”number”>各inputにrequiredをつけることで必須回答にすることが出来ます。>と書く選択肢に応じた要素を表示、または非表示document.getElementById("非表示にしたい要素のID").style.display="none";で非表示。document.getElementById("表示にしたい要素のID").style.display="";で表示。性別を選択した時に、性別に応じたCSVファイルを読み込む性別を選択するラジオボタンにonclickをつけておく。function(){convertCSVtoArray(req.responseText);}上記でCSV読み込み。tmp[i].split(',');}}上記でCSVのデータを配列に格納。""){で記入されているかのチェック。[];差の合計を格納する配列を予め準備。result[0][difIndex];上記を全項目で行う。計算結果で条件分岐して予めメッセージや文字色を指定。text_1_col;GoogleAppsScriptやりたいことはシンプルながら、なかなかハマりました...正しいはずのコードでも全く動いてくれず...ということで、1回全て無かったことにして、こちらのサイトを参考に構築しました。コメントをキャンセルメールアドレスが公開されることはありません。