できること ・googleスプレッドシートのリストから選択肢を作成する ・googleスプレッドシートのリストが更新されたら自動的にgoogleフォーム選択肢も変わる 手順 1. スプレッドシートを作成、リストを作る 2. フォームを作成、質問を作りプルダウン形式にする 3. スクリプトを作成、実行 4. スプレッドシートが変更されたら、フォームの選択肢も変更されるようにする 1. スプレッドシートを作成、一覧を作る 1番上にタイトル(ここでは「名前」)、下にリストを書いていく 2. フォームを作成、質問を作りプルダウン形式にする 質問を入力し(ここでは「名前を選択してください」)、回答形式は「プルダウン」にする 3. スクリプトを作成、実行 リストを作成したスプレッドシートから、 ツール→スクリプトエディタを開く 以下をコピペする function overwriteDjList () { var sheets = ById( '①'). BtoBシステム販売 | スプレッドシートからフォームを作成. getSheets(); var sheet = sheets[②]; if ( "③" == tRange( "④"). getValue()){ var colA = tRange(⑤, ⑥, tLastRow() - 1). getValues();} var form = ById( '⑦'); var items = tItems(emType. LIST); items. forEach ( function (item) { if (tTitle()(/⑧. *$/)){ var listItemQuestion = ListItem(); var choices = []; colA. forEach ( function (name) { if (name! = ""){ (eateChoice(name));}}); tChoices(choices);}});} ①=スプレッドシートのID(URL)の/edit#gid=0 ②=上から何番目(0, 1, 2... )のシートにリストがあるか 例 「メンバー」シートなら②=1 ③=タイトル 例 タイトルが「名前」なら③=名前 ④=タイトルのセル 例 タイトルのセルがB2なら④=B2 ⑤=リストのはじまる最初のセルのタテの数 ⑥=リストのはじまる最初のセルのヨコの数 例 リストは「遠藤」からはじまるので、⑤=3、⑥=2 ⑦=フォームのID(URL)の /viewform ⑧=質問内容 例 ここでは「名前を選択してください」なので、⑧=名前を選択してください 保存💾、実行▶️する 選択肢を確認して、リストから引っ張れていたら成功!
doSubmitAjax(req);}); これは確認画面モーダルの登録ボタンをクリックしたときの処理です。 今回はフォームのサブミットで処理するのではなく、gasの非同期の機能を使ってgas(サーバサイド)の関数を実行しています。 実際gasの関数を呼び出している処理はこちらの部分です。 (doSubmitSuccess). doSubmitAjax(req); これはgas上のdoSubmitAjaxを呼び出し、成功した場合にHTML上のdoSubmitSuccessが呼び出されるといった意味になります。 doSubmitAjaxにはパラメータを渡せるのでreqを渡しています。 ここからコード. gsに加えた以下の文につながる流れです。 GASでスプレッドシートに書き込む処理を作る 登録ボタンをクリックしたときにgasの関数を呼び出す処理が作れたので、doSubmitAjaxの関数に実際にスプレッドシートに書きこむ処理を加えていきます。 まずはコード.
みなさん、こんにちは! タカハシ( @ntakahashi0505)です。 イベントの申し込み受付や、アンケートなどを行いたいときに、 Googleフォーム は大変便利ですよね。 簡単な編集できちんとしたフォームが作れますし、なにせ無料でずっと使い続けることができます。 Google Apps Scriptでは、そのGoogleフォームも操作をすることもできます! 毎月のように似たようなイベントを開催している会社さん、定期的に似たようなアンケートを行っている会社さん、いらっしゃいますよね…? 毎回… GoogleドライブからGoogleフォームを新規作成して フォームのタイトルを変更して フォームの説明加えて 質問追加して …って面倒ですよね。 コピーして作ればいいですが、もっとスマートなやり方があります。 GASを使えば、ちょちょっとスプレッドシートに必要事項入力して、実行一発でフォームを作れちゃいますよ。 ということで、今回から何回かのシリーズで、 GASでGoogleフォームの作成ツールを作成 していきます。 今回は、最初ということで、 Googleフォームを作成する最も簡単なスクリプトを紹介 していきます。 では、行ってみましょう! GASでGoogleフォームを作成する最も簡単なスクリプト Googleフォームを作成するだけなら、なんとたった一行 でOK。 では、そのスクリプトを紹介しましょう! コチラです。 function createEventForm(){ ('もくもく会');} 後々、スプレッドシートと連携しますので、スプレッドシートのコンテナバインドで作っておいてくださいね。 では、実行してみましょう。 初回は認証が必要ですが、それを終えるとGoogleドライブのマイドライブに以下のように「もくもく会」というフォームが作成されているはずです。 ダブルクリックしてフォームを開くと、以下のようなフォームが生成されていることを確認することができます。 なんて簡単なんでしょう! オブジェクトFormAppとは スクリプトを解説しますね。 まず、 「FormApp」 というワードが登場します。 GASではGoogleフォームを操作する機能を 「Formsサービス」 というサービスで提供しています。 FormAppはこのFormsサービスの トップレベルのオブジェクト です。 GASでFormsサービスを使って何らかの操作をする場合には、まずこのFormAppオブジェクトを経由するところからはじまります。 createメソッドでフォームを作成する そのFormAppオブジェクトに対して、 createメソッド を使用しています。 その名の通り、 フォームを生成する メソッドですね。 書式は以下の通り、引数にフォームのタイトルを文字列で指定します。 FormApp.
2); border-radius: 6px;} padding: 20px;} #reserveForm { width: 100%;} justify-content: center;} flex-direction: column;}. calendar-field input[type=date] { width: 160px; margin: 10px auto;}. calendar-field. timepicker { width: 100px; margin: 10px 10px 10px 0;} padding: 1. 4rem 0. 8rem;} font-size: 1. 2rem;} (:last-child) { margin-bottom: 1. 5rem;} flex-wrap: wrap;} #userId { width: 60%;} padding-left: 3em; padding-right: 3em;}. calendar-control>div { /*レスポンシブ(スマホ)*/ @media screen and (max-width: 480px) { min-height: 100%;} display: none;}}