見出し画像

Google サイトと GAS の融合による「業務特化型ポータル」の構築

はじめに:Google ワークスペースに潜む「情報の断絶」

Google Workspace を導入している多くの組織において、共通の悩みがあります。それは、ツールが増えれば増えるほど、情報の置き場所が分散し、業務効率が頭打ちになるという現象です。

社内告知は Google サイトにあり、集計データはスプレッドシートに眠り、日々の入力作業はブックマークした無数の Google Apps Script(GAS)アプリやフォームを使い分けている。こうした「ツール間の移動」に伴うスイッチングコストは、塵も積もれば大きな損失となります。

多くの専門家が「Google サイトは静的な掲示板」「GAS は個別の自動化ツール」と、それぞれを独立した点として捉えています。しかし、この二つを結ぶ「ある手法」を活用することで、バラバラだったツール群を一つの有機的な「業務実行基盤」へと変貌させることが可能です。

本記事では、既存の枠組みを超えた Google サイトと GAS の真の融合、そして生成 AI 時代における新しい開発の在り方について、実務的な視点から詳しく解説します。



Google サイトが社内ポータルに最適な理由

まず、土台となる Google サイトの特性を再確認しましょう。なぜ、あえて独自の Web サイトを構築せず、Google サイトを「入り口」とする必要があるのでしょうか。

ドラッグ&ドロップで構築できるノーコードの利便性

Google サイトは、専門的なデザイン知識を必要としないノーコードツールです。

  • テキストボックス、画像、ドライブ内のドキュメントなどを直感的な操作だけで配置できます。

  • 組織の変更や業務フローの更新に合わせて、誰でも即座に内容を修正できます。

  • サーバーの管理や複雑なインフラの知識は一切不要です。

セキュリティの壁を容易に突破する認証機能

自社でポータルサイトを立ち上げる際の最大の壁は「認証」です。特定の社員のみにアクセスを制限する仕組みは、本来であれば複雑なログイン実装を必要とします。

Google サイトはこの課題を、Google アカウントとの統合によって解決しています。

  • 公開範囲を「ドメイン内のみ」に制限する設定が数クリックで完結します。

  • 組織外のアカウントを自動で排除できるため、機密情報の漏洩リスクを低減できます。

  • 社内のお知らせや業務マニュアルを安全に展開できるため、多くの企業がポータルサイトとして採用しています。

これにより、自社専用のセキュアな情報共有基盤を即座に立ち上げることが可能となります。

【用語解説】 ノーコード(No-code)
プログラミング言語を用いたソースコードの記述を行わずに、視覚的な操作だけでソフトウェアや Web サイトを開発する手法のこと。


Google Apps Script(GAS)による業務プロセスの拡張

一方、情報の「掲示」にとどまらず、業務の「自動化」を担うのが Google Apps Script(GAS)です。

業務をプログラムする「Javascript」の力

GAS は Google サービスを横断的に操作できる強力なスクリプト言語です。

  • スプレッドシートをデータベースとして活用する。

  • Google カレンダーの予定を自動的に制御する。

  • Google ドライブのフォルダ構成を一括で生成する。

これらの「動的な処理」は、静的なページ作成を得意とする Google サイト単体では不可能です。GAS を Web アプリとしてデプロイすることで、専用の入力フォームやツールを独自に構築できるのです。

【用語解説】 デプロイ(Deploy)
開発したプログラムやアプリケーションを、サーバー上などの実際に利用可能な状態に配置・展開すること。


GAS 開発の民主化:生成 AI が取り払った「実装」の壁

これまで、GAS による Web アプリの作成は、プログラミング言語の深い知識が必要な「難易度の高い作業」とされてきました。しかし、生成 AI の登場がこの状況を劇的に変えました。

Gemini と対話するだけでコードが完成する時代

Google の生成 AI である Gemini を活用すれば、プログラミングの文法を熟知していなくてもアプリを構築できます。

  • Gemini に「スプレッドシートの顧客リストを読み込み、プルダウンで選択してカレンダーに登録する Web アプリを作って」と指示するだけで、.gs ファイルと.htmlファイルのコードが出力されます。

  • ユーザーはそのコードをコピーし、GAS エディタに貼り付けるだけで開発が完了します。

  • エラーが出ても、エラー内容をそのまま AI に伝えれば即座に修正案が提示されます。

「バイブコーディング」で加速する試行錯誤

最近注目されているバイブコーディング(Vibe Coding)という手法は、まさにこの「AI とのセッション」による開発を指します。

  • 厳密な設計図よりも「ノリ(Vibe)」や「直感」を優先し、AI と対話しながら作り進めます。

  • 「ボタンをもっと目立つようにして」「工数の集計機能も追加して」といった要望をその場で具現化できます。

  • 開発者ではないビジネス担当者であっても、テストと修正を繰り返すことで、数時間のうちに「動くもの」を完成させることができるようになりました。

