GAS：GoogleAppsScriptオヤジギャグ(^^;
Gemini

基本のGoogleフォームから、GASで作る「オヤジギャグ教室」Webアプリまで徹底解説！

2026.02.14
この記事は約7分で読めます。

コンドルが壁にめりこんどる最近、Googleフォームがますます使いやすくなったと感じませんか？ 以前は複雑な設定が必要だった「日付による締め切り」「回答数の制限」などの管理が非常にスムーズになり、イベントの申込みやアンケート集計など、活用の幅がぐっと広がりました。
今回は、初心者の方に向けた「Googleフォームの基本」と、そこから一歩進んで、Google Apps Script (GAS) を使った「自分だけのWebアプリ型フォーム」の作り方までをご紹介します。

【初級編】まずはここから！Googleフォーム活用の基本

「これからGoogleフォームをもっと活用したい」という方のために、押さえておきたいポイントを整理しました。

なぜGoogleフォームなのか？

  • 誰でも簡単: 直感的な操作で、数分でフォームが完成します。

  • 自動集計: 回答は自動的にGoogleスプレッドシートに蓄積され、グラフ化も即座に行われます。

  • 管理機能の向上: 回答の受付・停止がスイッチ一つで切り替え可能。期間限定のキャンペーンや、定員があるセミナーの受付管理も容易になりました。

基本的な設定フロー

  1. フォームの作成: Googleドライブから「新規」→「Googleフォーム」を選択。

    https://docs.google.com/forms/

  2. 質問の追加: 記述式、選択式など、用途に合わせて質問項目を作ります。

  3. 設定タブの活用: ここが重要です。「回答」セクションで、メールアドレスの収集有無や、回答の編集許可などを設定します。

  4. 公開: 「送信」ボタンからリンクを取得してシェアするだけ！

Googleフォームは以下のページからでも作成できます。

Google Forms: オンライン フォーム作成ツール | Google Workspace
Google Forms を使用して、さまざまな質問形式でオンライン フォームやアンケートを作成しましょう。どのデバイスでもリアルタイムで結果を分析できます。
desktop.google.co.jp

まずは標準機能を使ってみて、「手軽さ」を実感するのが第一歩です。

Googleフォームの拡張機能

※最近拡張されたGoogleフォームの機能で終了日または回答数の上限を設定できるようになりました

【応用編】GASで自由自在！Webアプリを作ってみよう

標準のGoogleフォームは便利ですが、こんな悩みを持つことはありませんか？

  • 「もっとオリジナルのデザインにしたい」

  • 「定員100名に達したら、その瞬間に自動で受付を終了させたい」

  • 「複雑な条件分岐（ロジック）を組み込みたい」

そんな時に活躍するのが、Google Apps Script (GAS) です。 今回は、GASを使って作られたユニークなサンプル「オヤジギャグ教室 申し込みフォーム」を例に、その仕組みを解説します。

サンプル事例：オヤジギャグ教室申し込み

コンドルが壁にめりこんどる

今回作成したデモアプリがこちらです。
オヤジギャグ教室申し込みフォーム（サンプル） (※リンク先はデモ画面です)

ギャグ教室 申し込みフォーム
script.google.com

このフォームは、ただのフォームではありません。裏側でプログラミングコードが動き、厳密な定員管理を行っています。

裏側の仕組み（コード解説）

GASの画面

実際の開発画面（GASのエディタ）を見てみましょう。

この画像にあるコードが、Webアプリの「頭脳」にあたる部分です。

GASのページは以下のURLです。

Apps Script  |  Google for Developers
Develop high-quality, cloud-based solutions with ease.
script.google.com

ポイント1：定員の設定

画像の3行目にご注目ください。

JavaScript

const MAX_LIMIT = 100; // ★定員設定

ここで「定員は100名」と明確に定義しています。この数字を変えるだけで、定員数を自由にコントロールできます。

ポイント2：Webページとしての表示

function doGet() という部分が、URLにアクセスした際に「Webページ（HTML）」を表示させる命令です。これにより、Googleフォームのデザインにとらわれない、自由なレイアウトが可能になります。

ポイント3：現在の申込数の確認

function getCapacityData() という関数では、スプレッドシートのデータを読みに行き、「現在何人が申し込んでいるか」を計算しています。 画面を開いた瞬間に 「現在の人数」vs「定員(MAX_LIMIT)」 を比較し、定員オーバーなら「キャンセル待ち」を表示する、といった高度な制御が可能になるのです。

GASでWebアプリ化するメリット

  1. 完全なカスタマイズ性: HTML/CSSを使えば、企業のブランドカラーに合わせたデザインが可能です。

  2. 厳密な制限: 標準フォームのタイムラグを許さず、システム的に「101人目はNG」といった制御ができます。

  3. URLの配布: script.google.com/... というURLで、Webアプリとして世界中に公開できます。

Googleフォーム活用のまとめ

  • 手軽にアンケートを取りたいなら 標準のGoogleフォーム

  • 厳密な定員管理や独自のデザインが必要なら GASでのWebアプリ化

用途に合わせてこの2つを使い分けることで、業務効率は格段にアップします。 まずは「オヤジギャグ教室」のサンプルを触ってみて、GASの可能性を感じてみてください。

【番外編】プログラミング知識ゼロでもOK？実はこのコード、Geminiが書きました

「GASでWebアプリなんて、プログラミングの専門知識がないと無理でしょ？」

そう思われた方も多いかもしれません。ですが、今回紹介した「オヤジギャグ教室」の申し込みシステム、実はコードのほとんどを Googleの生成AI「Gemini」に書いてもらいました。

「プログラミングは難しい」と思っていませんか？定型業務を劇的に楽にするGAS活用術と強力な助っ人「専用AI：GASアプリメーカー」を公開します
日々の業務をGASで自動化する！このことについて説明します。GASとはGoogleが提供している簡易なプログラムでGeminiとの対話で作り上げることができます。このような自分専用のGASを使えば毎日の定番業務が簡単に自動化できるようになります。ぜひ活用を検討してほしいと考えて、「GASアプリメーカー」というGeminiのGemの「指示（プロンプト）」を公開しました。
www.dm2.co.jp
2026.01.28

上記は「GASアプリメーカー」というGemの作り方を紹介しています。このGemを使うとGAS管理がもっと楽になります。今回のGASはこの「GASアプリメーカー」を使って新規作成しました。

私がやったことは、「やりたいこと」をGeminiに日本語で伝えただけなんです。 実際にどのようなオーダー（プロンプト）でこのアプリが作られたのか、その舞台裏を公開します。

サーバー側のコード（code.gs）を書いてもらう

まず、GASの頭脳となる部分（code.gs）を作成します。 先ほどの画像にあったコードは、以下のようなお願いをして生成されたものです。

【Geminiへのプロンプト例】 「Google Apps ScriptでWebアプリを作りたいです。 スプレッドシートと連携して、定員（100名）に達しているかを確認する機能を付けてください。 doGet関数でHTMLを表示し、スマホでも見やすいようにビューポートを設定してください。 定員数は定数で管理できるようにしてください。」

これだけで、Geminiは以下のようなコードを数秒で提案してくれます。

JavaScript

const SPREADSHEET_ID = "ここにスプレッドシートID";
const MAX_LIMIT = 100; // ★ここで定員を指示通り設定してくれています

function doGet() {
  // HTMLファイルを表示するための決まり文句
  return HtmlService.createHtmlOutputFromFile('index')
    .addMetaTag('viewport', 'width=device-width, initial-scale=1') // スマホ対応もバッチリ
    .setTitle('ギャグ教室 申し込みフォーム');
}

// 定員チェックの機能も自動生成
function getCapacityData() {
   // スプレッドシートを確認して、現在の人数を返す処理...
}

デザイン部分（index.html）も丸投げ

次に、実際の申し込み画面のデザインです。HTMLやCSSの知識が必要な部分ですが、これもGeminiにお願いしました。

【Geminiへのプロンプト例】 「申し込みフォームのHTMLコードを書いてください。 デザインはシンプルで見やすく、色は『オヤジギャグ』っぽい親しみやすい暖色系で。 項目は『お名前』『メールアドレス』『好きなダジャレ（任意）』の3つです。 送信ボタンを押したら、google.script.runを使ってGAS側の送信関数を呼ぶようにしてください。」

すると、Geminiはただの入力欄だけでなく、「CSS（スタイルシート）」までセットで書いてくれます。 「オヤジギャグっぽい暖色系」という抽象的なオーダーも、「オレンジや黄色を使った温かみのあるデザイン」としてコードに落とし込んでくれるのです。

まさかの「ギャグ」まで…？

さらに、このアプリのタイトルや、完了画面に表示する「渾身のオヤジギャグ」に困ったら、それもGeminiの得意分野です。

【Geminiへのプロンプト】 「申し込み完了画面に表示する、感謝の気持ちを伝えるオヤジギャグを3つ考えて」

これで、Webアプリの技術的な部分から、中身のコンテンツまで、まるっとAIと二人三脚で作ることができました。

結論：GAS × Gemini が最強の時短術

「こうしたい」というアイデアさえあれば、複雑なコードはGeminiが書いてくれます。 あとはそれをコピーして貼り付けるだけ。

Googleフォームの標準機能では物足りないけれど、プログラミングを一から勉強する時間はない…。 そんな方こそ、「GeminiにGASを書かせる」という新しい開発スタイルを、ぜひ試してみてください。