🦔

GASでRSS配信する仕組みを作り、STUDIOでスプレッドシートのデータを表示させる

2022/01/05に公開約1,800字

スプレッドシートのデータをSTUDIOで表示する方法がないか...?

GASでスプレッドシートのデータをRSS配信し、STUDIOで読み込むという方法を考えて試してみました。

使うもの

1.GASでRSS配信する仕組みを作る

こちらの記事を参考に、RSS配信できるところまで作成します。

https://www.infoscoop.org/blogjp/2014/11/27/gas-rss-service/

スプレッドシートのIDとは?

URLを見るとスプレッドシートのIDがわかります。

https://docs.google.com/spreadsheets/d/【ここがID】/edit#gid=0

ウェブアプリケーションとしてデプロイする

「実行」を押すと、1回目だけアプリケーションの許可画面が出てきます。
下記手順に沿って許可をしてください。

青色の「デプロイ」ボタンを押して、下記の手順でウェブアプリケーションとしてデプロイしてください。
デプロイが完了すると、ウェブアプリケーションのURLが発行されます。

デプロイしてもなぜかエラーで開けない場合はシークレットモードで開いてみる

何度デプロイしても、開けず困っていたら、
どうやら一つのブラウザで複数のGoogleアカウントでログインしているとウェブアプリケーションにアクセスできないことがあるという情報が出てきました。
試しにシークレットモードで開いてみたトコロ、あっさり解決!

2.STUDIOで読み込む

STUDIOで作成した自分のウェブサイトに表示していきます!

1.STUDIOでサインアップし、新規サイトを作成

STUDIOにアクセスし、新しいサイトを作成してください。

2.RSSを読み込む

  1. 左メニューからRSSを選択し、「Add a new RSS feed」をクリック

  2. 先程デプロイしたアプリのURLを入力

  3. 追加されたRSSフィードをクリックするとデータが追加されます

3.表示したいデータの選択

文字をクリック→右側のメニューから表示したいデータを選択できます

4.レイアウトの調整

レイアウトの調整をして完了です!

レイアウト調整のやりかたはこちらの動画を参考にどうぞ!

https://youtu.be/0Lc9FnH89rQ

完成!

サンプル

https://mizukikisaichi-rsstest.studio.site/

これは色々と活用できそうです。

Discussion

ログインするとコメントできます