【用語解説】 バイブコーディング(Vibe Coding)
AI に自然言語で指示を出し、生成されたコードを即座に実行・修正しながら開発を進める手法。2025年頃から提唱され、開発の民主化を象徴する言葉となっている。


実践:Web アプリのデプロイと権限管理のポイント

AI との対話によってコードが完成したら、次はそのアプリを「インターネット上で動く状態」にし、安全に公開する設定が必要です。

ステップ 1:GAS のデプロイ設定

GAS エディタ上で画面右上の「デプロイ」ボタンをクリックし、以下の項目を正確に設定します。

  1. 種類の選択: 「ウェブアプリ」を選択します。

  2. 次のユーザーとして実行 (Execute as):

    • 「自分」を選択: 強く推奨します。これにより、アプリを使う社員に権限がなくても、アプリ(=作成者の権限)を通じてデータの書き込みが可能になります。

  3. アクセスできるユーザー (Who has access):

    • 「(組織名)の全員」を選択: 社内ポータル用であればこれが最適です。

避けて通れない「承認」のプロセス

デプロイ時、Google から「承認」を求められることがあります。自作アプリの場合、「このアプリは確認されていません」という警告が出ますが、以下の手順で進めます。

  1. 「権限を確認」をクリックし、アカウントを選択。

  2. 警告画面の左下にある「詳細」をクリック。

  3. 「(プロジェクト名)に移動(安全ではない)」を選択。

  4. 「許可」をクリック。

【用語解説】 承認(Authorization)
GAS がユーザーの代わりにカレンダーやドライブにアクセスして良いかを確認するプロセス。自作アプリの場合、初回実行時にこの承認作業が必須となる。

注意:使用する URL の形式を確認する

デプロイ後に発行される URL には 2 種類あります。この選択を間違えると、Google サイト上で正常に表示されません。

  • 本番用 URL (末尾が <code>/exec</code>): Google サイトに埋め込むべき URL です。全対象ユーザーがアクセス可能です。

  • テスト用 URL (末尾が <code>/dev</code>): 開発者本人しかアクセスできません。誤ってこちらを埋め込むと、他のユーザーには「権限がありません」と表示されてしまいます。


究極のシナジー:Google サイトと GAS アプリの「統合」

便利な GAS アプリが完成し、URL が発行されたら、いよいよ Google サイトへ組み込みます。

リンク集を超える「埋め込み」という解決策

多くの運用では、Google サイトにアプリへの「リンク」を貼るにとどまっています。しかし、リンクをクリックして別タブが開く動作は、ユーザーの集中力を削ぎます。

そこで活用するのが、Google サイトの「埋め込み」機能による iframe 技術です。

ステップ 2:Google サイトへの登録

  1. Google サイトの編集画面で、右側メニューの「挿入」→「埋め込み(< >)」をクリック。

  2. URL タブに、GAS の <code>/exec</code> で終わる URL を貼り付けます。

  3. プレビューを確認して挿入し、ドラッグでサイズを調整します。

これにより、あたかもサイトに最初から備わっていた機能であるかのように、アプリケーションの画面がサイト内に表示されます。

【用語解説】 iframe(アイフレーム)
Web ページの中に、別の Web ページを入れ子状に埋め込んで表示させるための HTML 要素。


応用アイデア:ポータルを「業務実行基盤」に変える

このシナジーを具体的にどう活かすべきか、いくつかのアイデアを挙げます。

1. 表記ゆれをゼロにするカレンダー登録アプリ

スプレッドシートの「顧客一覧」を参照し、選択肢から入力させるフォームをサイトに埋め込みます。これにより、カレンダーの情報をそのまま工数集計データとして活用できるようになります。

2. 動的な KPI ダッシュボード

GAS で集計したリアルタイムな数値を HTML で描画し、サイトに埋め込みます。標準機能のグラフよりも柔軟なフィルタリングが可能になります。

3. 自動フォルダ生成などのアクションボタン

「プロジェクト開始」というボタンをサイトに配置し、押すと裏側の GAS が Google ドライブ内に所定のフォルダ構成を自動生成する。サイトを「見る場所」から「動かす場所」へ変えることができます。


おわりに:選択肢を減らすことが業務改善の第一歩

業務改善の本質は、新しいツールを増やすことではなく、社員の「迷い」を減らすことにあります。

情報の入り口である Google サイトに、生成 AI で手軽に作成した GAS アプリを埋め込む。この統合によって、社員は「あのアプリはどこだっけ?」と探す手間から解放され、ポータルサイトを開くだけで主要な業務を完結できるようになります。

「選択肢を少なくし、一つの場所で完結させる」。このシンプルで強力な改善アプローチを、ぜひ皆様の組織でも試してみてください。


いいなと思ったら応援しよう!