GoogleサイトとGoogleスプレッドシートを連携する方法｜初心者でもできるGAS活用術

こんにちは！今回は、GoogleサイトとGoogleスプレッドシートを連携させる方法について、初心者の方にもわかりやすく解説します。パソコンやスマホの操作に自信がない方でも安心して取り組める内容ですので、ぜひ最後までご覧ください。

GoogleサイトとGoogleスプレッドシートを連携するメリット

Googleスプレッドシートのイメージ

GoogleサイトとGoogleスプレッドシートを連携させると、例えば以下のような便利な使い方が可能になります

これらのメリットにより、例えばサークル活動の予定表や社内のお知らせページなど、頻繁に更新が必要なサイトの運営がスムーズになります。

必要な準備と基本の流れ

まずは、GoogleサイトとGoogleスプレッドシートを連携させるための準備と基本的な流れを確認しましょう。

スプレッドシートを作成する

Googleドライブで新しいスプレッドシートを作成し、以下のようなデータを入力します

このようなデータを入力することで、後でGoogleサイトに表示させる情報を整理できます。

Google Apps Script（GAS）を設定する

スプレッドシート上部の「拡張機能」から「Apps Script」を選択し、以下のコードを入力します

function doGet() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('シート名');
  const data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 3).getValues();
  let html = '

ここがポイント！
';
  data.forEach(row => {
    html += `
${row} - ${row}
${row}
`;
  });
  html += '
';
  return HtmlService.createHtmlOutput(html);
}

このコードは、スプレッドシートのデータをHTML形式で出力するものです。

ウェブアプリとしてデプロイする

「デプロイ」→「新しいデプロイ」を選択し、「ウェブアプリ」として設定します。公開設定を「全員」にし、デプロイを実行すると、ウェブアプリのURLが取得できます。

Googleサイトに埋め込む

Googleサイトを開き、「埋め込み」→「URLから埋め込み」を選択し、先ほど取得したウェブアプリのURLを貼り付けます。これで、スプレッドシートのデータがGoogleサイトに表示されるようになります。

注意点とポイント

よくある質問

Q1. GASのコードを変更した場合、Googleサイトに反映させるにはどうすればよいですか？

GASのコードを変更した後、再度「デプロイ」→「新しいデプロイ」を選択し、ウェブアプリとして再デプロイする必要があります。これにより、変更がGoogleサイトに反映されます。

Q2. Googleサイトに埋め込んだデータを編集することはできますか？

Googleサイトに埋め込んだデータは、直接編集することはできません。編集はスプレッドシート上で行い、その後Googleサイトに反映させる形になります。

Q3. GASの実行制限を超えた場合、どうすればよいですか？

GASの無料版には実行制限があります。頻繁に更新が必要な場合は、実行制限を超えないように工夫するか、有料版のGoogle Workspaceを検討することをおすすめします。

今すぐ解決したい！どうしたらいい？

いま、あなたを悩ませているITの問題を解決します！
「エラーメッセージ、フリーズ、接続不良…もうイライラしない！」

あなたはこんな経験はありませんか？

✅ ExcelやWordの使い方がわからない💦
✅ 仕事の締め切り直前にパソコンがフリーズ💦
✅ 家族との大切な写真が突然見られなくなった💦
✅ オンライン会議に参加できずに焦った💦
✅ スマホの重くて重要な連絡ができなかった💦

平均的な人は、こうしたパソコンやスマホ関連の問題で年間73時間（約9日分の働く時間！）を無駄にしています。あなたの大切な時間が今この悩んでいる瞬間も失われています。

LINEでメッセージを送れば即時解決！

すでに多くの方が私の公式LINEからお悩みを解決しています。

最新のAIを使った自動応答機能を活用していますので、24時間いつでも即返信いたします。

誰でも無料で使えますので、安心して使えます。

問題は先のばしにするほど深刻化します。

小さなエラーがデータ消失や重大なシステム障害につながることも。解決できずに大切な機会を逃すリスクは、あなたが思う以上に高いのです。

あなたが今困っていて、すぐにでも解決したいのであれば下のボタンをクリックして、LINEからあなたのお困りごとを送って下さい。

相談しに行く

ぜひ、あなたの悩みを私に解決させてください。

まとめ

GoogleサイトとGoogleスプレッドシートを連携させることで、サイトの更新作業が効率化され、情報の共有がスムーズになります。初心者の方でも、少しずつ手順を追っていけば、簡単に実現できます。ぜひ、今回の内容を参考に、実際に試してみてください。

他にも疑問やお悩み事があれば、お気軽にLINEからお声掛けください。