連載目次:GASでGoogleフォームを一発で作成するツールを作る イベントの申し込みやアンケートにとっても便利なGoogleフォーム。スプレッドシートの入力内容をもとに、一発でフォームを作成するツールを作っていきます。 GASで作成したGoogleフォームを指定のフォルダに移動する方法 GASでGoogleフォームに記述式の質問を追加する方法 GASでGoogleフォームにメールアドレスの入力欄とバリデーションを追加する方法 GASでGoogleフォームにラジオボタンの質問を追加する方法 GASでGoogleフォームにチェックボックス形式の質問を追加する方法 GASでGoogleフォームにプルダウンリストの質問を追加する方法 Googleフォームの質問の選択肢をスプレッドシートのデータから生成するGAS関数の作り方 GASでGoogleフォームに追加できる質問の種類とそのメソッドまとめ
授業の小テストやアンケートをオンライン化しよう!! Googleフォームについて 『 【GAS】Google Forms から送信された情報から自動返信メールを作成・送信する 』 こちらの記事でも紹介たようにGoogleが提供する便利ツールです。 今回は学校での小テストをオンライン化する際にこのGoogleフォームを使ってみます。 しかし、テストを毎回フォームの編集画面から編集するのは大変です… そこでスプレッドシート(EXCELのようなもの)で管理できたら最高ですね!!! ということで今回はスプレッドシートからGoogleフォームを作成するプログラムを紹介します!!
replace(/\r? \n/g, '
'));
$('#confirmModal')();});
//確認モーダルのキャンセルボタンクリック時処理
$('#confirmModal ')('click', function () {
//確認モーダルの登録ボタンクリック時処理
$('#registerButton')('click', function () {
$('')();
const req = {};
const params = {};
$('#reserveForm')('input')(function (index, element) {
const key = $(element)('name');
const val = $(element)();
params[key] = val;});
rameters = params;
(doSubmitSuccess). BtoBシステム販売 | スプレッドシートからフォームを作成. doSubmitAjax(req);});});
const doSubmitSuccess = function (result) {
//必要な場合、成功したときの画面処理を書く};
また処理を行うコード. gsも追加します。
function doSubmitAjax(req) {
const params = rameters;
const resObj = {};
return resObj;}
順番に解説していきます。
これは時間を入力する項目にjQuery timepickerを適用させています。時間の入力する項目を使わない場合は必要ないです。
これは画面に用意した確認画面ボタンをクリックしたときの処理です。クリックすると非表示で用意していた確認画面用モーダルが表示され、フォームに入力された内容をモーダルにも表示しています。
どういうことかというと、
データを入力して確認画面を押します。そうすると
フォームに入力した内容がモーダルにも表示されると思います。
確認画面がないとユーザが間違えて入力していても気づかない ので、用意した方が良いと思います。実際身の回りの申請フォームにも確認画面が用意されています。
Bulmaのモーダルを使うと簡単に実装できます。
これは確認画面モーダルでキャンセルボタンか×アイコンをクリックしたときに、確認画面モーダルを非表示にしています。再入力ができるようになります。
(doSubmitSuccess).
完成ソース コードが多くなってしまいわかりづらいと思うので、最後に完成したソースを乗っけておきます。 let isError = false; let errorMessage = []; 最後に 今回はフォームを作成してgasでスプレッドシートに書きこむ処理を作成しました。 実際運用する場合はここにバリデーションをつけたり、登録に画面を切り替えたり、非同期通信が失敗したときの処理を書いたりともう少し書かないといけないですが、スプレッドシートをデータベース代わりに申請フォームを作成できるのは使い方が広がると思います。 友人に頼まれて実際作ったものはさらに登録したらユーザにメールを送信してGoogleカレンダーに登録する処理まで作りました。この辺は今度どこかで記事を書こうと思います。 長くなってしまいましたが、読んでいただきありがとうございました!
みなさん、こんにちは! タカハシ( @ntakahashi0505)です。 イベントの申し込み受付や、アンケートなどを行いたいときに、 Googleフォーム は大変便利ですよね。 簡単な編集できちんとしたフォームが作れますし、なにせ無料でずっと使い続けることができます。 Google Apps Scriptでは、そのGoogleフォームも操作をすることもできます! 毎月のように似たようなイベントを開催している会社さん、定期的に似たようなアンケートを行っている会社さん、いらっしゃいますよね…? 毎回… GoogleドライブからGoogleフォームを新規作成して フォームのタイトルを変更して フォームの説明加えて 質問追加して …って面倒ですよね。 コピーして作ればいいですが、もっとスマートなやり方があります。 GASを使えば、ちょちょっとスプレッドシートに必要事項入力して、実行一発でフォームを作れちゃいますよ。 ということで、今回から何回かのシリーズで、 GASでGoogleフォームの作成ツールを作成 していきます。 今回は、最初ということで、 Googleフォームを作成する最も簡単なスクリプトを紹介 していきます。 では、行ってみましょう! Google Apps Scriptでフォームを作ってスプレッドシートに登録する方法 | まさきのエンジニア図書館. GASでGoogleフォームを作成する最も簡単なスクリプト Googleフォームを作成するだけなら、なんとたった一行 でOK。 では、そのスクリプトを紹介しましょう! コチラです。 function createEventForm(){ ('もくもく会');} 後々、スプレッドシートと連携しますので、スプレッドシートのコンテナバインドで作っておいてくださいね。 では、実行してみましょう。 初回は認証が必要ですが、それを終えるとGoogleドライブのマイドライブに以下のように「もくもく会」というフォームが作成されているはずです。 ダブルクリックしてフォームを開くと、以下のようなフォームが生成されていることを確認することができます。 なんて簡単なんでしょう! オブジェクトFormAppとは スクリプトを解説しますね。 まず、 「FormApp」 というワードが登場します。 GASではGoogleフォームを操作する機能を 「Formsサービス」 というサービスで提供しています。 FormAppはこのFormsサービスの トップレベルのオブジェクト です。 GASでFormsサービスを使って何らかの操作をする場合には、まずこのFormAppオブジェクトを経由するところからはじまります。 createメソッドでフォームを作成する そのFormAppオブジェクトに対して、 createメソッド を使用しています。 その名の通り、 フォームを生成する メソッドですね。 書式は以下の通り、引数にフォームのタイトルを文字列で指定します。 FormApp.
Google Apps Script 2019. 12. 16 2019. 14 この記事は 約6分 で読めます。 GASによるgoogleフォームの作成 以下サンプルコードを読んでいきましょう。 スプレッドシートがロードされたときに スプレッドシートにメニューを挿入する サンプルコード /** * A special function that inserts a custom menu when the spreadsheet opens. 【GAS】スプレッドシートから小テスト用Googleフォームを作成する│工業教育.net. */ function onOpen() { var menu = [{name: 'Set up conference', functionName: 'setUpConference_'}]; tActive(). addMenu('Conference', menu);} onOpen() シンプルトリガー といわれる予約関数の中のひとつで、ドキュメントを開くなどの特定のイベントが発生したときにGASにより自動的に実行されます。 シンプルトリガー には、onOpen()の他に以下があります。 onEdit(e) : スプレッドシートの値を変更したときに実行する。 onInstall(e) : アドオンをインストールすると実行する。 doGet(e) : GAS で作成し公開したWebアプリ(URL)にアクセスするか、外部のプログラムがHTTP GET 要求を上記Webアプリ(URL)に送信すると実行する。 doPost(e) : HTTP POST 要求を GASで作成し公開したWebアプリ(URL)に送信すると実行する。 tActive(). addMenu スプレッドシートを表すスプレッドシートオブジェクト内でアクティブなシートを取得し、シートにConferenceメニューとサブメニューSet up conferenceを追加しています。 Set up conferenceサブメニューをクリックするとsetUpConference_関数を呼び出します。 addMenuメソッド Spreadsheetのメソッドのひとつ。 書式: addMenu(name, subMenus) name:追加するメニュー名 subMenus: パラメータ name と functionName パラメータを持つJavaScriptマップの配列 スプレッドシートの内容を元にフォームを生成するサンプルコード このブロックでは、スプレッドシートの内容を元にgoogleカレンダーに会議予定を追加し、参加申し込みフォームを生成します。 /** * A set-up function that uses the conference data in the spreadsheet to create * Google Calendar events, a Google Form, and a trigger that allows the script * to react to form responses.
パソコンの設定が終わったら、次はスマホの設定です。 「Chromeリモートデスクトップ」のアイコンをタップすると、グーグルアカウントの選択画面が出てくるので、パソコンと同じアカウントを選びます。 Chromeリモートデスクトップ画面に、アクセス可能なパソコン名が表示されるので、ここをタップします。 するとPINコード入力画面が表示されるので、パソコンの設定時に入力したPINコードを入力します。 これでスマホの画面にパソコンと同じ画面が表示され、パソコンを操作することができるようになります。 画面の表示はピンチイン・アウトで拡大・縮小ができるので、スマホ画面が小さくても操作に困ることはありません。スマホ画面をタッチすれば、それがそのままパソコンに反映されるので操作も簡単です。 右下の三本線マークをタップすれば、キーボードを表示したり、スマホ画面をトラックパッドのようにしてマウスカーソルを操作するモードに変更したりもできます。 自宅のパソコンを外出先で操作するほかにも、田舎の両親にパソコンの使い方を教えたいときなどにも便利な機能です。ぜひ一度、試してみてください。その便利さがわかりますよ! ただし、会社のパソコンをリモート操作する場合は、セキュリティ上の問題もありますので、事前に確認をとってから使いましょう。 リモート操作するなら画面の大きいスマホやタブレットが便利 スマホでPCの操作をするなら、画面が大きいスマホやタブレットがオススメです。 BIGLOBEモバイルなら大画面ディスプレイを搭載したスマホやタブレットのラインナップが豊富です! スマホの乗り換えを検討中の方はぜひご確認ください。 BIGLOBEモバイルのスマホラインナップをみる ※本記事の内容は、2018年5月10日現在の情報です。
PCへ音声出力や画面操作もできる 】で解説しています。 ApowerMirror - Androidをパソコンや別のスマートフォンへミラーリングする方法! PCへ音声出力や画面操作もできる Androidをもっと大きな画面で操作したい場合、パソコンのディスプレイに投影(ミラーリング)できたら便利ですよね。 そこで本記事では、Androidの画面をパソコンへ無線でミラーリングできる無料アプリApowerMirrorを紹介し... 補足: MacからAndroidのスクリーンショットを撮影したい場合 もしミラーリングの目的が「MacからAndroidのスクリーンショット撮影したい」だけであるなら、「 Android Tool for Mac 」というアプリの方が使いやすいかもしれません。 詳細は関連記事【 MacからAndroidのスクリーンショット撮影をする方法! PC上で画面キャプチャや録画もできる 】で解説しています。 MacからAndroidのスクリーンショット撮影をする方法! PC上で画面キャプチャや録画もできる Androidでスクリーンショットを撮影する場合アプリの導入は不要ですが、 Android自体を操作する必要があるため、故障していると実行できません。 そこで本記事では、USBケーブルで接続したAndroidの画面を撮影... ワイヤレスにミラーリングしたい場合 もしUSBケーブルを使わず無線でミラーリングしたい場合、「 AirMore 」というアプリがオススメです。 「AirMore」でワイヤレスにゲーム画面をミラーリングした画面例。 同じWi-Fiネットワークへ接続していればワイヤレス接続できるのが魅力となっています。 詳細は関連記事【 AirMore – Androidの画面をパソコンへ無線でミラーリングする方法! ワイヤレスに遠隔でWindows/Macへ映そう 】で解説しています。 AirMore - Androidの画面をパソコンへ無線でミラーリングする方法! ワイヤレスに遠隔でWindows/Macへ映そう Androidをもっと大きな画面で操作したい場合、パソコンのディスプレイに投影(ミラーリング)できたら便利ですよね。 そこで本記事では、Androidの画面をパソコンへ無線でミラーリングできる無料アプリAirMoreを紹介します。... パソコンでAndroidアプリを動かしたい場合 Androidアプリのエミュレータ「 BlueStacks 」を使えば、パソコン上でAndroid向けアプリを動かすことができます。 目的が「パソコンの大きな画面でAndroidアプリを楽しみたい」であれば、オススメの方法です。 詳細は関連記事【 BlueStacks – MacでAndroidを動かそう!
リンク